:root {
    --color-background: #ffae00;
    --color-black: #282832;
    --color-white: #ffffff;
    --color-brown: #6e4e07;
    --color-brown-light: #fceac2;
    --color-red: #7b0000;
}

.masses-time, .sacraments-time, .secretary-time{
    margin-top: 100px;
    margin-bottom: 150px;
}

.masses-time h3, .sacraments-time h3, .secretary-time h3{
    color: var(--color-brown);
    margin-bottom: 40px;
}
.schedule-section {
    /* padding: 60px 0; */
    text-align: center;
}

.schedule-title {
    color: var(--color-black);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.table-bordered td{
    border: 1px solid var(--color-brown);
}

.table thead {
    background-color: var(--color-background);
    color: var(--color-black);
}

.table thead th{
    border: 1px solid var(--color-brown);
}

.table tbody{
    background-color: var(--color-brown-light);
}

.table tbody tr td{
    color: var(--color-black);
}

.info-box{
    background: var(--color-brown-light);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    box-shadow: 0px 4px 10px var(--color-brown);
}

.info-box h4{
    color: var(--color-black);
    margin-top: 10px;
    margin-bottom: 20px;
}

.btn-warning{
    color: var(--color-white);
    background-color: var(--color-red);
    border-color: var(--color-red);
    margin-top: 25px;
}

.btn-warning:hover{
    color: var(--color-red);
    background-color: var(--color-brown-light);
    border: 1px solid var(--color-red);
    transition: 1s;
}



.btnLocal{
    color: var(--color-brown-light);
    width: 5px;
    background-color: var(--color-brown);
    padding: 10px;
    border-radius: 10px;
}

.btnLocal:hover{
    background-color: var(--color-brown);
    color: var(--color-brown-light);
}