@charset "UTF-8";
/* -----------------------------------------------------------------------------
   Author: A.I.FIA www.fia.pl  Wszelkie prawa zastrzeżone
----------------------------------------------------------------------------- */

@import url("../fonts/remixicon.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap');

:root {
  /**
  @font family
  */
  --fia-font-1: 'Open Sans', sans-serif;
  --fia-font-2: 'Open Sans', sans-serif;

  /* Rozmiary */
  --fia-size-body: 1.050rem;
  --fia-size-male: 0.9rem;
  --fia-h1-size: 1.5em;
  --fia-h2-size: 1.3em;
  --fia-h3-size: 1.2em;
  --fia-h4-size: 1.1em;
  --fia-przycisk-size: .9em;

  /* Kolory */
  --fia-red: #dc3545;
  --fia-h1: #003658;
  --fia-h2: #003658;
  --fia-h3: #003658;
  --fia-h4: #003658;
  --fia-white: #fff;
  --fia-black: #000;
  --fia-primary: #003658;
  --fia-doprimary: #fff;
  --fia-secondary: #22a734;
  --fia-dosecondary: #fff;
  --fia-body: #6f6f87;
  --fia-link: #13225b;

  --fia-gray-100: #f3f3f3;
  --fia-gray-200: #e9ecef;
  --fia-gray-300: #dee2e6;
  --fia-gray-400: #ced4da;
  --fia-gray-500: #adb5bd;
  --fia-gray-600: #6c757d;
  --fia-gray-700: #495057;
  --fia-gray-800: #343a40;
  --fia-gray-900: #212529;

  --fia-firmowe1: #f7f5f2;
  --fia-secondary-color: rgba(33, 37, 41, 0.75);
}

/* ==========================================================================
   GLOBALNE
========================================================================== */

.node__content .container {
  padding: 0;
}

/* ==========================================================================
   KOLORY / TŁA
========================================================================== */

.bs-red,
.bs-red a,
.block-layout-builder .bs-red a,
.bs-red * {
  color: var(--fia-red);
}

.bs-white,
.bs-white a,
.block-layout-builder .bs-white a,
.bs-white * {
  color: var(--fia-white);
}

.bs-black,
.bs-black a,
.block-layout-builder .bs-black a,
.bs-black * {
  color: var(--fia-black) !important;
}

.bs-primary,
.bs-primary a,
.block-layout-builder .bs-primary a,
.bs-primary * {
  color: var(--fia-primary);
}

.bs-secondary,
.bs-secondary a,
.block-layout-builder .bs-secondary a,
.bs-secondary * {
  color: var(--fia-secondary);
}

.bs-doprimary {
  background-color: var(--fia-doprimary);
}

.bs-dosecondary {
  background-color: var(--fia-dosecondary);
}

.bs-gray-100 {
  background-color: var(--fia-gray-100);
}

.bs-gray-200 {
  background-color: var(--fia-gray-200);
}

.bs-gray-300 {
  background-color: var(--fia-gray-300);
}

.bs-gray-400 {
  background-color: var(--fia-gray-400);
}

.bs-gray-500 {
  background-color: var(--fia-gray-500);
}

.bs-gray-600 {
  background-color: var(--fia-gray-600);
}

.bs-gray-700 {
  background-color: var(--fia-gray-700);
}

.bs-gray-800 {
  background-color: var(--fia-gray-800);
}

.bs-gray-900 {
  background-color: var(--fia-gray-900);
}

.bs-firmowe1 {
  background-color: var(--fia-firmowe1) !important;
}

.bs-red-bg {
  background-color: var(--fia-red) !important;
}

.bs-white-bg {
  background-color: var(--fia-white) !important;
}

.bs-black-bg {
  background-color: var(--fia-black) !important;
}

.bs-primary-bg {
  background-color: var(--fia-primary) !important;
}

.bs-secondary-bg {
  background-color: var(--fia-secondary) !important;
}

.bs-doprimary-bg {
  background-color: var(--fia-doprimary);
}

.bs-dosecondary-bg {
  background-color: var(--fia-dosecondary);
}

.bs-gray-100-bg {
  background-color: var(--fia-gray-100) !important;
}

.bs-gray-200-bg {
  background-color: var(--fia-gray-200) !important;
}

.bs-gray-300-bg {
  background-color: var(--fia-gray-300) !important;
}

.bs-gray-400-bg {
  background-color: var(--fia-gray-400) !important;
}

.bs-gray-500-bg {
  background-color: var(--fia-gray-500) !important;
}

.bs-gray-600-bg {
  background-color: var(--fia-gray-600) !important;
}

.bs-gray-700-bg {
  background-color: var(--fia-gray-700) !important;
}

.bs-gray-800-bg {
  background-color: var(--fia-gray-800) !important;
}

.bs-gray-900-bg {
  background-color: var(--fia-gray-900) !important;
}

.bs-firmowe1-bg {
  background-color: var(--fia-firmowe1) !important;
}

.btn-primary {
  background: var(--fia-primary);
  border: 0;
}

.btn-primary:hover {
  background: var(--fia-secondary);
  border: 0;
}

.text-white a,
.text-white h1,
.text-white h2,
.text-white h3 {
  color: var(--fia-white);
}

.text-black a,
.text-black h1,
.text-black h2,
.text-black h3 {
  color: var(--fia-black);
}
p a,
p{
  color: var(--fia-body);
}

.site-logo img {
  height: 47px;
}


.wyr-ikona i{
    text-align: center;
}


@media (max-width: 767.98px) {
.site-logo img {
  height: 38px;
}
.uemobile{
  height: 28px;
}
}

/* ==========================================================================
   PODSTAWOWE
========================================================================== */

::selection,
::-moz-selection {
  text-shadow: none;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--fia-font-2);
  font-size: var(--fia-size-body);
  color: var(--fia-body);
  line-height: 32px;
  overflow-x: hidden;
  width: 100%;
  min-height: 100%;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
}

h2 a,
h3 a,
h4 a {
  color: var(--fia-primary);
}

h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: var(--fia-secondary);
}

a {
  color: var(--fia-primary);
  transition: all 300ms ease-in-out;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: var(--fia-secondary);
}


h1,
h2,
h3,
h4 {
  font-family: var(--fia-font-1);
    font-weight: 800;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  color: var(--fia-h1);
}

h2 {
  color: var(--fia-h2);
}

h3 {
  color: var(--fia-h3);
}

h4 {
  color: var(--fia-h4);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--fia-border-width) solid;
  opacity: 0.25;
}

/* ==========================================================================
   NAGŁÓWKI - WIELKOŚCI DODATKOWE
========================================================================== */



h2.fbmaly {
  font-size: calc(var(--fia-h2-size) - 0.3em);
}

h2.fmaly {
  font-size: calc(var(--fia-h2-size) - 0.1em);
}


h2.fduzy {
  font-size: calc(var(--fia-h2-size) + 0.9em);
}
.fbduzy h2,
h2.fbduzy {
  font-size: calc(var(--fia-h2-size) + 1.2em);
}

h2.fwielki {
  font-size: calc(var(--fia-h2-size) + 2em);
}

/* ==========================================================================
   MODAL (Layout Builder)
========================================================================== */

.ui-layout-builder-modal .layout-builder-update-block {
  background: #fff !important;
}

.ui-layout-builder-modal .field--type-list-string {
  background: linear-gradient(90deg, rgba(249, 249, 249, 1) 0%, rgba(241, 241, 241, 1) 100%);
  border: 1px solid #fff;
  float: left;
  width: 20%;
  padding: 0 2%;
  border-radius: 10px;
}

.ui-layout-builder-modal .field--widget-options-select {
  font-size: 0.8em !important;
}

/* ==========================================================================
   ADMIN - DODATKOWE
========================================================================== */

.node-page-layout-builder-form.node-layout-builder-form.layout-builder-form .form-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

#block-fia-menukontauzytkownika {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(233, 236, 239, 1) 61%);
  overflow: hidden;
  border-radius: 10px;
  padding: 5px;
}

.region-content .contextual-region.block-core.block-local-tasks-block h2 {
  padding-top: 30px;
}

.region-content .contextual-region.block-core.block-local-tasks-block h2,
.region-breadcrumb .menu--account h5 {
  display: flex;
  flex-direction: row;
  color: #979797;
  text-transform: uppercase;
  font-size: 0.8em;
}

.region-content .contextual-region.block-core.block-local-tasks-block h2:before,
.region-content .contextual-region.block-core.block-local-tasks-block h2:after,
.region-breadcrumb .menu--account h5:before,
.region-breadcrumb .menu--account h5:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #dee2e6;
  margin: auto;
}

.region-breadcrumb .menu--account h5:before {
  margin-right: 10px;
}

.region-breadcrumb .menu--account h5:after {
  margin-left: 10px;
}

