@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Raleway:ital,wght@0,500;0,700;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ephesis&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:wght@300&family=Comic+Neue:ital@1&family=Raleway:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ephesis&family=Roboto:wght@100&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200;300&display=swap');


h3.Poniedz-kl-css-nagl, h3.Sroda-kl-css-nagl,h3.Czwartek-kl-css-nagl, h3.Piatek-kl-css-nagl {
background-color: #346294;
  color:#ffffff;
  margin-bottom:0.3em;
}

/* Styl dla znacznika zawierającego tekst "Zupy" */
.mod-menu__heading.nav-header {
    --background-color: blue;
    margin-left: 0.5em;
  margin-bottom: 2.5em;
    color: #bc5252;
  font-weight: bold;
  font-style: italic;  
}


#Poniedz_id ul li:nth-child(even) {
    background-color: #e9e9e9;
   font-size: larger;

}

#Poniedz_id ul li:nth-child(odd) {
    background-color: #f7f7f7;
     font-size: larger;
}
#Wtorek_id ul li:nth-child(even) {
    background-color: #e9e9e9;
   font-size: larger;

}

#Wtorek_id ul li:nth-child(odd) {
    background-color: #f7f7f7;
     font-size: larger;
}


#Sroda_id ul li:nth-child(even) {
    background-color: #e9e9e9;
   font-size: larger;

}

.Ciasta-przyrostek
{
 
  background-color: blue;
}





#Sroda_id ul li:nth-child(odd) {
    background-color: #f7f7f7;
     font-size: larger;
}
#Czwartek_id ul li:nth-child(even) {
    background-color: #e9e9e9;
   font-size: larger;

}

#Czwartek_id ul li:nth-child(odd) {
    background-color: #f7f7f7;
     font-size: larger;
}
#Piatek_id ul li:nth-child(even) {
    background-color: #e9e9e9;
   font-size: larger;

}

#Piatek_id ul li:nth-child(odd) {
    background-color: #f7f7f7;
     font-size: larger;
}

#Poniedz_id,#Wtorek_id,#Sroda_id,#Czwartek_id,#Piatek_id {
    /* Tu możesz dodawać style dla elementu o id="Poniedz_id" */
    background-color: wheatsmoke;
    font-size: 26px;
    /* itd. */
}
#Poniedz_id li ul,#Wtorek_id li ul,#Sroda_id li ul,#Czwartek_id li ul,#Piatek_id li ul {
   //  background-color: #FAEBD1;
}

.Poniedz-kl-modu ul,.Wtorek-kl-modu ul,.Sroda-kl-modu ul,.Czwartek-kl-modu ul,.Piatek-kl-modu ul,.Poniedz-kl-modu ul,.Ciasta-kl-modu ul
{
  background-color: #fff;
}
h3.Poniedz-kl-css-nagl div  {
  background-color: blue; 
}
.Poniedz-kl-modu ul li ul li {
  padding-left: 0.7em;
}

#Poniedz_id ul li a, #Wtorek_id ul li a,#Sroda_id ul li a,#Czwartek_id ul li a,#Piatek_id ul li a {
  color: #346294;
}


.Wtorek-kl-modu ul li ul li,.Sroda-kl-modu ul li ul li,.Czwartek-kl-modu ul li ul li,.Piatek-kl-modu ul li ul li,.Poniedz-kl-modu ul li ul li,.Ciasta-kl-modu ul li ul li {
  padding-left: 0.7em;
}

h3.Ciasta-kl-css-nagl {
background-color: #eee5dc;
  color:#947643;
  margin-bottom:0.3em;
}

#Ciasta_id li:nth-child(even) {
    background-color: #fffcf6;
   font-size: larger;

}

#Ciasta_id li:nth-child(odd) {
    background-color: #f7f7f7;
     font-size: larger;
}

.Ciasta-przyrostek {
    background-color: #e5ace0;
    padding: 1em; 
}
.Ciasta-przyrostek li {
  padding-left: 0.7em;
}

h3.Ciasta-kl-css-nagl {
   margin-bottom:1.0em;
}




h3.Salatki-kl-css-nagl {
background-color: #eee5dc;
  color:#947643;
  margin-bottom:0.3em;
}

#Salatki_id li:nth-child(even) {
    background-color: #fffcf6;
   font-size: larger;

}

