:root {
    --primary-color: #0f4f83;
    --secondary-color: #df5ac9;
    --tertiary-color: #69b4e6;
    --bg-dark: #3c518a;
    --bg-light: #f8f9fa;
    --text-color-dark: #343a40;
    --text-color-light: #f8f9fa;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background-color: rgba(232, 228, 228, 0.955) !important;
}

body {
    font-family: Arial, sans-serif;
    color: var(--text-color-dark);
}

.bg-dark {
    background-color: var(--bg-dark) !important;
}

.text-white {
    color: var(--text-color-light) !important;
}

.hero {
    padding: 50px 0;
    background: var(--primary-color);
    color: var(--text-color-light);
}

.contact form {
    margin-top: 20px;
}

.card-title, .card-text {
    color: var(--text-color-dark);
}

.photo-gallery {
    padding: 50px 0;
    background: var(--bg-light);
}

.photo-gallery h2 {
    margin-bottom: 30px;
}

main {
    flex: 1;
}

.about-us img, .services-highlights img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.photo-gallery .carousel-inner img {
    height: 500px;
    object-fit: cover;
}

.fc-day-number {
    display: none !important; 
}

.unavailable, .available {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 20px;
    font-weight: bold;
    z-index: 10;
}

.unavailable {
    color: red;
}

.available {
    color: green;
}


.fc-toolbar .fc-left, .fc-toolbar .fc-center, .fc-toolbar .fc-right {
    display: flex;
    align-items: center;
}

.fc-toolbar .fc-right {
    justify-content: flex-end;
}

.fc-toolbar .fc-left .fc-button-prev, .fc-toolbar .fc-left .fc-button-prevYear {
    margin-right: 10px; /* Spazio tra le frecce per i mesi */
}

.fc-toolbar .fc-right .fc-button-next, .fc-toolbar .fc-right .fc-button-nextYear {
    margin-left: 10px; /* Spazio tra le frecce per gli anni */
}

.fc-button-prev:before {
    content: '<';
}

.fc-button-next:before {
    content: '>';
}

.fc-button-prevYear:before {
    content: '<<';
}

.fc-button-nextYear:before {
    content: '>>';
}

.polaroid {
            width: 80%;
            background-color: white;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            margin-bottom: 25px;
}


.header_bg_blur {
    background-image: url('images/monterotondo_sfondo.jpg'); /* Inserisci il percorso dell'immagine */
    background-size: cover;       /* Fa sì che l'immagine copra l'intera sezione */
    background-position: center;  /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    
}

.header-title {
    color: #f5faf0;
    



}
.services {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 20px;
}

.service {
    width: 20%;
}

.service-icon {
    width: 50px;
    height: 50px;
    fill: #333;
    margin-bottom: 10px;
}

h4 {
    color: #555;
    font-size: 1.1em;
}




/* Per schermi smartphone (massimo 768px) */
@media only screen and (max-width: 768px) {
    .fc-month-year {
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 11px;
        z-index: 10;
    }
}

/* Per schermi più grandi (oltre 768px) */
@media only screen and (min-width: 769px) {
    .fc-month-year {
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 14px;
        z-index: 10;
    }
}