.region-breadcrumb .menu--account ul.navbar-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 4px;
}

.region-breadcrumb .menu--account ul .nav-item {
  border-radius: 5px;
  margin-right: 4px;
  background: #f9f9f9;
}

.region-breadcrumb .menu--account ul .nav-item a {
  font-size: 1em;
  font-weight: 600;
  padding: 20px 30px;
}

.region-breadcrumb .menu--account ul .nav-item:hover {
  opacity: 0.6;
}

.region-breadcrumb .menu--account ul .nav-item:first-child {
  background: #284468;
  color: #fff;
}

.region-breadcrumb .menu--account ul .nav-item:nth-child(2) {
  background: #e2e2e2;
}

.region-breadcrumb .menu--account ul .nav-item:last-child {
  background: #ff0000;
  color: #fff;
}






/*---------------------------------
    OFERTA
---------------------------------*/



#block-fia-glownanawigacja .nav-link::before {
  content: "";
  width: 56px;
  height: 56px;
  display: block;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;



}


#block-fia-glownanawigacja .gras-icon1::before {
  background-image: url("/sites/default/files/2026-02/ikona-papier-zz_0.png");
}
#block-fia-glownanawigacja .gras-icon2::before {
  background-image: url("/sites/default/files/2026-02/ikona-enka_0.png");
}
#block-fia-glownanawigacja .gras-icon3::before {
  background-image: url("/sites/default/files/2026-02/ikonavtoalet-.png");
}
#block-fia-glownanawigacja .gras-icon4::before {
  background-image: url("/sites/default/files/2026-02/ikona-papier-toaletowy.png");
}
#block-fia-glownanawigacja .gras-icon5::before {
  background-image: url("/sites/default/files/2026-02/ikona-papier-recznikowy_0.png");
}
#block-fia-glownanawigacja .gras-icon6::before {
  background-image: url("/sites/default/files/2026-02/ikona-czysciwa.png");
}
#block-fia-glownanawigacja .gras-icon7::before {
  background-image: url("/sites/default/files/2026-02/ikona-podklad.png");
}
#block-fia-glownanawigacja .gras-icon8::before {
  background-image: url("/sites/default/files/2026-02/ikona-produkty-systemowe.png");
}







#block-fia-glownanawigacja .navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100%;
  padding: 20px 0px;
  margin: 0;




  }

#block-fia-glownanawigacja .nav-item {

  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

#block-fia-glownanawigacja .nav-link {
  display: inline-block !important;
  width: auto !important;
  padding: 10px 18px;
  background: var(--fia-primary);
  text-align: center;
  color: #fff;
  border-radius: 6px;
  white-space: nowrap;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* odstępy */
#block-fia-glownanawigacja .nav-item + .nav-item {
  margin-left: 10px;
}

/* HOVER */







/* �� AKTYWNY */
#block-fia-glownanawigacja .nav-link.is-active,
#block-fia-glownanawigacja .nav-link[aria-current="page"] {


  background: var(--fia-secondary);



  color: #fff;
  font-weight: 600;

  transform: translateY(-1px);
}

/* opcjonalnie delikatna poświata */
#block-fia-glownanawigacja .nav-link.is-active::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;

  opacity: 0.6;
  pointer-events: none;
}



@media (min-width: 992px){
#block-fia-glownanawigacja .nav-link:hover {
  background: var(--fia-secondary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}

}




/* Wrapper bloku jako "viewport" dla fade */
#block-fia-glownanawigacja{
  position: relative;
}

/* Na mobile robimy przewijanie poziome zamiast centrowania */
@media (max-width: 991.98px){

  /* UL = pasek przewijany palcem */
  #block-fia-glownanawigacja .navbar-nav{
    justify-content: flex-start !important;   /* zamiast center */
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;       /* iOS smooth */
    scroll-behavior: smooth;
    gap: 10px;                                /* zamiast margin-left */
    padding: 14px 14px;                       /* trochę oddechu */
    margin: 0;
    scrollbar-width: none;                    /* Firefox: ukryj pasek */
    scroll-snap-type: x proximity;            /* lekki snap */
  }
  #block-fia-glownanawigacja .navbar-nav::-webkit-scrollbar{
    display: none;                            /* Chrome/Edge/Safari */
  }

  /* elementy w poziomie */
  #block-fia-glownanawigacja .nav-item{
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  /* wyłączamy margin-left bo mamy gap */
  #block-fia-glownanawigacja .nav-item + .nav-item{
    margin-left: 0;
  }

  /* przycisk niech będzie "kaflem" i nie łamie się */
  #block-fia-glownanawigacja .nav-link{
    white-space: nowrap;
  }

  /* Fade po PRAWEJ: sygnał, że jest co przewijać */
  #block-fia-glownanawigacja::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:56px;                 /* szerokość "opacity" */
    pointer-events:none;
    z-index:3;

    /* fade do tła strony (ustaw pod swój background!) */
    background: linear-gradient(
      to left,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,0) 100%
    );
  }

  /* (Opcjonalnie) Fade po LEWEJ – miły efekt, gdy przewiniesz w prawo */
  #block-fia-glownanawigacja::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:34px;
    pointer-events:none;
    z-index:3;
    background: linear-gradient(
      to right,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,0) 100%
    );
  }

  /* żeby pierwszy element nie wchodził pod lewy fade */
  #block-fia-glownanawigacja .navbar-nav{
    padding-left: 24px;
    padding-right: 64px; /* miejsce pod prawy fade */
  }
}

/* =========================================================
   DESKTOP: zostaje jak było (wycentrowane)
   ========================================================= */
@media (min-width: 992px){
  #block-fia-glownanawigacja .navbar-nav{
    overflow: visible;
  }
  #block-fia-glownanawigacja::before,
  #block-fia-glownanawigacja::after{
    display:none;
  }
}

/* =========================================================
   BONUS: poprawka Twojego ::after w aktywnym linku
   (bo miał position:absolute bez position:relative na .nav-link)
   ========================================================= */
#block-fia-glownanawigacja .nav-link{
  position: relative; /* potrzebne dla .is-active::after */
}


@media (max-width: 991.98px){
  #block-fia-glownanawigacja .navbar-nav{
    scroll-padding-left: 50%;
    scroll-padding-right: 50%;
  }
}




.boxy{
    border: 2px solid #fff;
    text-align: center;
}


.views-auto-submit-full-form .js-form-item{


      padding: 5px;
      border: none;
      font-size: 19px;
      border-radius: 5px;
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
      -webkit-appearance: button;
      appearance: button;
      outline: none;
      display: flex;



}
.views-auto-submit-full-form{
    display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;

}
.views-auto-submit-full-form label{
      padding: 3px 10px;
      font-size: .850em;
      font-weight: 600;
      color: var(--fia-primary);
}



/*

.oferta-wybor-wszystkie .button {


   background: var(--fia-bgcolor-secondary);
      color: var(--fia-color-white);
 border-radius: 3px;
      border: none;
      font-size: 19px;

 padding: 5px 20px 5px 20px;

      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
      -webkit-appearance: button;
  cursor: pointer;
  display: inline-flex;

  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.oferta-wybor-wszystkie .button:hover,
.oferta-wybor-wszystkie .button:focus {
  border-color: rgba(0, 0, 0, 0.11);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}

.oferta-wybor-wszystkie .button:hover {
  transform: translateY(-1px);
}



.wybor-oferta.ofertagl{
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0px;

}







.wybor-oferta li a{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;

}




.form-item-field-marka-value select {
      background: var(--fia-bgcolor-primary);
      color: var(--fia-color-white);
      padding: 5px;
      border: none;
      font-size: 19px;
      border-radius: 3px;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
      -webkit-appearance: button;
      appearance: button;
      outline: none;
}

.form-item-field-wymiar-listka-value select,
.form-item-field-surowiec-value select,
.form-item-field-warstwy-value select,
.form-item-field-klejone-warstwy-value select
 {
      background: var(--fia-bgcolor-white);
      color: var(--fia-primary);
      padding: 5px;
      border: none;
      font-size: 19px;
      border-radius: 3px;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
      -webkit-appearance: button;
      appearance: button;
      outline: none;
}



@media all and (min-width: 1025px) {

.wybor-oferta li{
    padding: 14px 0px;
}
.wybor-oferta li:hover,
.wybor-oferta li.active{

    background: #f3f3f3;
    padding: 14px 0px;
}

.foto-height{
    min-height: 380px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    }
}


.view-reczniki-rolowe .view-filters{
    background: #f3f3f3;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;

}



.view-filters .form--inline{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;

}
*/

@media all and (min-width: 768px) {
.ikony_oferta{
    min-height: 420px;
}
}




.ikony_oferta h3{
     font-size: 1em;
    text-transform: uppercase;
}

