/*
 Theme Name:     Gulash
 Description:    Divi Child Theme
 Template:       Divi
 Version:        1.0.0
*/

.container {
    width:90%;
    max-width: 1360px;
}

.et_pb_row {
    width: 90%;
    max-width: 1360px;
}

.text-center {
  text-align: center;
}

.row-std {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}

.gap50 {
  gap:50px;
}

.gap20 {
  gap:20px;
}

.top50 {
  padding-top:50px;
}

.top35 {
  padding-top:35px;
}

.column-12 {
  width:100%;
}

.column-7 {
  width:58.33%;
}

.column-6 {
  width:50%;
}

.column-5 {
  width:41.67%;
}

.column-4 {
  width:33.33%;
}

.column-3 {
  width:25%;
}

.column-2 {
  width:16.67%;
}

.column-1 {
  width:8.33%;
}

.btn {
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;
    text-align: center;
  }

  .btn-ultralight {
    font-weight: 7400;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    padding: 0.25rem 0.55rem;
    font-size: 0.7rem;
    line-height: 1.5;
    display: inline-block;
    text-align: center;
  }
  
  .btn-xl {
    padding: 1rem 2rem;
  }
  
  .btn-primary {
    background-color: #737373;
    border-color: #737373;
    color: #fff;
  }

  .btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
  
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #f7a823 !important;
  }
  
  .btn-primary:active, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
    box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
  }

  .btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

  .btn-wjazd {
    color: #fff;
    background-color: #f7a823;
    border-color: #000000;
}

  .btn-wjazd:hover {
    color: #fff;
    background-color: #414141;
    border-color: #000000;
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

#hero h1 {
  font-size:70px;
  font-weight:700;
}

#hero h2 {
  font-size:32px;
  font-weight:600;
}

.title h1 {
  font-size:30px;
  font-weight:700;
  line-height:1.2;
}

.title h2 {
  font-size:30px;
  font-weight:600;
  line-height:1.2;
}

@media screen and (max-width:980px) {
  #hero h1 {
    font-size:50px;
    }
  
  #hero h2 {
    font-size:26px;
    }

    .row-std {
      flex-direction: column;
    }

    .column-7, .column-6,.column-5, .column-3 {
      width:100%;
    }
}

@media screen and (max-width:767px) {
  #hero h1 {
    font-size:40px;
    }
  
  #hero h2 {
    font-size:20px;
    }

    .title h2 {
      font-size:26px;
    }
}

/* menu */

.et_pb_sticky #menu-menu-pietra a:hover {
  color:#737373!important;
  
}

@media screen and (max-width:980px) {
  #logo-column {
    position: absolute;
  }
}

/* end menu */

/* home */

.rzad-btn {
  display:flex;
  gap:10px;
  justify-content: center;
  flex-wrap: wrap;
}

#budynek-svg {
    background: url(./img/budynek.jpg);
    background-size: cover;
}

.bg-svg {
	fill:none;
}
.kondygnacja {
	fill:transparent;
}

.kondygnacja:hover {
	fill:rgba(253,165,0,0.70);
}

.kondygnacja:active {
	fill:rgba(255,255,255,0.40);
}

ul.linki {
  display: flex;
  justify-content: center;
  list-style-type: none;
  gap:10px;
  flex-wrap: wrap;
}

ul.linki li a {
  font-size:20px;
  color:#737373;
  font-weight:600;
}

ul.linki li a:hover {
  color:#FFDA80;
}

#galeria-home .et_pb_gallery_item {
  border:2px solid #ffffff;
}

.opacity-text {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition: all .3s;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.opacity-text:hover {
  opacity:1;
}

.opacity-text h3 {
  line-height:1.2;
}

#aranzacje .et_pb_column {
  border:2px solid #ffffff;
}
/* end home */

/* formularz */

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
  width:100%;
  padding:12px;
  border-radius: 4px;
  margin-bottom:10px;
}

