/* Styl dla cytatu */
.animated-text{
	font-size: 2rem;
	font-family: 'Georgia', serif;
	color: white;
}

/* Styl dla autora */
.animated-author{
	font-size: 1.2rem;
	font-family: 'Arial', sans-serif;
	color: white;
	opacity: 0;
	animation: fadeIn 2s ease-in-out 6s forwards;
	margin-top: 20px;
	width: 100%;
	text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* Animacja dla autora */
@keyframes fadeIn{
	from{
		opacity: 0;
	}

	to{
		opacity: 1;
	}
}

/* Responsywność dla większych urządzeń */
@media(max-width: 1200px){
	.animated-text{
		font-size: 1.8rem;
		/* Zmniejszamy czcionkę na tabletach i średnich ekranach */
	}

	.animated-author{
		font-size: 1.1rem;
		/* Zmniejszamy czcionkę dla autora */
	}
}

/* Mniejsza czcionka na tabletach w poziomie */
@media(max-width: 992px){
	.animated-text{
		font-size: 1.6rem;
		/* Mniejsza czcionka na tabletach w poziomie */
	}

	.animated-author{
		font-size: 1rem;
		/* Mniejsza czcionka dla autora na tabletach w poziomie */
	}
}

/* Zmniejszenie czcionki na urządzeniach mobilnych */
@media(max-width: 768px){
	.animated-text{
		font-size: 1.5rem;
		/* Mniejsza czcionka na urządzeniach mobilnych */
	}

	.animated-author{
		font-size: 1rem;
		/* Mniejsza czcionka dla autora */
	}
}

/* Bardzo małe ekrany (telefony w pionie) */
@media(max-width: 576px){
	.animated-text{
		font-size: 1.3rem;
		/* Zmniejszenie czcionki na bardzo małych ekranach */
	}

	.animated-author{
		font-size: 0.9rem;
		/* Mniejsza czcionka dla autora */
	}
}

/* Jeszcze mniejsza czcionka na bardzo małych ekranach (telefony w pionie) */
@media(max-width: 480px){
	.animated-text{
		font-size: 1.2rem;
		/* Zmniejszenie czcionki jeszcze bardziej na bardzo małych ekranach */
	}

	.animated-author{
		font-size: 0.9rem;
		/* Mniejsza czcionka dla autora */
	}
}

/* Dodatkowe dostosowanie na bardzo małych ekranach (np. urządzenia 320px szerokości) */
@media(max-width: 320px){
	.animated-text{
		font-size: 1rem;
		/* Bardzo mała czcionka na urządzeniach o szerokości 320px */
	}

	.animated-author{
		font-size: 0.8rem;
		/* Bardzo mała czcionka dla autora */
	}
}




/* Stylowanie dla karuzeli */
.carousel-inner img{
    width: 100%;
    height: auto;
    max-height: 550px;
    object-fit: cover;
}

.top-image{
    opacity: 0;
    filter: brightness(40%);
    transition: opacity 2s ease-in-out !important;
}

.top-image.active{
    opacity: 1;
    filter: brightness(40%);
}

.quotes{
    z-index: 1000;
}

#text{
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
/* Stylowanie dla karuzeli */





/* Styl dla okienka z numerami telefonów */
.phone-popup{
    display: none;
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 250px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 9908;
    padding: 15px;
}

.phone-popup .popup-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}











.about-company{
    background-color: #1a1a1a !important;
    color: #f1f1f1;
}

/* Podstawowy wygląd krzyży */
.cross{
    display: inline-block;
    position: relative;
    width: 5px;
    height: 80px;
    background-color: currentColor;
}

/* Pionowa część krzyża */
.cross::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    background-color: currentColor;
}

/* Pozioma część krzyża */
.cross::after{
    content: '';
    position: absolute;
    top: 25%;
    left: -420%;
    width: 3rem;
    height: 5px;
    background-color: currentColor;
}

/* Mały krzyż */
.cross-small{
    height: 80px;
}

/* Duży krzyż (wydłużona noga) */
.cross-large{
    height: 180px;
}

.cross-large::after{
    content: '';
    position: absolute;
    top: 25%;
    left: -725%;
    width: 5rem;
    height: 5px;
    background-color: currentColor;
}





.services{
    background-color: #2c2c2c !important;
    color: #f1f1f1;
}

.service-card:hover{
    transform: translateY(-10px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.service-card .image-container img:hover{
    transform: scale(1.1);
}





.e-obituaries{
    background-color: #1a1a1a !important;
    color: #f1f1f1;
}

.photo-gallery{
    background-color: #2c2c2c !important;
    color: #f1f1f1;
}

.photo-gallery .img-fluid{
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.photo-gallery .img-fluid:hover{
    transform: scale(1.05);
}





.customer-reviews{
    background-color: #1a1a1a !important;
    color: #f1f1f1;
}

.customer-reviews blockquote{
    background-color: #3c3c3c;
    border-left: 5px solid #ffd700;
    padding: 15px;
    font-style: italic;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 10px;
}

/* Efekty po najechaniu na cytaty */
.customer-reviews blockquote:hover{
    transform: scale(1.05);
    box-shadow: 0px 4px 10px rgba(255, 215, 0, 0.5);
}

/* Dostosowanie marginesów dla cytatów */
.customer-reviews .col-md-4{
    margin-bottom: 20px;
}





.map-location{
    background-color: #2c2c2c !important;
    color: #f1f1f1;
}