.ikony_oferta h3:hover{
   color: var(--fia-primary);
}


.ikony_oferta ul{
    padding: 0px;
    margin: 0px;

}

.ikony_oferta li{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;

    color: var(--fia-primary);
line-height: 25px;
}


.ikony_oferta li strong{
    padding-right: 4px;
}






ul.ikony_oferta{
    list-style: none!important;
    list-style-type: none;

}

ul.ikony_oferta i{
    padding: 1px 5px;

}


.wybor-oferta li img{
    mix-blend-mode: multiply;
}


.wybor-oferta li{
    display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;

}

.wybor-oferta li.active{

    background: #f3f3f3;

}


.wybor-oferta{
    position: relative;
    bottom: -10px;
}

ul.wybor-oferta{
    list-style: none;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px;
    margin: 0px;
}
.wybor-oferta a{
    padding: 0px 15px;
    color: var(--fia-primary);
    font-weight: 700;
}



@media all and (max-width: 1024px) {


.oferta-wybor-wszystkie .form--inline{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-size: 92%;
}
.oferta-wybor-wszystkie .form--inline .form-select{
    font-size: 92%;
}


.form-item-field-marka-value,
.form-item-field-wymiar-listka-value,
.form-item-field-klejone-warstwy-value

{
    display: none;
}



.ikony_oferta{
    border: 5px solid #f3f3f3;
    margin: 5px 0px;
    }



.wybor-oferta li{
   width: 33%;
    text-align: center;


}
.wybor-oferta{
    font-size: 80%;
}
.wybor-oferta a{
    border: 1px solid #d2d2d2;
    min-height: 68px;
    margin: 2px 2px;
     line-height: 12px;
     border-radius: 4px;
     width: 100%;
}
.wybor-oferta a.active{
    border: 1px solid #d2d2d2;

     background: rgb(243,243,243);
background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(157,157,157,1) 100%);
    min-height: 68px;
    margin: 2px 2px;
    border-radius: 4px;
    width: 100%;
}

.wybor-oferta img{
    height: 30px;
}
}


#block-fia-dol{
    text-align: center;
    position: relative;
    bottom: -10px;
}



/* ==========================================================================
   KLASY SPECJALNE
========================================================================== */

.blok-kontakt a:hover{
	opacity: .7;
}


@media all and (max-width: 1024px) {
.views-view-grid .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.views-view-grid .col {
  padding: 0px;
}
.ikony_oferta{
    margin: 0px 1px;
    font-size: 86%;
}
.ikony_oferta h3{
    text-transform: uppercase;
    padding: 5px;
    font-size: .950em;
}
}

h2:after {
  content: "";
  display: inline-block;
  width: 3%;
  margin: 0 .6em 0 0.2em;
  vertical-align: middle;
  border-bottom: 8px solid #c10625;
}


.ofertalewa{
    border: solid 2px var(--fia-primary);
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.ofertaprawa{
    border: solid 2px var(--fia-gray-300);
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
}


.tlofia{
   background-image: url("/sites/default/files/tlo210.png");
   background-repeat: no-repeat;
   background-position: top left;
   background-color: var(--fia-gray-100);
   background-size: auto;
}


.bshaddow2 ul{
  column-count: 2;      /* 2 kolumny */

  padding-left: 0;      /* opcjonalnie: usuń domyślny padding */
  margin: 0;            /* opcjonalnie */
  list-style: none;
}

/* żeby <li> nie było "cięte" między kolumnami */
.bshaddow2 li{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  list-style: none;
   border-bottom: 0px solid var(--fia-gray-200);
  border-radius: 5px;
/*
  font-size: .8em;
  text-transform: uppercase;
*/
  padding: 5px 10px 0px 0px;
  margin-bottom: 5px;
}



.bshaddow2 h2{
  padding-top: 10px;

}
.bshaddow1 h3{
  font-size: 1.2em;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.bshaddow1{
  border-radius: 2px;
  box-shadow: 0px 5px 13px 0px rgba(13, 14, 67, 0.08);
  transition: all 0.4s ease;
  border: 1px solid var(--fia-gray-200);
  background: var(--fia-white);
}
.bshaddow1:hover{
  border-radius: 2px;
  box-shadow: 0px 5px 13px 0px rgba(13, 14, 67, 0.2);
  transition: all 0.4s ease;
  border: 1px solid var(--fia-gray-300);
  background: var(--fia-white);
}


/*
.bshaddow2{
  border-radius: 2px;
  box-shadow: 0px 5px 13px 0px rgba(13, 14, 67, 0.08);
  transition: all 0.4s ease;
  border: 1px solid var(--fia-gray-200);
  background: var(--fia-gray-100);
}
.bshaddow2:hover{
  border-radius: 2px;
  box-shadow: 0px 5px 13px 0px rgba(13, 14, 67, 0.2);
  transition: all 0.4s ease;
  border: 1px solid var(--fia-gray-300);
  background: var(--fia-gray-100);
}
*/


.oferta ul {
  list-style: none;
  padding: 0;
}

.oferta ul li {
  line-height: 20px;
  margin-bottom: 1px;
}

.oferta a {
  color: var(--fia-body);
  font-weight: 600;
  padding: 10px 15px 10px 25px; /* większy lewy padding pod trójkąt */
  background: var(--fia-gray-400);
  display: block;
  font-size: 95%;
  position: relative;
  border-radius: 3px;
}

.oferta a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
}

.oferta li:first-child a,
.oferta a:hover {
  background: var(--fia-primary);
  color: var(--fia-doprimary);
  font-weight: 600;
  padding: 10px 15px 10px 25px;
  display: block;
  font-size: 95%;
}

.eu-cookie-compliance-banner {
  padding-top: 10px;
}

.agree-button {
  background: #000;
  padding: 4px 15px;
  border-radius: 5px;
  color: #fff;
}

.agree-button:hover {
  opacity: 0.9;
  background: #fff;
  color: #000;
}

.region-nav-branding {
  padding: 0;
  margin: 0;
}

.kreska-grey {
  border-left: 1px solid var(--fia-grey);
}

.kreska-primary {
  border-left: 1px solid var(--fia-primary);
}

.kreska-secondary {
  border-left: 1px solid var(--fia-secondary);
}

.layout-builder-block {
  background: none;
  padding: 0;
}

.nefekt4 {
  border: 1px solid #eee5e5;
  border-radius: 20px;
}

.text-white .nefekt6 {
  background: none;
}

/* ==========================================================================
   BANNER
========================================================================== */

.bannerg {
  position: relative;
  overflow: hidden;
  color: var(--fia-white);

}

.bannerg-media {
  width: 100%;

}

.bannerg-media img,
.bannerg-media picture,
.bannerg-media source {
  display: block;
}

.bannerg-media img {
  width: 100% !important;
  max-width: none !important;
  object-fit: cover;
  height: 100%;
  max-height: 700px;
}

.bannerg-content {
  z-index: 2;
}

.bannerg-content .w-md-25 {
  width: 25%;
}

.bannerg-content .w-md-50 {
  width: 50%;
}

.bannerg-content .w-md-75 {
  width: 75%;
}

.bannerg .efpod1::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 41, 97, 0.6);
  z-index: 1;
}

.bannerg .efpod2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgba(var(--fia-dark-rgb), 0) 0%,
    rgba(var(--fia-dark-rgb), 0.4) 45%,
    rgba(var(--fia-dark-rgb), 0.85) 65%,
    rgba(var(--fia-dark-rgb), 0.9) 85%,
    rgba(var(--fia-white-rgb), 1) 100%
  );
}

@media (max-width: 767.98px) {
  .bannerg-content .w-md-25,
  .bannerg-content .w-md-50,
  .bannerg-content .w-md-75 {
    width: 100%;

  }
}





@media (max-width: 767.98px) {
.wyrdolewm{
    text-align: left;
}
.wyrdoprawm{
    text-align: right;
}
}

@media (min-width: 768px) {

.wyrdolew{
    text-align: left;
}
.wyrdopraw{
    text-align: right;
}
}





/* ==========================================================================
   PADDING (skala)
========================================================================== */