#Salatki_id li:nth-child(odd) {
    background-color: #f7f7f7;
     font-size: larger;
}

.Salatki-przyrostek {
   background-color: #fff;
    padding: 1em; 
}
.Salatki-przyrostek li {
  padding-left: 0.7em;
}

h3.Salatki-kl-css-nagl {
   margin-bottom:1.0em;
}

h3.Wyroby-kl-css-nagl {
background-color: #eee5dc;
  color:#947643;
  margin-bottom:0.3em;
}

#Wyroby_id li:nth-child(even) {
    background-color: #fffcf6;
   font-size: larger;

}

#Wyroby_id li:nth-child(odd) {
    background-color: #f7f7f7;
     font-size: larger;
}

.Wyroby-przyrostek {
    background-color: #fff;
    padding: 1em; 
}
.Wyroby-przyrostek li {
  padding-left: 0.7em;
}
h3.Wyroby-kl-css-nagl {
   margin-bottom:1.0em;
}


#mod-custom122 div div,#mod-custom123 div div {
  background-color: #eee5dc;
}

.btn-primary {
  background: #6a9ace;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px,auto));
  grid-template-rows: repeat(2,minmax(100px,auto));
  gap: 10px;
}
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(2, minmax(50%, 1fr)); /* Dwa równe divy na małym/średnim ekranie */
  }
}

#mod-custom124 h1{
   font-family: 'Caveat', cursive;


}

#bg1 {
            width: 100vw; /* szerokość równa szerokości okna przeglądarki */
            height: 100vh; /* wysokość równa wysokości okna przeglądarki */
            background-image: url('http://uandrzeja.net/images/tlo-g.png');
            background-repeat: no-repeat; /* brak powtarzania tła */
            background-position: left top; /* umieszczenie od lewego górnego rogu */
           
 }


#mod-custom127 div .jumbotron {
   background-color: #e2d9c5;
  text-align: right;
  padding-right: 70px;
  color: #9c7154;
  text-decoration-color:aqua;
  letter-spacing: 0.12em;
  text-shadow: 1px 1px 1px #000;
  


  
}

.container-header {
	
	background-image: linear-gradient(135deg,#5c3d2d 0,#ad907e 100%);
	
}


.card .card-body {
  background-color:#eaebed;
}


.m1-jumbotron h1 span {

  font-size: 1.9em;
 
  padding-top: 1.2em;
  padding-bottom: 3em;
  color:white;
  font-family: 'Caveat', cursive;
  
}

.image-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 300px; /* Możesz dostosować wysokość według potrzeb */
        }

.m-joom2 button{
display:inline-block;
  
  //font:normal normal 300 1em 'Lato';
  text-decoration:none; 
  
  color:black;
  background-color:#eee5dc;
  border:1px solid black;
  border-radius: 5px 5px;
  
  padding: 0.6em 1em;
  margin-top:5px;
  
}
.m-joom2 button:hover {
  background-color: #3498db; /* zmiana tła po najechaniu kursorem */
    color: #ffffff; /* zmiana koloru tekstu po najechaniu kursorem */
}

.m-joom2 button:active {
  box-shadow: 0px 3px 4px #aaa inset, 0px 2px 3px #fff;
}


blockquote {
   color: rgba(250, 200, 130, 0.6);
   font-family: Merriweather, sans-serif;
   font-size: 1.3rem;
  // width: 60%;
   margin: 0 auto;
}
blockquote h1 {
   font-size: 1rem;
}
blockquote p {
   font-style: italic;
   margin-bottom: 0;
}

blockquote p::before,
blockquote p::after {
   
   font-family: Pacifico;
   font-size: 1rem;
   margin: -2rem 0 0 -1rem;
   position: absolute;
   opacity: 0.5;
}

blockquote p::after {

   margin: -1rem -1rem 0 0;
}

#mod-custom129 .card-body {
   width: 300px;
           
            border-radius: 3px;
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); /* Prawa, dolna strona cienia */
            padding: 1.6rem 1rem; /* Padding top: 1rem, Padding bottom: 1rem, Padding left/right: 0.5rem */
            background: linear-gradient(to bottom right, #EEE5DC, #F2EBE4);
  			border: 1px solid #F8F5F1;
            height: 100%;
}

