:root {
    --primary: #bf4b00;
    --primary-foreground: #fff;
    --secondary: #bf4b001a;
    --secondary-foreground: #bf4b00;
    --primary-lightest: #bf4b001a;
}

.bg-grey-lightest {
    background-color: #faf8f5 !important;
}

.nav-secondary {
    background: #cc9a34 !important;
}

.nav-item-secondary-link {
    color: #fff !important;
}

.nav-item.active .nav-item-link,
.nav-item-link:hover {
    border-color: #bf4b00;
}

.btn-primary {
    border-color: #bf4b00 !important;
    background-color: #bf4b00 !important;
    color: #fff !important;
}

.custom-logo {
    content: url(./images/diocesetucson-logo.png);
    height: 70px;
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
    .custom-logo {
        height: 120px;
    }
}

.landingslider {
    background: url(./images/diocesetucson-background.png) no-repeat;
    background-position: top center;
    background-size: cover;
}

.datepicker td.active,
.datepicker td.active:hover {
    background-color: var(--primary);
}

#footer-container {
    background-color: #ede9dd !important;
    color: #693e1a;
    border-top: 2px solid #693e1a66;
}

.footer-link a {
    color: #693e1a;
}

.text-tucson {
    color: #693e1a !important;
}

a.underline,
.btn-text.underline {
    color: var(--primary) !important;
}