@media (max-width: 575.98px) {

/* Mobile (domyślnie) */
.p-f-mob-1 { padding: 10px; }
.p-f-mob-2 { padding: 17px; }
.p-f-mob-3 { padding: 22px; }
.p-f-mob-4 { padding: 36px; }
.p-f-mob-5 { padding: 57px; }

.py-f-mob-1 { padding-top: 10px; padding-bottom: 10px; }
.py-f-mob-2 { padding-top: 17px; padding-bottom: 17px; }
.py-f-mob-3 { padding-top: 22px; padding-bottom: 22px; }
.py-f-mob-4 { padding-top: 36px; padding-bottom: 36px; }
.py-f-mob-5 { padding-top: 57px; padding-bottom: 57px; }

.px-f-mob-1 { padding-left: 10px; padding-right: 10px; }
.px-f-mob-2 { padding-left: 17px; padding-right: 17px; }
.px-f-mob-3 { padding-left: 22px; padding-right: 22px; }
.px-f-mob-4 { padding-left: 36px; padding-right: 36px; }
.px-f-mob-5 { padding-left: 57px; padding-right: 57px; }

.pt-f-mob-1 { padding-top: 10px; }
.pt-f-mob-2 { padding-top: 17px; }
.pt-f-mob-3 { padding-top: 22px; }
.pt-f-mob-4 { padding-top: 36px; }
.pt-f-mob-5 { padding-top: 57px; }

.pb-f-mob-1 { padding-bottom: 10px; }
.pb-f-mob-2 { padding-bottom: 17px; }
.pb-f-mob-3 { padding-bottom: 22px; }
.pb-f-mob-4 { padding-bottom: 36px; }
.pb-f-mob-5 { padding-bottom: 57px; }


}

@media (min-width: 576px) and (max-width: 767.98px) {
  .p-f-mob-1 { padding: 22px; }
  .p-f-mob-2 { padding: 26px; }
  .p-f-mob-3 { padding: 31px; }
  .p-f-mob-4 { padding: 55px; }
  .p-f-mob-5 { padding: 63px; }

  .py-f-mob-1 { padding-top: 22px; padding-bottom: 22px; }
  .py-f-mob-2 { padding-top: 26px; padding-bottom: 26px; }
  .py-f-mob-3 { padding-top: 31px; padding-bottom: 31px; }
  .py-f-mob-4 { padding-top: 55px; padding-bottom: 55px; }
  .py-f-mob-5 { padding-top: 63px; padding-bottom: 63px; }

  .px-f-mob-1 { padding-left: 22px; padding-right: 22px; }
  .px-f-mob-2 { padding-left: 26px; padding-right: 26px; }
  .px-f-mob-3 { padding-left: 31px; padding-right: 31px; }
  .px-f-mob-4 { padding-left: 55px; padding-right: 55px; }
  .px-f-mob-5 { padding-left: 63px; padding-right: 63px; }

  .pt-f-mob-1 { padding-top: 22px; }
  .pt-f-mob-2 { padding-top: 26px; }
  .pt-f-mob-3 { padding-top: 31px; }
  .pt-f-mob-4 { padding-top: 55px; }
  .pt-f-mob-5 { padding-top: 63px; }

  .pb-f-mob-1 { padding-bottom: 22px; }
  .pb-f-mob-2 { padding-bottom: 26px; }
  .pb-f-mob-3 { padding-bottom: 31px; }
  .pb-f-mob-4 { padding-bottom: 55px; }
  .pb-f-mob-5 { padding-bottom: 63px; }
}

@media (min-width: 768px) {
  .p-f-1 { padding: 10px; }
  .p-f-2 { padding: 12px; }
  .p-f-3 { padding: 27px; }
  .p-f-4 { padding: 34px; }
  .p-f-5 { padding: 41px; }

  .py-f-1 { padding-top: 10px; padding-bottom: 10px; }
  .py-f-2 { padding-top: 12px; padding-bottom: 12px; }
  .py-f-3 { padding-top: 27px; padding-bottom: 27px; }
  .py-f-4 { padding-top: 34px; padding-bottom: 34px; }
  .py-f-5 { padding-top: 41px; padding-bottom: 41px; }

  .px-f-1 { padding-left: 10px; padding-right: 10px; }
  .px-f-2 { padding-left: 12px; padding-right: 12px; }
  .px-f-3 { padding-left: 27px; padding-right: 27px; }
  .px-f-4 { padding-left: 34px; padding-right: 34px; }
  .px-f-5 { padding-left: 41px; padding-right: 41px; }

  .pt-f-1 { padding-top: 10px; }
  .pt-f-2 { padding-top: 12px; }
  .pt-f-3 { padding-top: 27px; }
  .pt-f-4 { padding-top: 34px; }
  .pt-f-5 { padding-top: 41px; }

  .pb-f-1 { padding-bottom: 10px; }
  .pb-f-2 { padding-bottom: 12px; }
  .pb-f-3 { padding-bottom: 27px; }
  .pb-f-4 { padding-bottom: 34px; }
  .pb-f-5 { padding-bottom: 41px; }
}

@media (min-width: 992px) {
  .p-f-1 { padding: 15px; }
  .p-f-2 { padding: 18px; }
  .p-f-3 { padding: 34px; }
  .p-f-4 { padding: 41px; }
  .p-f-5 { padding: 48px; }

  .py-f-1 { padding-top: 15px; padding-bottom: 15px; }
  .py-f-2 { padding-top: 18px; padding-bottom: 18px; }
  .py-f-3 { padding-top: 34px; padding-bottom: 34px; }
  .py-f-4 { padding-top: 41px; padding-bottom: 41px; }
  .py-f-5 { padding-top: 48px; padding-bottom: 48px; }

  .px-f-1 { padding-left: 15px; padding-right: 15px; }
  .px-f-2 { padding-left: 18px; padding-right: 18px; }
  .px-f-3 { padding-left: 34px; padding-right: 34px; }
  .px-f-4 { padding-left: 41px; padding-right: 41px; }
  .px-f-5 { padding-left: 48px; padding-right: 48px; }

  .pt-f-1 { padding-top: 15px; }
  .pt-f-2 { padding-top: 18px; }
  .pt-f-3 { padding-top: 34px; }
  .pt-f-4 { padding-top: 41px; }
  .pt-f-5 { padding-top: 48px; }

  .pb-f-1 { padding-bottom: 15px; }
  .pb-f-2 { padding-bottom: 18px; }
  .pb-f-3 { padding-bottom: 34px; }
  .pb-f-4 { padding-bottom: 41px; }
  .pb-f-5 { padding-bottom: 48px; }
}

@media (min-width: 1200px) {
  .p-f-1 { padding: 18px; }
  .p-f-2 { padding: 19px; }
  .p-f-3 { padding: 32px; }
  .p-f-4 { padding: 48px; }
  .p-f-5 { padding: 54px; }

  .py-f-1 { padding-top: 18px; padding-bottom: 18px; }
  .py-f-2 { padding-top: 19px; padding-bottom: 19px; }
  .py-f-3 { padding-top: 32px; padding-bottom: 32px; }
  .py-f-4 { padding-top: 48px; padding-bottom: 48px; }
  .py-f-5 { padding-top: 54px; padding-bottom: 54px; }

  .px-f-1 { padding-left: 18px; padding-right: 18px; }
  .px-f-2 { padding-left: 19px; padding-right: 19px; }
  .px-f-3 { padding-left: 32px; padding-right: 32px; }
  .px-f-4 { padding-left: 48px; padding-right: 48px; }
  .px-f-5 { padding-left: 54px; padding-right: 54px; }

  .pt-f-1 { padding-top: 18px; }
  .pt-f-2 { padding-top: 19px; }
  .pt-f-3 { padding-top: 32px; }
  .pt-f-4 { padding-top: 48px; }
  .pt-f-5 { padding-top: 54px; }

  .pb-f-1 { padding-bottom: 18px; }
  .pb-f-2 { padding-bottom: 19px; }
  .pb-f-3 { padding-bottom: 32px; }
  .pb-f-4 { padding-bottom: 48px; }
  .pb-f-5 { padding-bottom: 54px; }
}

@media (min-width: 1400px) {
  .p-f-1 { padding: 18px; }
  .p-f-2 { padding: 20px; }
  .p-f-3 { padding: 40px; }
  .p-f-4 { padding: 54px; }
  .p-f-5 { padding: 61px; }

  .py-f-1 { padding-top: 18px; padding-bottom: 18px; }
  .py-f-2 { padding-top: 20px; padding-bottom: 20px; }
  .py-f-3 { padding-top: 40px; padding-bottom: 40px; }
  .py-f-4 { padding-top: 54px; padding-bottom: 54px; }
  .py-f-5 { padding-top: 61px; padding-bottom: 61px; }

  .px-f-1 { padding-left: 18px; padding-right: 18px; }
  .px-f-2 { padding-left: 20px; padding-right: 20px; }
  .px-f-3 { padding-left: 40px; padding-right: 40px; }
  .px-f-4 { padding-left: 54px; padding-right: 54px; }
  .px-f-5 { padding-left: 61px; padding-right: 61px; }

  .pt-f-1 { padding-top: 20px; }
  .pt-f-2 { padding-top: 25px; }
  .pt-f-3 { padding-top: 40px; }
  .pt-f-4 { padding-top: 54px; }
  .pt-f-5 { padding-top: 61px; }

  .pb-f-1 { padding-bottom: 18px; }
  .pb-f-2 { padding-bottom: 20px; }
  .pb-f-3 { padding-bottom: 40px; }
  .pb-f-4 { padding-bottom: 54px; }
  .pb-f-5 { padding-bottom: 61px; }
}

