/*======================================

Description: kalkulator.css stylowanie archive loop dla nieruchomosci Kalkulatora powierzchni
Version: 4.22
Author: jarekgolawski.com
Author URI: http://jarekgolawski.com
Template: Divi
Text Domain: corees
======================================*/
.hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}


/* kalkulator.css  przycisk wyslij podsumowanie Kalkulartora*/
button#button_kalkulator > i {
  font-size: 36px;}

/* kalkulator.css  przycisk dodawania osób*/
#wybierz-ilosc-osob > label {
  width: auto;
  margin: auto;
font-size: 14px;
}
#add-people {
width: auto+20px;
  margin: auto;
}
.dynamic-content{
  width: auto;
  margin: auto;
}
#ilosc-osob{
	color: #001C38;
}

/* Styl dla głównego kontenera nieruchomości */
.nieruchomosci-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -15px; /* Kompensacja dla marginesów pojedynczych kart */
    margin-right: -15px; /* Kompensacja dla marginesów pojedynczych kart */
	padding: 0px 20px;
}

/* Styl dla pojedynczego elementu nieruchomości */
.nieruchomosc-item {
    margin-left: 15px; /* Margines dla pojedynczych kart */
    margin-right: 15px; /* Margines dla pojedynczych kart */
    margin-bottom: 30px; /* Odstęp między kartami */
 width: calc(25% - 40px); /* Ajust the pixel value accordingly */
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 4px;
    overflow: hidden;
    background: #FFF;
    display: flex;
    flex-direction: column;
}
/* PAdding dla selecta Lokalizacja i Wynikow Nieruch, */

#wojewodztwo-select{
  padding: 0px 20px;
  margin: 0px 20px;
}
.nieruchomosc-header {
display: flex;
flex-direction: column;
min-height: 140px;
padding: 0px;
margin: 0px;
	width: 100%;
}

/* Styl dla nagłówka i lokalizacji nieruchomości */
.nieruchomosc-item h4 {
    padding: 16px 16px 5px 16px;
   /* background-color: #f8f8f8; /* Szary tło dla nagłówka i lokalizacji */
    margin: 0;
    color: #333; /* Ciemniejszy kolor tekstu */
	font-family: "Roboto";
	font-size: 22px;
}
/* Styl dla lokalizacji biura */
.nieruchomosc-item .lokalizacja-biura {
	font-family: "Open Sans", Arial, sans-serif;
	color: rgb(39, 41, 47);
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	padding: 0px 16px 0px 16px;
	 text-transform: uppercase;
}

/* Styl dla ikon meta nieruchomości */
	.opisy-biura, .adres-biura {
	padding: 10px 16px;
	color: #3B3B3B;	
	font-weight: 500;
	font-family: "Open Sans", Arial, sans-serif;
}
.adres-biura {
	line-height: 1.1em;
}
/* Styl dla przycisku 'Podnajem' */
.nieruchomosc-item .podnajem-button {
    color: white;
    background-color: #333333; /* Zielony tło dla przycisku */
    text-align: center;
    padding: 10px 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

/* Styl dla obrazka nieruchomości */
.nieruchomosc-item img.featured-image {
    width: 100%;
    height: 200px; /* Wysokość obrazka może być dostosowana */
    object-fit: cover;
}

/* Styl dla tagu 'Wyłączność' i podobnych */
.nieruchomosc-item .tag {
    display: inline-block;
    background-color: #ffd700; /* Żółty tło dla tagów */
    color: #333;
    padding: 5px 10px;
    font-size: 12px;
}

/* Styl dla cech nieruchomości */
.nieruchomosc-item .cechy-nieruchomosci {
    padding: 16px;
    font-size: 13px;
    line-height: 1.7px;
    border-top: 1px solid #eee; /* Linia oddzielająca od reszty treści */
}

.opisy-biura > DIV {
Line-height: 1.7em
}


/* Styl dla ikon meta nieruchomości */
	.custom-icon {
	font-size: 13px;
	color: #494949;	
    padding-right: 5px;
}
.custom-icon-color {
    color: #772B39 !important;
}

.fa-cut{
	padding: 0px 5px 0px 0px;
}
.fa-euro{
	padding: 0px 5px 0px 5px;
}

/* Początkowe ukrycie selecta Wojewodztwo*/
#filter-lokalizacji-biura {
  display: none;
}

/* komunikat kalkulatora */
.komunikat-kalkulatora {
    color: #3B3B3B;	
	font-weight: 400;
	font-size: 21px;
	font-family: "Open Sans", Arial, sans-serif;
	text-align: center;
	line-height: 1.2em;
}
/* animowana ikona koperty */
@keyframes pulseAnimation {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.pulse-animation {
    animation: pulseAnimation 1.5s ease-in-out infinite;
}




/* Media queries dla responsywności */
@media (max-width: 1024px) {
    .nieruchomosc-item {
        width: calc(50% - 30px); /* Szerokość dla 2 kolumn na tablety */
    }
}

@media (max-width: 768px) {
    .nieruchomosc-item {
        width: calc(50% - 30px); /* Szerokość dla 2 kolumn na mniejsze urządzenia */
    }
}

@media (max-width: 480px) {
    .nieruchomosc-item {
        width: calc(100% - 30px); /* Szerokość dla 1 kolumny na telefony */
    }
}


/*==========animacja do Kalkulatroa Powierzchni=================*/
.animacja-tekst {
    color: #772B39;
    animation: pulsowanie 1s infinite;
}

@keyframes pulsowanie {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/*==========lista wyboru lokalizacji=================*/

select#pomieszczenie-select {
  color: #001C38!important;
}	
.selection-select, .input-group, .add-button{
	  color: #000;	
	}