#mod-custom129 .container .row {
  margin-bottom: 1rem;
}

.Salatki-kl-modu, Ciasta-kl-css-nagl,Wyroby-kl-css-nagl {
  margin-top: 0rem;
}


h3.card-header {
  display: block;
   // font-size: 220%;
   // margin: 0 0 26px 0;
    //padding: 14px 0 14px 10px;
  //  border-top: 1px dotted rgba(0,0,0,0.3);
    border-bottom: 1px dotted rgba(0,0,0,0.3);
}

h3.card-header:before{
  content: "";
    display: inline-block;
    position: relative;
    top: calc(-0.1 * 1em);
    vertical-align: middle;
    height: calc(4px + 0.7em);
    margin-right: calc(5px + 0.2em);
    border-left: calc(5px + 0.1em) solid #fd7e14;
}

.container-top-b, .container-top-b > * {margin:0px;}

.card{
  --card-border-radius: 0rem;
--card-border-width: 1px;
--card-border-width: 0px;}
.top-a{margin: 0px;}

.container-bottom-b{margin: 0px;}
.kl-m-foo1 {
margin:0px;
}

.container-header .grid-child {
    padding: 0em; */
}

.container-header .container-nav {
  padding-bottom: 0px;
   background-color:  #eaebed;
}
.container-header {
  background-image: linear-gradient(135deg,#eaebed 0,#eaebed 100%);
}


.bottom-b div.card-body {
  padding: 0px;
}


.top-a div.card-body {
 padding: 0px;
}



.container-header nav {
  margin-top: 0em; */
  padding: 0;
}


.m-container-k { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1em 1em;
  grid-auto-flow: row;
  grid-template-areas:
    "a1 a2 a3 a4";
}



.a0 {
  padding-top:1em;
  display: flex;
  flex-direction: column; /* Ustawia elementy jedno pod drugim */
  align-items: center; /* Wycentrowuje elementy wzdłuż osi X */
  justify-content: center; /* Wycentrowuje elementy wzdłuż osi Y */
  
 
  background-color: yellow;
}

.a1 {grid-area: a1; }

.a2 { grid-area: a2; }

.a3 { grid-area: a3; }

.a4 { grid-area: a4; }

.m-icon::before {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
    }
 .location::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";
   color:red;
    }

.time::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\e29e";
  color:red;
    }

.phone::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
  color:red;
    }


.facebook::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f082";
  color:red;
    }



.a0 p {
  margin-bottom:1rem;
 
}

.location::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f3c5";
  color: red;
  font-size: 3em;
 
}


.a0 h6{
  
}

.a00{
  display: inline-block;
  width: 5 rem;
  height: 4rem;
  align-items: center; /* Wycentrowuje elementy wzdłuż osi X */
  justify-content: center;
 
}

.card-with-icon {
  text-align: center; /* Wyrównanie tekstu do środka */
  padding: 20px; /* Dodatkowy wewnętrzny odstęp dla karty */
    background-color: fffcf6;
}

.icon-container {
  height: 100px; /* Wysokość obszaru dla ikony */
  width: 100px; /* Szerokość obszaru dla ikony */
  margin: 0 auto; /* Wyrównanie ikony do środka */
  background-color: #f8f9fa; /* Kolor tła obszaru dla ikony */
  border-radius: 50%; /* Zaokrąglenie obszaru dla ikony */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; /* Wyrównanie tekstu do środka */
}

.icon {
  font-size: 2rem; /* Rozmiar ikony */
  vertical-align: middle; /* Wyrównanie ikony w pionie */
  
}
.text-container {
  height: 12rem;
  margin-top: 1.2rem;
}

.card-title, .card-text, .btn {
  margin-top: 10px; /* Dodatkowy odstęp między elementami */
}
.m-kont2 .card-body {
  background-color: #f8f9fa;
}
.mapa-g .card-body {
  padding: 0px;
  
}

.container-bottom-a>*{
  margin:0px;
}

#mod-custom133 .container .card-body {
  background-color: #fff;
  color: #9c7e54;
}

#mod-custom133 .container .card {
  background-color: #efefef;
  border: 1px solid #a1a1a1;}

#mod-custom133 .card-title {
  
   color: #545454;
}

.m-card2 .card-img-top {
  border-top-left-radius:unset;
  border-top-right-radius: unset;
}
  