/* ==========================================================================
   MARGIN (skala)
========================================================================== */

/* Mobile (domyślnie) */


@media (max-width: 575.98px) {

.m-f-mob-1 { margin: 6.8px; }
.m-f-mob-2 { margin: 10.2px; }
.m-f-mob-3 { margin: 13.6px; }
.m-f-mob-4 { margin: 17px; }
.m-f-mob-5 { margin: 20.4px; }

.my-f-mob-1 { margin-top: 6.8px; margin-bottom: 6.8px; }
.my-f-mob-2 { margin-top: 10.2px; margin-bottom: 10.2px; }
.my-f-mob-3 { margin-top: 13.6px; margin-bottom: 13.6px; }
.my-f-mob-4 { margin-top: 17px; margin-bottom: 17px; }
.my-f-mob-5 { margin-top: 20.4px; margin-bottom: 20.4px; }

.mx-f-mob-1 { margin-left: 6.8px; margin-right: 6.8px; }
.mx-f-mob-2 { margin-left: 10.2px; margin-right: 10.2px; }
.mx-f-mob-3 { margin-left: 13.6px; margin-right: 13.6px; }
.mx-f-mob-4 { margin-left: 17px; margin-right: 17px; }
.mx-f-mob-5 { margin-left: 20.4px; margin-right: 20.4px; }

.mt-f-mob-1 { margin-top: 6.8px; }
.mt-f-mob-2 { margin-top: 10.2px; }
.mt-f-mob-3 { margin-top: 13.6px; }
.mt-f-mob-4 { margin-top: 17px; }
.mt-f-mob-5 { margin-top: 20.4px; }

.mb-f-mob-1 { margin-bottom: 6.8px; }
.mb-f-mob-2 { margin-bottom: 10.2px; }
.mb-f-mob-3 { margin-bottom: 13.6px; }
.mb-f-mob-4 { margin-bottom: 17px; }
.mb-f-mob-5 { margin-bottom: 20.4px; }
}

@media (min-width: 576px) and (max-width: 767.98px) {

  .m-f-mob-1 { margin: 13.6px; }
  .m-f-mob-2 { margin: 17px; }
  .m-f-mob-3 { margin: 20.4px; }
  .m-f-mob-4 { margin: 27.2px; }
  .m-f-mob-5 { margin: 34px; }

  .my-f-mob-1 { margin-top: 13.6px; margin-bottom: 13.6px; }
  .my-f-mob-2 { margin-top: 17px; margin-bottom: 17px; }
  .my-f-mob-3 { margin-top: 20.4px; margin-bottom: 20.4px; }
  .my-f-mob-4 { margin-top: 27.2px; margin-bottom: 27.2px; }
  .my-f-mob-5 { margin-top: 34px; margin-bottom: 34px; }

  .mx-f-mob-1 { margin-left: 13.6px; margin-right: 13.6px; }
  .mx-f-mob-2 { margin-left: 17px; margin-right: 17px; }
  .mx-f-mob-3 { margin-left: 20.4px; margin-right: 20.4px; }
  .mx-f-mob-4 { margin-left: 27.2px; margin-right: 27.2px; }
  .mx-f-mob-5 { margin-left: 34px; margin-right: 34px; }

  .mt-f-mob-1 { margin-top: 13.6px; }
  .mt-f-mob-2 { margin-top: 17px; }
  .mt-f-mob-3 { margin-top: 20.4px; }
  .mt-f-mob-4 { margin-top: 27.2px; }
  .mt-f-mob-5 { margin-top: 34px; }

  .mb-f-mob-1 { margin-bottom: 13.6px; }
  .mb-f-mob-2 { margin-bottom: 17px; }
  .mb-f-mob-3 { margin-bottom: 20.4px; }
  .mb-f-mob-4 { margin-bottom: 27.2px; }
  .mb-f-mob-5 { margin-bottom: 34px; }
}



@media (min-width: 768px) {
  .m-f-1 { padding: 10px; }
  .m-f-2 { margin: 20px; }
  .m-f-3 { margin: 27px; }
  .m-f-4 { margin: 34px; }
  .m-f-5 { margin: 41px; }

  .my-f-1 { margin-top: 17px; margin-bottom: 17px; }
  .my-f-2 { margin-top: 20px; margin-bottom: 20px; }
  .my-f-3 { margin-top: 27px; margin-bottom: 27px; }
  .my-f-4 { margin-top: 34px; margin-bottom: 34px; }
  .my-f-5 { margin-top: 41px; margin-bottom: 41px; }

  .mx-f-1 { margin-left: 17px; margin-right: 17px; }
  .mx-f-2 { margin-left: 20px; margin-right: 20px; }
  .mx-f-3 { margin-left: 27px; margin-right: 27px; }
  .mx-f-4 { margin-left: 34px; margin-right: 34px; }
  .mx-f-5 { margin-left: 41px; margin-right: 41px; }

  .mt-f-1 { margin-top: 17px; }
  .mt-f-2 { margin-top: 20px; }
  .mt-f-3 { margin-top: 27px; }
  .mt-f-4 { margin-top: 34px; }
  .mt-f-5 { margin-top: 41px; }

  .mb-f-1 { margin-bottom: 17px; }
  .mb-f-2 { margin-bottom: 20px; }
  .mb-f-3 { margin-bottom: 27px; }
  .mb-f-4 { margin-bottom: 34px; }
  .mb-f-5 { margin-bottom: 41px; }
}


@media (min-width: 992px) {
  .m-f-1 { margin: 20px; }
  .m-f-2 { margin: 27px; }
  .m-f-3 { margin: 34px; }
  .m-f-4 { margin: 41px; }
  .m-f-5 { margin: 48px; }

  .my-f-1 { margin-top: 20px; margin-bottom: 20px; }
  .my-f-2 { margin-top: 27px; margin-bottom: 27px; }
  .my-f-3 { margin-top: 34px; margin-bottom: 34px; }
  .my-f-4 { margin-top: 41px; margin-bottom: 41px; }
  .my-f-5 { margin-top: 48px; margin-bottom: 48px; }

  .mx-f-1 { margin-left: 20px; margin-right: 20px; }
  .mx-f-2 { margin-left: 27px; margin-right: 27px; }
  .mx-f-3 { margin-left: 34px; margin-right: 34px; }
  .mx-f-4 { margin-left: 41px; margin-right: 41px; }
  .mx-f-5 { margin-left: 48px; margin-right: 48px; }

  .mt-f-1 { margin-top: 20px; }
  .mt-f-2 { margin-top: 27px; }
  .mt-f-3 { margin-top: 34px; }
  .mt-f-4 { margin-top: 41px; }
  .mt-f-5 { margin-top: 48px; }

  .mb-f-1 { margin-bottom: 20px; }
  .mb-f-2 { margin-bottom: 27px; }
  .mb-f-3 { margin-bottom: 34px; }
  .mb-f-4 { margin-bottom: 41px; }
  .mb-f-5 { margin-bottom: 48px; }
}

@media (min-width: 1200px) {
  .m-f-1 { margin: 18px; }
  .m-f-2 { margin: 19px; }
  .m-f-3 { margin: 32px; }
  .m-f-4 { margin: 48px; }
  .m-f-5 { margin: 54px; }

  .my-f-1 { margin-top: 27px; margin-bottom: 27px; }
  .my-f-2 { margin-top: 31px; margin-bottom: 31px; }
  .my-f-3 { margin-top: 32px; margin-bottom: 32px; }
  .my-f-4 { margin-top: 48px; margin-bottom: 48px; }
  .my-f-5 { margin-top: 54px; margin-bottom: 54px; }

  .mx-f-1 { margin-left: 27px; margin-right: 27px; }
  .mx-f-2 { margin-left: 31px; margin-right: 31px; }
  .mx-f-3 { margin-left: 32px; margin-right: 32px; }
  .mx-f-4 { margin-left: 48px; margin-right: 48px; }
  .mx-f-5 { margin-left: 54px; margin-right: 54px; }

  .mt-f-1 { margin-top: 27px; }
  .mt-f-2 { margin-top: 31px; }
  .mt-f-3 { margin-top: 32px; }
  .mt-f-4 { margin-top: 48px; }
  .mt-f-5 { margin-top: 54px; }

  .mb-f-1 { margin-bottom: 27px; }
  .mb-f-2 { margin-bottom: 31px; }
  .mb-f-3 { margin-bottom: 32px; }
  .mb-f-4 { margin-bottom: 48px; }
  .mb-f-5 { margin-bottom: 54px; }
}

