.elementor-kit-6{--e-global-color-primary:#1D1E4D;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#A7CE39;--e-global-color-7e3b97b:#FFFFFF;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-size:1.05rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-weight:500;--e-global-typography-3b95a4d-font-family:"Barlow";--e-global-typography-3b95a4d-font-size:1.7em;--e-global-typography-3b95a4d-font-weight:700;--e-global-typography-838c444-font-family:"Barlow";--e-global-typography-838c444-font-size:2.3em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.conpany-info-img img {max-width: 220px;}
.to-top {background-color: #18183D!important;}
.company-contact-widget ul li {
    margin: 5px 0;
}
.site-branding img {max-width: 300px;}

body[data-elementor-device-mode=mobile] .site-branding img {max-width: 90%;}

.ecolar-slider-itmes-area:after {background:none;}

.main-navigation ul>li>a {font-size:1.5em; font-family:Barlow;}
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items:start!important;}
.ha-card-body {padding-bottom: 0px!important}

.ha-card--top .ha-card-body {display: none;} 

#ecolar_contact_info_widget-3 .widget-title, #ecolar_contact_info_widget-2 .widget-title {font-family: Barlow!important;}

body[data-elementor-device-mode=mobile] .footer-widget-section {margin-left:10%;}

.breadcroumb-area {display: none;}

/*
 * Styl dla niestandardowego menu w kolumnie bocznej
 * Celuje w każdy widżet z klasą .eco-offer-side-column-menu
 */

/* 1. Domyślny wygląd linków w menu (z dodanym fontem Barlow) */
.eco-offer-side-column-menu ul li a {
  background-color: white;
  color: #18183D;
  border: none;
  border-radius: 0;
  display: block;
  padding: 1em 1.5em;
  transition: all 0.3s ease;
  font-family: 'Barlow', sans-serif; /* <-- DODANY FONT */
  position: relative; /* <-- WAŻNE: Potrzebne do pozycjonowania ikony */
}

/* 2. Wygląd po najechaniu myszką (hover) */
.eco-offer-side-column-menu ul li a:hover {
  background-color: #A7CE39;
  color: white;
}

/* 3. Wygląd aktywnego linku (bieżąca strona) */
.eco-offer-side-column-menu ul li.current-menu-item a {
  background-color: #18183D;
  color: white;
}

/* 4. Styl dla ikony strzałki (::after) */
.eco-offer-side-column-menu ul li a::after {
  content: "\f061"; /* Kod ikony strzałki z Font Awesome */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; /* Dla Font Awesome 5 zalecana waga to 900 */
  position: absolute;
  right: 25px; /* Odstęp od prawej krawędzi */
  top: 50%; /* Pozycjonowanie w pionie */
  transform: translateY(-50%); /* Precyzyjne wyśrodkowanie w pionie */
}

/* 1. Domyślny kolor ikony */
.eco-offer-side-column-menu ul li a::after {
  color: #18183D; /* Zmień, jeśli chcesz inny kolor niż tekst */
}

/* 2. Kolor ikony po najechaniu myszką LUB dla aktywnej strony */
.eco-offer-side-column-menu ul li a:hover::after,
.eco-offer-side-column-menu ul li.current-menu-item a::after {
  color: white; /* Zmień, jeśli chcesz inny kolor niż tekst */
}

body[data-elementor-device-mode=desktop].eco-offer-main-column {padding-left: 30px;}

.eco-offer-content-full {
    margin-top: 50px!important}
    
.eco-offer-side-column-menu h5 {color: #A7CE39; font-weight: bold;}

/* 1. Domyślny wygląd linków w SUBMENU */
#mainmenu .sub-menu li a {
  font-size: 1.1em;        /* Mniejsza czcionka */
  font-weight: 400;        /* Czcionka normalna (nie pogrubiona) */
  color: #18183D;         /* Kolor niebieski */
  background-color: transparent; /* Na starcie tło jest przezroczyste */
  border: none;            /* Usuwa ewentualne ramki odziedziczone z menu głównego */
  padding: 10px 20px;      /* Własny, mniejszy padding */
  transition: all 0.2s ease;
   text-transform: lowercase;
}

.slider-title {  text-transform:lowercase;
}

.slider-title::first-letter, #mainmenu .sub-menu li a::first-letter {
    text-transform: uppercase;
}

/* 2. Wygląd po najechaniu myszką (hover) w SUBMENU */
#mainmenu .sub-menu li a:hover {
  background-color: #A7CE39; /* Kolor zielony */
  color: white;
}

/* 3. Wygląd aktywnego linku (bieżąca strona) w SUBMENU */
#mainmenu .sub-menu li.current-menu-item a {
  background-color: #18183D; /* Kolor niebieski */
  color: white;
}

.eco-offer-side-column-container {
  position: sticky;
  top: 100px; /* Zwiększ lub zmniejsz tę wartość, aby dopasować do wysokości Twojego menu */
}

.eco-offer-contact-container {
    margin-top: 50px!important;
     margin-bottom: 50px!important;
}

h2.slider-title {
   text-shadow:   0px     4px    30px   rgba(0, 0, 0, .50), /* Główny cień, lekko większy Y niż Distance, by uwzględnić "Size" */
    0px     5px    15px   rgba(0, 0, 0, 0.25);
}

.service-contentrs {height: 100px}

.eco-offer-content {text-align: justify}

/* --- Główny kontener dla wszystkich kart --- */
.info-card-container {
  font-family: Barlow, sans-serif;
}

/* --- Styl pojedynczej karty informacyjnej --- */
.info-card {
  border: 1px solid #ddd;
  border-left: 5px solid #1D1E4D; /* Granatowy akcent z Twojego systemu kolorów */
  background-color: #f9f9f9;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}

/* --- Nagłówek (Obowiązek Prawny) --- */
.info-header {
  color: #1D1E4D; 
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.1em;
  line-height: 1.2em;
}

/* --- Paragrafy z wymaganiami i rozwiązaniami --- */
.info-requirement,
.info-solution {
  font-size: 1em;
  line-height: 1.6;
  color: #54595F; /* Kolor drugorzędny */
  margin: 10px 0;
}

.info-requirement strong,
.info-solution strong {
  color: #1D1E4D; /* Podkreślenie etykiet kolorem podstawowym */
}

.elementor-widget-text-editor {  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
      text-align: center!important; 
}/* End custom CSS */