@import '/Portals/_default/dng-pro-overrides.css';

/* Portal Overrides */

/* Custom Font */
@font-face {
    font-family: "AmsterdamOne";
    src: url(/Portals/g7-allsaints-mo/AmsterdamOne.ttf);
}

/* General Styles */
.banner-border {
    margin-bottom: 0;
}
.tp-shadow5 {
    box-shadow: none !important;
}
.home-parallax {
    background: url(/Portals/stcharlesborromeo/BorromeoSky.png) fixed;
    background-size: cover;
}
.home-welcome {
    margin-top: clamp(2rem, 4vw + 1rem, 6rem);
    margin-bottom: clamp(2rem, 4vw + 1rem, 6rem);
    margin-left: 1rem;
    margin-right: 1rem;
}
.color-black p {
    color: #191919 !important;
}
.banner-pane-bg {
    background: var(--accent-color3);
    padding: 1rem 1rem;
}

/* Home Banner Overlay */
.cm-banner-box {  
    bottom: 1rem;
    border: none;
    transform: translateX(-50%);
    top: unset;
}

/* Home Banner Font */
.cm-banner-home h1 {
    font-family: "AmsterdamOne", sans-serif;
    text-transform: none;
}

/* Ministries Icon Color */
.news-card--content i {
    color: var(--accent-color4) !important;
}

/* Mass Times Popup Modal Content */
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 95%;
    max-width: 900px;
    padding: 20px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
    overflow-y: auto;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    text-align: left;
}

/* Mass Schedule Text */
.mass-schedule {
    text-align: left;
    text-wrap: balance;
}

/* OLD Mass Modal — Hide */
.mass-modal {
    display: none;
}

/* NEW Mass Modal Button Position */
.mass-modal-new {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
}

.mass-modal-new .cm-btn.cm-modal-btn {
    background: #472994;
    font-weight: 500;
}

/* Buttons */
.btn-accent,
a.btn-accent {
    color: #ffffff;
    border-color: #212ae0;
    background-color: #212ae0;
    padding: 0.5rem;
}