@media (min-width: 1400px) {
  .m-f-1 { margin: 18px; }
  .m-f-2 { margin: 20px; }
  .m-f-3 { margin: 40px; }
  .m-f-4 { margin: 54px; }
  .m-f-5 { margin: 61px; }

  .my-f-1 { margin-top: 30px; margin-bottom: 30px; }
  .my-f-2 { margin-top: 32px; margin-bottom: 32px; }
  .my-f-3 { margin-top: 40px; margin-bottom: 40px; }
  .my-f-4 { margin-top: 54px; margin-bottom: 54px; }
  .my-f-5 { margin-top: 61px; margin-bottom: 61px; }

  .mx-f-1 { margin-left: 30px; margin-right: 30px; }
  .mx-f-2 { margin-left: 32px; margin-right: 32px; }
  .mx-f-3 { margin-left: 40px; margin-right: 40px; }
  .mx-f-4 { margin-left: 54px; margin-right: 54px; }
  .mx-f-5 { margin-left: 61px; margin-right: 61px; }

  .mt-f-1 { margin-top: 30px; }
  .mt-f-2 { margin-top: 32px; }
  .mt-f-3 { margin-top: 40px; }
  .mt-f-4 { margin-top: 54px; }
  .mt-f-5 { margin-top: 61px; }

  .mb-f-1 { margin-bottom: 30px; }
  .mb-f-2 { margin-bottom: 32px; }
  .mb-f-3 { margin-bottom: 40px; }
  .mb-f-4 { margin-bottom: 54px; }
  .mb-f-5 { margin-bottom: 61px; }
}



/* ==========================================================================
   TYTUŁY / BLOKI
========================================================================== */


header{
  border-bottom: 1px solid var(--fia-gray-200);
}
.tytuly {
  border-bottom: 1px solid var(--fia-gray-200);
  color: var(--fia-h1);
  padding: 30px 0px;
}
@media (max-width: 763.98px) {
  .tytuly {
  padding: 20px 20px;
   }
  .tytuly h1 {
  font-size: calc(var(--fia-h1-size) * 0.75);
  }
}


/* ==========================================================================
   BLOK STANDARDOWY
========================================================================== */

.blok-standardowy h2 {
  padding-top: 12px;
  font-size: var(--fia-size-blokstandard);
  color: var(--fia-primary);
  display: inline-block;
  line-height: 1em;
  margin-bottom: 20px;
}

.blok-standardowy p li {
  overflow: hidden;
  list-style-type: square;
}

.block-inline-blockstandardowy .text-right {
  text-align: right;
}

.block-inline-blockstandardowy .text-center {
  text-align: center;
}

.block-inline-blockstandardowy .field--name-field-nadtytul {
  color: var(--fia-primary);
  font-weight: 700;
  line-height: 32px;
  font-size: 12px;
  padding: 0 15px;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 8px;
  background: var(--fia-white);
  overflow: hidden;
  border: 1px solid rgba(222, 226, 230, 0.5);
}

.text-center .przycisk{

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

  display: inline;
  text-align: center;

}