.m-card2 .card-body {
  background-color: #fff;
}

  
.m-card2 .btn-primary {
   background-color:transparent ;
   border-color:#000;
  color: #9a7c52;
  
}


.h3-mod{
   font-family: 'Raleway', sans-serif;
}

.h3-mod{
   font-family: 'Raleway', sans-serif;
  margin-top: 10px;
  margin-bottom: 30px;
  color: #1a1a1a;
  margin: 20px 0;
  margin-bottom: 20px;
  width: auto;
  padding-right: 30px;
  box-shadow: inset 0 -1px 0 #ddd;
  display: inline-table;
  line-height: 1.3;
}

.h3-mod::after{
  clear: both;
  display: block;
  float: left;
  content: "";
  position: relative;
  height: 2px;
  width: 70%;
  margin: 10px 30% 0 0;
  border-radius: 2px;
  padding: 0;
  background: #f47363;
  
}
.h5-mod{
  font-family: 'Raleway', sans-serif;
  font-size:1.5em;
  margin-top: 10px;
  margin-bottom: 30px;
  color: #f47363;
  margin: 20px 0;
  margin-bottom: 20px;
  width: auto;
  padding-right: 30px;
  box-shadow: inset 0 -1px 0 #ddd;
  display: inline-table;
  line-height: 1.3;
  margin-left: 2em;
}

.h5-mod::after{
  clear: both;
  display: block;
  float: left;
  content: "";
  position: relative;
  height: 2px;
  width: 70%;
  margin: 10px 30% 0 0;
  border-radius: 2px;
  padding: 0;
  background: #f47363;
  
}


div-h3-left {
  text-align: center;
  margin-top:0.5em;
  margin-bottom:0.5em;
}

.div-h3-center {
  text-align: center;
  margin-top:0.5em;
  margin-bottom:0.5em;
}

div-h5-left {
  text-align: center;
  margin-top:0.5em;
  margin-bottom:0.5em;
}


#mod-custom135 .container .m-card2 h5 {
  font-family: Raleway, sans-serif;
  box-shadow: inset 0 -1px 0 #ddd;
  padding-bottom:  6px;
    color:  #f47363;
  font-size: 14px;
  
}

.m-kont2 .container .card-body .card-title {
   font-family: Raleway, sans-serif;
  font-size: 16px;
  padding-bottom: 1em;
  box-shadow: inset 0 -1px 0 #ddd;
  
} 


.m-glowny .card-body{
  background-color: #eaebed;
}

.m-card2 .card-body {
  background-color: #fff;
}
 

.m-card2  .card-body {
    background-color: #fff;
    display: flex;
    flex-direction: column;
     height: 19rem; /* Ustawia wysokość na 100% */
}


.m-card2 .card-body .card-content {
    flex: 1; /* Powoduje, że ta sekcja będzie zajmować dostępną przestrzeń */
    display: flex;
    flex-direction: column;
}

.m-card2 .card-text {
    flex: 1; /* Powoduje, że ten element będzie zajmować dostępną przestrzeń */
    /* Dodatkowe style według potrzeb */
}

div img .oplywanie { 
	float:left;
}

.container-component > * + *{
  margin-top:0em;
}
.kl-m-foo1 div {
  margin: 0em;
}


.Wyroby-kl-modu .card-body,.Poniedz-kl-modu .card-body,.Wtorek-kl-modu .card-body,.Sroda-kl-modu .card-body,.Czwartek-kl-modu .card-body,.Piatek-kl-modu .card-body,.Ciasta-kl-modu .card-body,.Salatki-kl-modu .card-body
  {
  background-color: #eaebed;
}

div .m-main-tlo {
   background-image: url("makaron-tlo2.jpg");
   background-color: #cccccc;
}

#navbar1 .metismenu-item a,.metismenu-item > button {
  color:#fff;
  font-family: 'Lato', sans-serf;
  text-shadow: #222 2px 2px 4px;
  padding: 4px;
}
main 
{
    /*   background-image: url('http://uandrzeja.net/images/tlo11-3.jpg'); /* Podaj ścieżkę do swojego zdjęcia */
    /*background-size: cover;  Zapewnia, że tło będzie się rozciągać, aby wypełnić cały kontener */
    /* background-position: center;  Ustawia pozycję tła na środku kontenera */
      background-color: #eaebed;
      align-items: center;
      justify-content: center;
  
}