.wpcf7-submit {
  color: #fff;
  background-color: #f4a733;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 7px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 1rem 2rem;
  cursor: pointer;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.dynamicname input {
	width: 100px;
font-size: 16px;
padding: 0;
display: inline-block;
margin: 0;
border: 0;
font-weight: 700;
}


/* end formularz */

/* pietra */

.naglowek-kon {
	text-align:center;
	font-weight:600;
	padding-bottom:20px;
	
}

.naglowek-kon a {
  color:#737373;
}

.naglowek-kon a:hover {
	text-decoration: none;
	color:black;
}

.bg-dark .naglowek-kon a:hover {
	text-decoration: none;
	color:#FFDA80;
}

.tabela-kon {
	margin-top:30px;
	font-size:14px;
}


.tabela-kon a:hover {
	text-decoration: none;
	color:black;
}

.tabela-kon td {
  padding-left:5px;
  padding-right:5px;
  border-bottom:2px solid #ffffff;
  text-align: center;
}

.tabela-kon tr td:first-child {
  min-width:100px;
  
}

.btn-karta {
  background-color: #555;
  color: #fff;
  font-size:12px;
  line-height:1.2;
  text-transform:uppercase;
  display:inline-block;
  text-align:center;
  font-weight:500;
}

.btn-karta:hover {
  background-color: #2C9A00;
  color: #FFFFFF !important;
}

.btn-cena {
  background-color: #737373;
  color: #ffffff;
  font-size:12px;
  line-height:1.2;
  text-transform:uppercase;
  display:inline-block;
  text-align:center;
  font-weight:500;
}

.btn-cena:hover, .btn-cena:active {
  background-color: #F49900;
  color: #ffffff !important;
}

.btn-mieszkanie-cena {
  background-color: #F77822;
  color: #ffffff;
}

.list-sold .btn-karta, .Sprzedane .btn-karta, .Sprzedane .cennik {
  display: none;
  }
  .list-sold .btn-cena, .Sprzedane .btn-cena {
  display: none;
  }
  
  .list-sold strong::before, .Sprzedane strong::before {
  content: "Sprzedane";
      padding-right: 1.3em;
  }
  
  .list-sold, .Sprzedane {
      color: #fff;
      background-color: #dc3545 !important;
      border-color: #dc3545!important;
  }
  
  .list-sold a, .Sprzedane a {
      color: #fff;
  }
  
  .list-sold a:hover, .Sprzedane a:hover {
      color:rgba(255,255,255,0.50);
  }


.Zarezerwowane .btn-karta {
  display: none;
  }
  .Zarezerwowane .btn-cena {
  display: none;
  }
  
  .Zarezerwowane strong::before {
  content: "Zarezerwowane";
      padding-right: 1.3em;
  }
  
  .Zarezerwowane {
      color: #fff;
      background-color: #ffc107 !important;
      border-color: #ffc107!important;
  }
  
  .Zarezerwowane a {
      color: #fff;
  }
  
  .Zarezerwowane a:hover {
      color:rgba(255,255,255,0.50);
  }


.fil-none {fill:none}
.fil-odd {fill:rgba(67,213,120,0.3)}
.fil-even {fill:rgba(66,213,206,0.3)}
.fil-szyby {fill:#00A0E3} /* szyby */
.fil-ogrod {fill:#DBE285} /* ogrody */
.fil-taras {fill:#C6C6C6} /* tarasy */
.fil-drzwi {fill:#B3B3B3} /* drzwi */
.fil-mury {fill:#727272} /* sciany */
.fil-numer {fill:#ffffff} /* numery */
.fil-bgnum {fill:#111111} /* bg numery */
.unactive {fill:transparent} /* nic */

a.map-free:hover .fil-odd {fill:rgba(67,213,120,0.85)}
a.map-free:hover .fil-even {fill:rgba(66,213,206,0.85)}
a.map-free:hover rect.fil-bgnum {fill:rgba(0,0,0,0.5)}
a.map-book polygon, a.map-book path {fill:rgba(255,193,7,0.4)}
a.map-sold polygon, a.map-sold path {fill:rgba(255,63,81,0.3)}
a.map-sold rect.fil-bgnum {fill:#D40101}
a.map-sold .fil-numer {fill:#ffffff}
a.map-sold:hover polygon, a.map-sold:hover path {fill:rgba(255,63,81,0.85)}
a.map-sold:hover rect.fil-bgnum {fill:transparent}
a.map-sold:hover .fil-numer {fill:#ffffff}


a.Sprzedane polygon, a.Sprzedane path {fill:rgba(255,63,81,0.3)}
a.Sprzedane rect.fil-bgnum {fill:#D40101}
a.Sprzedane .fil-numer {fill:#ffffff}
a.Sprzedane:hover polygon, a.Sprzedane:hover path {fill:rgba(255,63,81,0.85)}
a.Sprzedane:hover rect.fil-bgnum {fill:transparent}
a.Sprzedane:hover .fil-numer {fill:#ffffff}

a.Wolne:hover .fil-odd {fill:rgba(67,213,120,0.85)}
a.Wolne:hover .fil-even {fill:rgba(66,213,206,0.85)}
a.Wolne:hover rect.fil-bgnum {fill:rgba(0,0,0,0.5)}

a.Zarezerwowane polygon, a.Zarezerwowane path {fill:rgba(255,193,7,0.4)}
a.Zarezerwowane rect.fil-bgnum {fill:#ffc107}
a.Zarezerwowane .fil-numer {fill:#ffffff}
a.Zarezerwowane:hover polygon, a.Sprzedane:hover path {fill:rgba(255,193,7,0.85)}
a.Zarezerwowane:hover rect.fil-bgnum {fill:transparent}
a.Zarezerwowane:hover .fil-numer {fill:#ffffff}


/* end pietra */

.mieszkanie-title-free, .naglowek-kon.Wolne {
  color: #fff;
  background-color: #28a745;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  margin: 20px 0;
  padding:15px;
}

.mieszkanie-title-free a, .naglowek-kon.Wolne a {
color:rgba(255,255,255,0.50);
margin-right: 20px;
}
.mieszkanie-title-free a:hover, .naglowek-kon.Wolne a:hover {
color:rgba(255,255,255,0.80);
}
.mieszkanie-title-free span::before, .naglowek-kon.Wolne span::before {
font-weight: normal;
  padding-left:20px;
  font-size: 22px;
content:"WOLNE"
}

.mieszkanie-title-book, .naglowek-kon.Zarezerwowane {
  color: #fff;
  background-color: #ffc107;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  margin: 20px 0;
  padding:15px;
}
.mieszkanie-title-book a, .naglowek-kon.Zarezerwowane a {
color:rgba(255,255,255,0.50);
margin-right: 20px;
}
.mieszkanie-title-book a:hover, .naglowek-kon.Zarezerwowane a:hover {
color:rgba(255,255,255,0.80);
}
.mieszkanie-title-book span::before, .naglowek-kon.Zarezerwowane span::before {
font-weight: normal;
  padding-left:20px;
  font-size: 22px;
content:"ZAREZERWOWANE"
}

.mieszkanie-title-sold, .naglowek-kon.Sprzedane {
  color: #fff;
  background-color: #dc3545;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  margin: 20px 0;
  padding:15px;
}
.mieszkanie-title-sold a, .naglowek-kon.Sprzedane a {
color:rgba(255,255,255,0.50);
margin-right: 20px;
}
.mieszkanie-title-sold a:hover, .naglowek-kon.Sprzedane a:hover {
color:rgba(255,255,255,0.80);
}
.mieszkanie-title-sold span::before, .naglowek-kon.Sprzedane span::before {
font-weight: normal;
  padding-left:20px;
  font-size: 22px;
content:"SPRZEDANE"
}



.tabela-m {
  width:100%;
}

.tabela-m tr td {
  font-size:1.2em !important;
}

.mapka {
  text-align: center;
}

.mapka h4 {
  text-align: center;
  text-transform: uppercase;
  font-weight:bold;
  font-size:18px;
  letter-spacing: 1px;
  color: #cccccc;
}

.lok-tabela tr td {
	padding:2px 12px 2px 2px;
	font-family:"Open Sans", sans-serif;
	font-size: 1.6rem;
}

.lok-tabela tr td:nth-child(even) {text-align: right;}

.lok-tabela tr td:nth-child(odd) {text-align: right;}

tr.lok-total td {
font-weight: 700;
padding:15px 0px 20px 20px;
font-size: 1.5em !important;
color:#FF9900;}

tr.lok-taras td {
color: #999999;}

tr.lok-ogrod td {
color: #AAC482;}

td.lok-add {
border-bottom: .1em #999999;
border-bottom-style: dashed;
font-size: 1.3em !important;
padding:.5em .01em !important;}

tr.lok-belong td {
color: #AAAAAA;
font-size: 1em !important;
padding:.1em .55em !important;}

.lok-rzut {
max-height: 38rem;
width: auto;
}

.lok-rzut2{
max-width: 100%;
height: auto;
}

.buttony {
  margin-top:50px;
  display: flex;
  justify-content: center;
  gap:20px;
}
    
.buttony2 {
  margin-top:20px;
  display: flex;
  justify-content: center;
  gap:20px;
}

.buttony .btn-xl,.buttony2 .btn-xl {
    width: 16rem;
  }

a.btn-xl.Sprzedane {
    /*display:none;*/
    pointer-events: none; /* Wyłącza kliknięcia */
    cursor: default;       /* Zmienia kursor z "łapki" na strzałkę */
    text-decoration: none; /* Opcjonalnie: usuwa podkreślenie */
    opacity: 0.3;          /* Opcjonalnie: sprawia, że link jest półprzezroczysty */
}
  }

@media (max-width: 767px) {
	
  .list-free .btn-karta, .list-free .btn-cena, .list-free strong {
  display: none;
  }
  .list-book .btn-karta, .list-book .btn-cena, .list-book strong {
  display: none;
  }
  .list-sold .btn-karta, .list-sold .btn-cena, .list-sold strong {
  display: none;
  }

  .mieszkanie-title-free span::before, .mieszkanie-title-book span::before, .mieszkanie-title-sold span::before {
    padding-left: 0px;
    display: block;
}



.Wolne .btn-karta, .Wolne .btn-cena, .Wolne strong {
  display: none;
  }
  .Zarezerwowane .btn-karta, .Zarezerwowane .btn-cena, .Zarezerwowane strong {
  display: none;
  }
  .Sprzedane .btn-karta, .Sprzedane .btn-cena, .Sprzedane strong {
  display: none;
  }

  .naglowek-kon.Wolne span::before, .naglowek-kon.Zarezerwowane span::before, .naglowek-kon.Sprzedane span::before {
    padding-left: 0px;
    display: block;
}


  }

@media (max-width:600px) {
  .buttony {
    flex-direction: column;
  }
}

#content-area table td {
    padding: .3em .55em;
}


/* CENY */

    .card {
        background-color: #ffffff;
        padding: 20px;
        margin: auto;
        max-width: 600px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.05);
        font-size:11px;   
    }
    .card h2 {
        color: #999999;
        margin-top: 0;
        font-size:16px;
    }
    .card ul{
        list-style: none;
        padding-left: 0;
    }
    .card li {
        padding: 5px 0;
        border-bottom: 1px dashed #e0e0e0;
        font-weight: normal;
        color: #aaa;     
    }
    .card .label {
        font-weight: normal;
        color: #aaa;
    }
    .card .value {
        color: #777;
    }