.blok-przycisk.srodek,
.zdjecie_link.srodek {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.blok-przycisk.prawa,
.zdjecie_link.prawa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.zdjecie_link.lewa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* ==========================================================================
   BLOG
========================================================================== */


.wybierzakt{
    border-right: 1px solid var(--fia-gray-400);
    padding: 5px 20px 5px 0px;
    margin-right: 20px;
    font-size: .9em;
    text-transform: uppercase;

}
.wybierzdod i{
    padding: 5px 5px;
    font-size: 1.4em;

}


.blogs {
  background: var(--fia-gray-200);
  overflow: hidden;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.blogs img{

  float: right;
}

.blog {
  overflow: hidden;
  margin: 20px 0px;

  background: var(--fia-gray-200);
}
.blogs h3,
.blogs h2,
.blog h2{
  font-size: 1.3em;
  font-weight: bold;
}



/* ==========================================================================
   ZDJĘCIE Z LINKIEM
========================================================================== */

.zdjecie_link {
  overflow: hidden;
  display: block;
  padding-bottom: 0;
  margin-bottom: 0;
}

.zdjecie_link h2 {
  margin-bottom: 20px;
}

.zdjecie_link .field--name-field-opis p {
  font-size: 0.8em;
}

.zdjecie_link a:hover {
  opacity: 0.8;
  transition: all 300ms ease;
}

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

/* ==========================================================================
   GALERIA (PhotoSwipe)
========================================================================== */

.photoswipe-gallery .field__item {
  float: left;
}

.photoswipe-gallery .field__item a img {
  border-radius: 4px;
  margin: 20px;
}

.photoswipe-gallery .field__item img:hover {
  opacity: 0.8;
}

/* ==========================================================================
   KONTAKT
========================================================================== */

.blok-kontakt {
  overflow: hidden;
}

.field--name-field-dodatkowe {
  font-size: var(--fia-size-male);
  display: table;
  padding-bottom: 5px;
}

.blok-kontakt strong {
  font-size: 1.2em;
  display: block;
}

.blok-kontakt a {
  color: var(--fia-link);
}

.bkonwyr.blok-kontakt-zdj-prawa img,
.blok-kontakt-zdj-lewa img {
  padding: 2px 15px;
}

.bkonwyr {
  display: block;
}

.bkonwyr.blok-kontakt-zdj-lewa {
  float: left;
}

.bkonwyr.blok-kontakt-zdj-prawa {
  float: right;
}

/* ==========================================================================
   UKŁADY / POZYCJONOWANIE
========================================================================== */

.do-lewa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
}

.do-srodek {
  display: flex;
  justify-content: center;
}

.do-srodek i {
  text-align: center;
  padding-bottom: 5px;
}

.do-prawa i {
  text-align: right;
}

.do-srodek > div {
  text-align: center;
}

.do-prawa {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

/* ==========================================================================
   IKONY
========================================================================== */



.blok-ikona a {
  color: var(--fia-body);
}

.blok-ikona img {
  width: 40px;

}
.blok-ikona .ikona_mala img {
  width: 50px;

}
.blok-ikona .ikona_srednia img {
  width: 70px;

}
.blok-ikona .ikona_duza img {
  width: 90px;

}
.blok-ikona .ikona_bardzo_duza img {
  width: 110px;

}

.blok-ikona .text-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

.blok-ikona .text-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.blok-ikona .field--name-field-opis {
  padding: 0;
}

.blok-ikona i {
  display: block;
}

.ikona_mala i { font-size: 1.5rem; line-height: 1.6rem; }
.ikona_srednia i { font-size: 1.8rem; line-height: 1.9rem; }
.ikona_duza i { font-size: 3.5rem; line-height: 2.7rem; }
.ikona_bardzo_duza i { font-size: 5.1rem; line-height: 4.2rem; }

.teksikodol {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.teksikolewa {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.teksikoprawa {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}

.text-center .teksikoprawa {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.teksikolewa i,
.teksikolewa img {
  padding-right: 12px;
}
.teksikoprawa i,
.teksikoprawa img {
  padding-left: 12px;
}



/* ==========================================================================
   SLAJD (Carousel)
========================================================================== */




/* ==========================================================================
   ZAŁĄCZNIKI
========================================================================== */

.blok-zalaczniki {
  overflow: hidden;
}

.blok-zalaczniki h2 {
  font-size: var(--fia-size-blokzalaczniki);
}

.blok-zalaczniki a {
  margin-bottom: 0;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 2px 10px;
  margin: 2px 0;
  font-weight: 500;
  font-size: 1em;
  background: var(--fia-primary);
  color: var(--fia-doprimary);
}

.blok-zalaczniki .field--name-field-zalacznik .field__item {
  margin-bottom: 5px;
  display: block;
}

.blok-zalaczniki a:hover {
  transition: all 700ms ease;
  background: var(--fia-secondary);
}

/* ==========================================================================
   PRZYCISKI
========================================================================== */

.blok-przycisk {
  overflow: hidden;
  display: block;
}

.przycisk_styl_1,
.przycisk_styl_2,
.przycisk_styl_3,
.przycisk_styl_4 {
  text-decoration: none;
  display: table;

  border-radius: 5px;
  line-height: 30px;
  transition: all 300ms linear 0ms;
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  white-space: nowrap;
  vertical-align: middle;
}

.przycisk_styl_1 {
  background: var(--fia-primary);
  color: var(--fia-doprimary);
  border: 0;
}

.przycisk_styl_2 {
  font-weight: 700;
  background: var(--fia-secondary);
  color: var(--fia-dosecondary);
  border: 0;
}

.przycisk_styl_3 {
  font-weight: 700;
  background: var(--fia-white);
  color: var(--fia-black);
}

.przycisk_styl_4 {
  font-weight: 700;
  background: var(--fia-black);
  color: var(--fia-white);
}

.przycisk_styl_1:hover {
  color: var(--fia-dosecondary);
  background: var(--fia-secondary);
}

.przycisk_styl_2:hover {
  color: var(--fia-doprimary);
  background: var(--fia-primary);
}

.przycisk.btn-sm {
  font-size: calc(var(--fia-przycisk-size) - 0.2em);
  padding: 3px 15px;
}

.przycisk.btn-md {
  font-size: var(--fia-przycisk-size);
  padding: 5px 15px;
}

.przycisk.btn-lg {
  font-size: calc(var(--fia-przycisk-size) + 0.4em);
  padding: 10px 15px;
}

.przycisk.btn-xl {
  font-size: calc(var(--fia-przycisk-size) + 1em);
  padding: 15px 20px;
}

@media all and (max-width: 1200px) {
  .przycisk_styl_1,
  .przycisk_styl_2 {
    width: 100%;
  }
}

/* ==========================================================================
   GALERIA (blok)
========================================================================== */

.blok-galeria {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.wyrownanie_galeria .photoswipe-gallery .field--name-field-galeria {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}

.galerie .photoswipe-gallery .photoswipe img,
.wyrownanie_galeria .photoswipe-gallery .photoswipe img {
  padding: 1px;
  margin: 3px;
  border-bottom: 3px solid var(--fia-secondary);
}

.galerie .photoswipe-gallery .photoswipe img:hover,
.wyrownanie_galeria .photoswipe-gallery .photoswipe img:hover {
  border-bottom: 3px solid #e51d25;
  opacity: 0.9;
}

/* ==========================================================================
   DODATKOWE / TYMCZASOWE
========================================================================== */

.container .admin-panel1 {
  background: #ededed;
  overflow: hidden;
}

ul.bs_nav-tabs svg {
  height: 20px;
}

.region-content,
.region {
  padding: 0;
  margin: 0;
}

/* ==========================================================================
   HEADER
========================================================================== */

.przelamanie {
  content: "";
  display: block;
  clear: both;
  padding-top: 0;
}

@media all and (max-width: 767px) {
  .fia_przyciski {
    display: none;
  }
}

.fia_przyciski {
  display: flex;
}

.przycisk-kontakt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-right: 5px;
  border: 1px solid #dad5d2;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.przycisk-tel {
  margin-right: 5px;
  padding: 6px 18px;
}

.przycisk-tel i,
.przycisk-kontakt i {
  font-size: 1.4em;
  color: #2c4391;
}

.przycisk-kontakt i:hover {
  color: #817065;
}

@media all and (min-width: 1025px) {
  .przyciskiw span {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
  }

  .przelamanie {
    padding-top: 6px;
  }

  .toolbar-fixed .przelamanie {
    padding-top: 0;
  }

  .doprawej {
    float: right;
  }
}

/* ==========================================================================
   SORTOWANIE / PAGER
========================================================================== */

.pager {
  margin-bottom: 20px;
}

.pager .pager__item {
  background: var(--fia-grey);
  border-radius: 5px;
}

.pager__item.is-active {
  font-weight: bold;
  background: var(--fia-primary);
  color: var(--fia-doprimary);
  border-radius: 5px;
}

.pager__item--first {
  padding-left: 10px;
}

.pager__item--last {
  padding-right: 10px;
}

/* ==========================================================================
   FOOTER
========================================================================== */

.site-footer {
  padding: 0;
  margin: 0;
}

footer {
  font-size: 0.9em;
  background: var(--fia-primary);

}

@media (max-width: 1025px) {
  .region.region-footer .view-bloki h3 {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
  }
}

@media (min-width: 1025px) {
  .region.region-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

.region.region-footer .views-element-container {
  text-align: left;
}

.region.region-footer ul {
  padding: 0;
  margin: 0;
}

.region.region-footer li {
  list-style: none;
  font-size: 0.9em;
  opacity: 0.8;
}

.block-views-blockbloki-block-3 {
  grid-column: span 3;
  font-size: 0.8em;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 15px;
  margin-top: 25px;
}

.region.region-footer .view-bloki h4 {
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 600;
  color: var(--fia-doprimary);
}

.region.region-footer .view-bloki a {
  color: var(--fia-doprimary);
}

/* ==========================================================================
   LOGOWANIE
========================================================================== */

.logowanie {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.logowaniedane {
  background: #f2f2f2;
  box-shadow: 8px 8px 24px -24px rgba(0, 0, 0, 1);
  border: 1px solid #fff;
  padding: 30px;
  margin-top: 20px;
  border-radius: 10px;
}

/* ==========================================================================
   ADMINISTRACJA
========================================================================== */

.menu-edit-form .form-item-label,
.menu-edit-form .js-form-item-description,
.menu-edit-form .form-type-language-select,
.user-logged-in .block-help-block {
  display: none;
}

#menu-overview {
  max-width: 1170px;
  margin: 0 auto;
}

.path-admin #edit-actions {
  text-align: center;
}

.admin_but {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999;
}

input {
  border: 1px solid #f9f9f9;
}

.admin_but a {
  display: table;
  background: #ff0000;
  color: #fff;
  font-size: 0.7em;
  font-weight: 700;
  padding: 2px 9px 1px 9px;
  border-radius: 0 10px 0 10px;
  text-align: center;
}

.admin_but a:hover {
  background: #000;
}

.admin_but i {
  color: var(--fia-white);
  font-size: 1.2em;
}

#edit-actions,
.entity-content-form-footer,
.form-type-vertical-tabs,
#edit-field-baner-tytul-wrapper {
  padding: 0 25px;
}

.opis_admin {
  font-size: 0.9em;
  background: #fc0;
  border-radius: 10px;
  padding: 10px 15px;
  line-height: 28px;
}

.adminpp h2,
#block-fiapl-zxczxc h2 {
  display: flex;
  flex-direction: row;
  color: #979797;
  text-transform: uppercase;
  font-size: 0.8em;
}

.adminpp h2:before,
.adminpp h2:after,
#block-fiapl-zxczxc h2:before,
#block-fiapl-zxczxc h2:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #dee2e6;
  margin: auto;
}

.adminpp h2:before,
#block-fiapl-zxczxc h2:before {
  margin-right: 10px;
}

.adminpp h2:after,
#block-fiapl-zxczxc h2:after {
  margin-left: 10px;
}

/* ==========================================================================
   FORMULARZE (ADMIN)
========================================================================== */

.pd {
  font-size: 1.2em;
  color: var(--fia-white);
  padding: 20px 50px 20px 20px;
  font-weight: 700;
  border-radius: 5px;
  margin: 0 2px;
  display: block;
}

.pd span {
  display: block;
  font-size: 0.7em;
  color: var(--fia-white);
  font-weight: 400;
}

.pd i {
  font-size: 1.9em;
}

.pd:hover {
  color: var(--fia-white);
  opacity: 0.7;
}

.pd a {
  color: var(--fia-white);
}