.menutyg div.menutyg-grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  background-color: #e2d9c5;
  padding: 0;
}
.menutyg div.menutyg-grid-container div.menutyg-grid-item {
  background-color: #e2d9c5;
  border: 0;
  padding: 5px;
  font-size: 2rem;
  text-align: center;
}




.m-card3 {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  border: 0;
  background-color: #fff;
  color: #000;
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18);
  margin: 1em 0em 1em 0em;
}
.m-card3 img {
  max-width: 25%;
  margin-right: 1em;
}
.m-card3-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.text-section {
  max-width: 60%;
}
.cta-section {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  font-family: 'Roboto Mono', monospace;
  margin-top: 10px;
  margin-right: 10px;
  color: #B7A897;
}
.cta-section .btn {
  padding: 0.2em 0.5em;
  font-size: 1em;
  color: #696969;
}
.m-card3-text {
  letter-spacing: 0.1em;
}

#mod-custom140 .row {padding-left: 0px;

}

.main-top >.card-body {
  background: #eaebed;
}

.h3-white{
  box-shadow: inset 0 -1px 0 #fff;
}


.m-card3-body h5 {
  font-family: Roboto Black,Arial,Helvetica,sans-serif;
  color:#f47363;
  font-size: 1.6em;
}

.m-card3 .btn {
 
  background-color: transparent;
  border-color: #000;
  color: #9a7c52;
  margin-bottom: 10px;
}

.container-component>:first-child
{
margin-top:0px;
}

#mod-custom137{
  background-color: #ccc;
}
#mod-custom137 .container .row{
  padding-left: 2em;
  padding-top: 2em;
  color: #fcfcfc;
  font-family: Roboto Black,Arial,Helvetica,sans-serif;
}
#mod-custom137 .container .m-row2
{
  padding-top: 1em;
  background-color: #bbb;
}

.h6-mod {
  font-family: 'Raleway', sans-serif;
  font-size: 1.5em;
  margin-top: 10px;
  margin-bottom: 30px;
  color: #fafafa;
  margin: 20px 0;
    margin-bottom: 20px;
  margin-bottom: 20px;
  width: auto;
  padding-right: 30px;
  box-shadow: inset 0 -1px 0 #fafafa;
  display: inline-table;
  line-height: 1.3;
}


.h6-mod::after {
  clear: both;
  display: block;
  float: left;
  content: "";
  position: relative;
  height: 2px;
  width: 70%;
  margin: 10px 30% 0 0;
  border-radius: 2px;
  padding: 0;
  background: #f47363;
}

main .com-content-article__body p{
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 1em;
}



#mod-custom137 .container .row a {
  color: #eee;
}

.site  header.container-header {
   box-shadow: 2px 2px 5px -1px rgba(66, 68, 90, 1);
}

#Poniedz_id .mod-menu__sub, #Wtorek_id .mod-menu__sub, #Sroda_id .mod-menu__sub, #Czwartek_id .mod-menu__sub, #Piatek_id .mod-menu__sub {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
}


#mod-custom140 {
  margin-bottom: 1em;
}



@media (max-width: 768px) {
  .m-card3 {
    flex-direction: column; /* Zmiana na układ kolumnowy */
    margin: 1em 1em 1em 1em;
  }
  .m-card3-text {
    padding-left: 1em;
  }
  .m-card3-body .card-title{
    padding-left: 0.5em;
  }
  .m-card3 img {
    max-width: 200px; /* Zdjęcie zajmuje całą szerokość na małych ekranach */
    margin-right: 0; /* Usunięcie marginesu na małych ekranach */
  }

  .cta-section {
    max-width: 100%; /* Sekcja CTA zajmuje całą szerokość na małych ekranach */
    align-items: flex-start; /* Wyrównanie do lewej na małych ekranach */
    margin-top: 8px; /* Usunięcie marginesu na małych ekranach */
    margin-right: 10px; /* Usunięcie marginesu na małych ekranach */
  }
  .m-card3 .btn {
  background-color: transparent;
  border-color: #000;
  color: #9a7c52;
  margin-bottom: 10px;
}
}


.com-content-article__body img{
  margin-left:1em;
}