.progress { 
    position:relative; width:100%; 
}
    
.bar { 
    background-color: #b5076f; width:0%; height:20px; 
}
        
.percent { 
    position:absolute; display:inline-block; left:50%; color: #040608;
}

.carousel-control-prev, .carousel-control-next {
    color: black !important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
}

.carousel-indicators li {
    background-color: black !important;
}

.carousel-caption h5, .carousel-caption p {
    color: black !important;
}

footer {
    background-color: white !important;
}

#img-patricia {
    float: left !important;
    width: 50% !important;
}

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

.img-circle {
    border-radius: 50% !important;
}

.fa-6 {
    font-size: 30px !important;
}

.navbar {
    background-color: #A5D6A7 !important;
    color: black !important;
}

.nav-link {
    color: black !important;
    font-family: "open sans" !important;
    font-size: 16px;
}

#carouselParroquia {
    width: 75%;
    margin: auto;
}

.page-footer {
    background-color: #e8f5e9 !important;
    font-family: pt sans;
}

.page-footer p {
    color: #81C784 !important;
}

.page-footer h5 {
    color: #81C784 !important;
}

.card-img-overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#app {
    min-height: calc(100vh - 195px);
}

#google-maps {
    margin: auto;
    text-align: center;
}

#google-maps-iframe {
    width: 70%;
    height: 450px;
}

#church-body {
    width: 75%;
    margin: auto;
}

#collapseHistory {
    padding-left: 10px;
}

.card-header {
    font-size: 20px;
    font-weight: bold;
    background-color: #e8f5e9 !important;
    color: #4CAF50 !important;
}