.przycisk_admin1a { background: #e51d25; }
.przycisk_admin2a { background: #12498d; }
.przycisk_admin1 { background: #284468; }
.przycisk_admin2 { background: #9ebee8; }
.przycisk_admin3 { background: #5b92e1; }
.przycisk_admin4 { background: #495467; }
.przycisk_admin5 { background: #4972b4; }
.przycisk_admin6 { background: #d2d2d2; }

.zalog .section .region-content h2,
.zalog .section .region-sidebar-second h2 {
  border-bottom: 0;
  padding-bottom: 0;
}

@media all and (min-width: 1025px) {
  .user-logged-in form.node-article-form,
  .user-logged-in form.node-page-form,
  .user-logged-in form.node-page-edit-form {
    width: 80%;
    margin: 0 auto;
  }
}

.user-logged-in .details-wrapper,
.user-logged-in form .js-form-type-textarea {
  border: 0 solid #ccced1 !important;
}

.user-logged-in form.node-bloki-edit-form,
.user-logged-in form.node-article-form .form-item,
.user-logged-in form.node-article-edit-form .form-item,
.user-logged-in form.node-page-form .form-item,
.user-logged-in form.node-page-edit-form .form-item {
  padding: 5px 10px;
  margin: 0;
  background: #f8f8f8;
  border: 0 solid #ccced1;
  border-radius: 3px;
  margin-bottom: 10px;
}

.user-logged-in .block-page-title-block h1 {
  font-size: 1.2em;
}

.user-logged-in .tabs-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.nav-tabs {
  width: 100%;
  display: flex;
  justify-content: center;
}

.nav-tabs .nav-item a {
  color: #000;
}

.nav-tabs .nav-link {
  font-weight: 600;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #000;
}

.layout-builder-widget-divider {
  height: 1px;
  padding: 0;
  margin: 0;
}

.alert {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  padding: 12px;
  margin-bottom: 10px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 230, 156, 1) 100%);
  border: 0;
  font-style: italic;
}

/* ==========================================================================
   MENU / NAVBAR
========================================================================== */

/* Desktop: dropdown na hover */
@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu { display: none; margin-top: 0; }
  .navbar .nav-item:hover .dropdown-menu { display: table; background: #fff; }
}

/* Navbar */
.navbar {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  min-height: 80px;
  transition: all 300ms ease-in-out;
  background-color: var(--fia-white);
}

@media (min-width: 992px) {
  .navbar { min-height: 100px; }
}

/* Dropdown */
.dropdown-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.dropdown-menu .dropdown-item {
  width: 100%;
  padding: 10px;
  border-radius: 0;
  background-color: var(--fia-primary);
  color: var(--fia-doprimary);
}

.dropdown-menu .dropdown-item:is(.is-active, :hover) {
  background-color: var(--fia-secondary);
  color: var(--fia-dosecondary);
}

/* Opcjonalne warianty navbar (zostawione, bo często ustawiane dynamicznie/na podstronach) */
.navbar.navbar-bordered {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
  .navbar.navbar-sticky,
  .navbar.navbar-fixed {
    border-color: rgba(0, 0, 0, 0.1);
  }
}

/* Pozycjonowanie elementów menu */
.navbar .navbar-nav > li {
  position: relative;
  margin-right: 30px;
}

.navbar .navbar-nav > li:last-child { margin-right: 0; }

/* Linki w menu */
.navbar .navbar-nav > li > a {
  display: block;
  padding: 0;
  position: relative;
  text-transform: uppercase;

  font-family: var(--fia-font-1);
  font-size: 0.9em;
  font-weight: 700;
  line-height: 100px;
  color: var(--fia-primary);
}

/* Podkreślenie animowane */
.navbar .navbar-nav > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--fia-secondary);

  transform: scale3d(0, 1, 1);
  transform-origin: 100% 50%;
  transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1);
}

.navbar .navbar-nav > li.active > a::before,
.navbar .navbar-nav > li:hover > a::before {
  transform: scale3d(1, 1, 1);
  transform-origin: 0 50%;
}

@media (max-width: 991.98px) {
  .navbar.navbar-light .navbar-nav > li > a::before { content: none; }
}

/* Brand */
.navbar .navbar-brand {
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* Fixed navbar */
.navbar.navbar-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  animation: fadeInDown 1s ease-in-out;
  box-shadow: 0 2px 4px rgba(3, 27, 78, 0.1);
}

/* Mobile navbar */
@media (max-width: 991px) {
  .navbar-sticky,
  .navbar.navbar-fixed {
    background: #fff;
    box-shadow: none;
  }

  .navbar .navbar-brand .logo-light { display: none; }
  .navbar .navbar-brand .logo-dark { display: block; }

  .navbar .navbar-toggler {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-right: 30px;

    border: 0;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }

  .navbar .navbar-toggler .navbar-toggler-icon {
    width: 100%;
    height: 2px;
    position: relative;
    background-color: #1b1a1a;
    transition: 0.3s ease-in-out;
  }

  .navbar .navbar-toggler .navbar-toggler-icon::before,
  .navbar .navbar-toggler .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1b1a1a;
    transition: 0.3s ease-in-out;
  }

  .navbar .navbar-toggler .navbar-toggler-icon::before { top: -10px; }
  .navbar .navbar-toggler .navbar-toggler-icon::after  { top: 10px; }

  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-color: transparent;
  }

  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before,
  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
    top: 0;
  }

  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before { transform: rotate(45deg); }
  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after  { transform: rotate(-45deg); }

  .navbar .navbar-collapse {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 9999;

    padding: 30px;
    background-color: #fff;

    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: 0.3s linear;
  }

  .navbar .navbar-collapse.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .navbar.navbar-bordered .navbar-collapse { top: calc(100% + 1px); }

  .navbar .navbar-nav > li { margin-right: 0; }

  .navbar .navbar-nav > li > a,
  .navbar .navbar-nav > li a.is-active {
    display: block;
    padding: 12px 0;

    line-height: 36px;
    color: #1b1a1a;
    border-bottom: 1px solid #d1d1d1;
  }

  .navbar .menu-item::before { display: none; }

  .navbar .has-dropdown > .dropdown-menu { transition: 0.3s ease-in-out; }

  .navbar .dropdown-menu li { line-height: 26px; }

  .navbar .dropdown-menu li a {
    display: block;
    padding-left: 20px;
    font-size: 15px;
    color: #fff;
  }

  .navbar .show > .dropdown-menu { display: block; }
  .navbar .dropdown-submenu.show .dropdown-menu { display: block; }
  .navbar .dropdown-submenu .dropdown-menu { padding-left: 20px; }
}

@media (max-width: 1195.98px) {
  .navbar .navbar-nav > li > a {
 font-size: calc(var(--fia-size-body) * 0.85);
  }
}

.dropdown-toggle::after {
        border: none !important;
        content: "\ea4e";
        font-family: 'remixicon' !important;
        color  : var(--fia-secondary);
}

/* ==========================================================================
   COPYRIGHT
========================================================================== */

#block-fia-copyright p {
  padding: 10px;
  color: var(--fia-primary);
  border-radius: 5px;
  font-size: 0.8rem;
  text-align: center;
}

#block-fia-copyright a {
  color: var(--fia-primary);
}

#block-fia-copyright a:hover {
  color: var(--fia-secondary);
}

/* ==========================================================================
   MEDIA LIBRARY (Drupal)
========================================================================== */

.js-media-library-item {
  overflow: hidden;
}

.media-library-item__remove {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  transition: 0.2s border-color;
  color: transparent;
  background-size: 1.1rem;
  text-shadow: none;
  font-size: 0;
  border-radius: 0.25em;
  background-repeat: no-repeat;
  background-position: center;
}

.media-library-item__remove:hover {
  color: #fff;
}

.js-media-library-widget {
  background: #f9f9f9;
  overflow: hidden;
  padding: 10px;
  border-radius: 5px;
}

.description,
.js-filter-wrapper.js-form-wrapper.form-wrapper {
  display: none;
}

.js-media-library-views-form {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 10px;
  padding: 10px;
  flex-wrap: wrap;
}

.js-media-library-views-form .js-media-library-item {
  background: #f8f8f8;
  padding: 5px;
  border-radius: 5px;
  width: 100%;
  display: block;
}

.js-media-library-views-form .js-media-library-item-preview {
  font-size: 0.9em;
}

.media-library-item__remove.button {
  display: block !important;
  padding-bottom: 30px !important;
  overflow: hidden !important;
  margin-bottom: 10px;
}

.inline-block-create-button {
  font-size: 1rem !important;
  font-weight: 700;
}

.inline-block-create-button:before {
  background: none !important;
}

/* ==========================================================================
   RESET / UKRYCIA (Layout Builder)
========================================================================== */

.field-group-tab {
  width: 100%;
  display: block;
  overflow: hidden;
}

details.form-wrapper.card {
  margin: 5px !important;
}

.node-page-layout-builder-form .form-type-vertical-tabs {
  display: none !important;
  overflow: hidden;
}

.form-item-settings-admin-label {
  display: none !important;
}

.node-page-layout-builder-form .form-actions {
  display: flex;
}

.layout-builder-remove-block,
#drupal-off-canvas .item-list div,
.bs_background--size.bs_col *,
.bs_background--attachment.bs_col *,
.bs_background--repeat.bs_col *,
.bs_background--position.bs_col span,
.form-item-layout-settings-ui-tab-content-settings-label label,
.blb_breakpoint_cols.fieldgroup span,
.blb_gutter_type.fieldgroup span,
.bs-field-padding span,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-padding-bottom label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-padding-left label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-padding-top label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-padding-right label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-margin-right label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-margin-left label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-margin-bottom label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-margin-top label,
.blb_container_type.fieldgroup span,
.field-background-color.bs_input-circles span,
.bs-field-border-color-bottom.bs_input-circles span,
.bs-field-border-color-bottom.bs_input-circles strong,
.bs-field-border-color.bs_input-circles span,
.bs-field-border-style.bs_input-circles span,
.form-item-layout-settings-ui-tab-content-appearance-border-border-width label,
.form-item-layout-settings-ui-tab-content-appearance-spacing-margin label,
.form-item-layout-settings-ui-tab-content-appearance-spacing-padding label,
.field-text-alignment.bs_input-boxes span,
.field-text-color.bs_input-circles span,
#background_image-media-library-wrapper-layout_settings-ui-tab_content-appearance-background span,
#background_video-media-library-wrapper-layout_settings-ui-tab_content-appearance-background span,

.bs-group-title {
  color: #fff !important;
}

.bs-group-title svg {
  fill: #fff;
  stroke: #fff;
}

/* pseudo-element */
.bs-group-title::after {
  color: #fff;

}