/* Union Monique Bank typography – Manrope (CDN fallback when local TTF is unavailable) */

@font-face {
    font-family: "ManropeLight";
    src: url("https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E_F_McnL.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ManropeRegular";
    src: url("https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E_F_McnL.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ManropeMedium";
    src: url("https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E_F_McnL.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ManropeSemiBold";
    src: url("https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E_F_McnL.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ManropeBold";
    src: url("https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E_F_McnL.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ManropeExtraBold";
    src: url("https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E_F_McnL.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --pds-font-header-light: ManropeLight, helvetica, arial, sans-serif !important;
    --pds-font-header-regular: ManropeRegular, helvetica, arial, sans-serif !important;
    --pds-font-header-medium: ManropeMedium, helvetica, arial, sans-serif !important;
    --pds-font-header-semi-bold: ManropeSemiBold, helvetica, arial, sans-serif !important;
    --pds-font-header-bold: ManropeBold, helvetica, arial, sans-serif !important;
    --pds-font-header-xtra-bold: ManropeExtraBold, helvetica, arial, sans-serif !important;
    --pds-font-body: ManropeRegular, helvetica, arial, sans-serif !important;
    --pds-font-body-bold: ManropeBold, helvetica, arial, sans-serif !important;
}

html,
body,
#wrapper,
.wrapper,
.admin-public-shell,
body.m-app,
body.rbc-login-body {
    font-family: ManropeRegular, helvetica, arial, sans-serif !important;
}

p,
li,
a,
span,
div,
label,
input,
select,
textarea,
button,
.btn,
.nav,
.navbar,
.dropdown-menu,
td,
dd,
dt,
blockquote,
figcaption,
address,
small,
em,
table,
.table,
.form-control,
.menu-label,
.menu-caption,
.m-a,
.featured-job,
.featured-job p,
.legal,
.security-message,
.copyright,
.mainFooter,
.mainFooter p,
.mainFooter a,
.mainFooter li,
.mainFooter span,
.mainFooter label,
.mainFooter input,
.mainFooter button,
.umb-footerNav,
.umb-footerNav a,
.umb-footerNav li,
.umb-footerCaption,
.umb-bankingCodes,
.umb-bankingCodes p,
.mainFooterLegal,
.mainFooterLegal a,
.pop-font-body,
.admin-public-shell p,
.admin-public-shell li,
.admin-public-shell label,
.admin-public-shell input,
.admin-public-shell select,
.admin-public-shell textarea,
.admin-public-shell button,
.admin-public-shell .btn,
.admin-public-shell td,
body.m-app p,
body.m-app li,
body.m-app label,
body.m-app input,
body.m-app select,
body.m-app textarea,
body.m-app button,
body.m-app .btn,
body.rbc-login-body,
body.rbc-login-body input,
body.rbc-login-body button,
body.rbc-login-body label {
    font-family: ManropeRegular, helvetica, arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.text-heading,
.page-heading,
.heading-w-divider,
.row-head,
.featured-head,
.jumbotron h1,
.jumbotron h2,
.banner-hero h1,
.banner-hero h2,
#randomBanner h2,
#hero h1,
#hero h2,
main h1,
main h2,
main h3,
.featured-job h3,
.mainFooterTitle,
.umb-footerNav__title,
footer.mainFooter .mainFooterTitle,
footer.mainFooter .mainFooterNav__link--bold,
footer.mainFooter .mainFooterNav__title,
.admin-page-hero-title,
.admin-page-title,
.admin-panel-title,
.m-page-title,
.m-section-title,
.m-card-title,
.rbc-signin-title {
    font-family: ManropeLight, helvetica, arial, sans-serif !important;
    font-weight: 300 !important;
}

strong,
b,
.font-weight-bold,
.table th,
table th,
.table tbody th {
    font-family: ManropeBold, helvetica, arial, sans-serif !important;
    font-weight: 700 !important;
}

/* Neutralize legacy inline font stacks */
[style*="DM Sans"],
[style*="Pangea"],
[style*="Gotham"],
[style*="Open Sans"],
[style*="Work Sans"],
[style*="Helvetica Neue"],
[style*="Circular Std"],
[style*="CircularBook"],
[style*="Lyon"],
[style*="LyonBold"],
[style*="LyonRegular"],
[style*="Tienne"] {
    font-family: inherit !important;
}

/* Preserve icon webfonts */
[class^="icon-pb-"]:before,
[class*=" icon-pb-"]:before,
.pb-icon {
    font-family: "pb-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
}

[class^="icon-pop-"]:before,
[class*=" icon-pop-"]:before {
    font-family: "site-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
}

.fa,
.fas,
.far,
.fal {
    font-family: "Font Awesome 5 Free" !important;
    font-style: normal !important;
}

.fab {
    font-family: "Font Awesome 5 Brands" !important;
    font-style: normal !important;
}

.menu-icon:before,
.ad-icon:before {
    content: none !important;
    display: none !important;
}

.menu-icon,
.ad-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

img.featured-icon,
.feature-icon img {
    width: 70px !important;
    height: 70px !important;
    min-height: 70px !important;
    max-width: 70px !important;
    margin: 10px auto auto !important;
    object-fit: contain;
    display: block;
}

.icon-fb,
.icon-tw,
.icon-yt,
.icon-blog,
.icon-instagram,
.icon-pinterest,
.icon-linkedin,
.icon-tumblr {
    background-color: #484b4e;
    background-size: 40px auto;
    background-position: center center;
    min-width: 38px;
    height: 45px;
    display: inline-block;
    float: left;
    padding-left: 25px !important;
    padding-right: 25px !important;
    background-repeat: no-repeat;
    text-decoration: none;
}

.icon-fb:before,
.icon-tw:before,
.icon-yt:before,
.icon-blog:before,
.icon-instagram:before,
.icon-pinterest:before,
.icon-linkedin:before,
.icon-tumblr:before {
    content: none !important;
    display: none !important;
}

.icon-fb { background-image: url(/public/assets/images/footer-icons_Facebook.svg); }
.icon-tw { background-image: url(/public/assets/images/footer-icons_Twitter-new.svg); }
.icon-yt {
    background-image: url(/public/assets/images/footer-icons_YouTube.svg);
    background-size: 45px auto;
    padding-left: 32px !important;
    padding-right: 32px !important;
}
.icon-blog { background-image: url(/public/assets/images/footer-icons_Blog.svg); }
.icon-instagram { background-image: url(/public/assets/images/footer-icons_Instagram.svg); }
.icon-linkedin { background-image: url(/public/assets/images/footer-icons_LinkedIn.svg); }
