/* Generated by the CMS from Site Settings > Colors. Do not edit by hand. */
:root { --orange: #f59e0b; --magenta: #d81b60; --navy: #2e2a72; --header-navy: #1a2b4c; }
/* Extras used by the footer / CMS-generated markup */
.fcontact { list-style: none; padding: 0; display: grid; gap: .9rem; }
.fcontact li { display: flex; gap: .8rem; align-items: flex-start; font-size: .92rem; line-height: 1.5; }
.fcontact i { color: var(--orange); margin-top: .3rem; width: 1rem; text-align: center; }
.fcontact a { color: #b4c3dd; text-decoration: none; }
.fcontact a:hover { color: var(--orange); }
.fsocial { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.4rem; }
.fsocial a { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.1); color: #fff; text-decoration: none; transition: background .2s, transform .2s; }
.fsocial a:hover { background: var(--magenta); transform: translateY(-2px); }
@media (min-width: 1025px) { .foot.cols2 { grid-template-columns: 1.5fr 1fr; } }
@media (max-width: 768px) { .fcontact li { justify-content: center; text-align: left; } .fsocial { justify-content: center; } }

body:not(.page-index):not(.page-mandatory-disclosure) footer { margin-top: 4rem; }