:root{--mcfc-red:#ed1d24;--mcfc-gold:#f5b428;--mcfc-black:#0b0b0b;--mcfc-white:#fff;--mcfc-header-h:96px} #mcfcPublicSiteHeader,#mcfcPublicSiteHeader *{box-sizing:border-box} #mcfcPublicSiteHeader{font-family:"Brown","Brown Regular",Arial,sans-serif;position:absolute;left:0;right:0;top:0;width:100%;height:0;min-height:0;margin:0;padding:0;z-index:100000;background:transparent;overflow:visible} #mcfcPublicMenu{position:fixed;left:0;right:0;top:0;height:var(--mcfc-header-h);margin:0;z-index:100001;background:transparent!important;border-bottom:0;transition:background .28s ease,box-shadow .28s ease,border-color .28s ease,color .28s ease} #mcfcPublicMenu.stuck{background:#fff!important;border-bottom:0;box-shadow:0 8px 28px rgba(0,0,0,.10)} #mcfcPublicSiteHeader .mcfc-public-inner{width:calc(100% - 48px);max-width:1500px;margin:0 auto} .mcfc-header-row{height:100%;display:flex;align-items:center;gap:24px} .mcfc-public-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none} .mcfc-public-top-logo{width:90px;height:94px;display:flex;align-items:center;justify-content:center;transition:width .28s ease,height .28s ease} .mcfc-public-top-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))} #mcfcPublicMenu.stuck .mcfc-public-top-logo{width:78px;height:84px} .mcfc-public-nav{height:100%;display:flex;align-items:stretch;gap:2px;min-width:0;flex:1} .mcfc-public-nav>a,.mcfc-public-nav>button{appearance:none;border:0;background:transparent;display:flex;align-items:center;position:relative;padding:0 12px;color:#fff;text-decoration:none;text-transform:uppercase;font:700 12px/1 "Brown","Brown Regular",Arial,sans-serif;letter-spacing:.045em;white-space:nowrap;cursor:pointer;transition:color .22s ease} .mcfc-public-nav>a:after,.mcfc-public-nav>button:after{content:"";position:absolute;left:12px;right:12px;bottom:21px;height:2px;background:var(--mcfc-gold);transform:scaleX(0);transform-origin:left;transition:transform .22s ease} .mcfc-public-nav>a:hover:after,.mcfc-public-nav>button:hover:after,.mcfc-public-nav>button[aria-expanded="true"]:after{transform:scaleX(1)} #mcfcPublicMenu.stuck .mcfc-public-nav>a,#mcfcPublicMenu.stuck .mcfc-public-nav>button{color:var(--mcfc-black)} .mcfc-public-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto} .mcfc-public-actions a,.mcfc-public-actions button{text-decoration:none;text-transform:uppercase;font:700 11px/1 "Brown","Brown Regular",Arial,sans-serif;letter-spacing:.04em} .mcfc-header-utility{color:#fff;padding:12px 8px;transition:color .2s ease} #mcfcPublicMenu.stuck .mcfc-header-utility{color:var(--mcfc-black)} .mcfc-header-search{width:40px;height:40px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0} .mcfc-header-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8} #mcfcPublicMenu.stuck .mcfc-header-search{color:var(--mcfc-black)} .mcfc-header-portal{height:42px;padding:0 14px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.66);color:#fff;transition:all .2s ease} .mcfc-header-portal:hover{background:#fff;color:var(--mcfc-black)} #mcfcPublicMenu.stuck .mcfc-header-portal{border-color:#cfcfcf;color:var(--mcfc-black)} #mcfcPublicMenu.stuck .mcfc-header-portal:hover{border-color:var(--mcfc-black);background:var(--mcfc-black);color:#fff} .mcfc-header-register{height:42px;padding:0 18px;display:flex;align-items:center;background:var(--mcfc-red);color:#fff!important;border:1px solid var(--mcfc-red);box-shadow:inset 0 -3px 0 var(--mcfc-gold)} .mcfc-header-register:hover{background:#c9181e;border-color:#c9181e} .mcfc-public-mobile-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:10px;cursor:pointer} .mcfc-public-mobile-toggle span{display:block;height:2px;background:#fff;margin:5px 0;transition:background .2s ease,transform .2s ease} #mcfcPublicMenu.stuck .mcfc-public-mobile-toggle span{background:var(--mcfc-black)} .mcfc-public-mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--mcfc-black);border-top:1px solid #ececec;box-shadow:0 18px 40px rgba(0,0,0,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .24s ease,visibility .2s ease} .mcfc-public-mega.open{opacity:1;visibility:visible;pointer-events:auto;transform:none} .mcfc-public-mega-inner{width:calc(100% - 48px);max-width:1500px;margin:0 auto;padding:34px 0 40px;display:grid;grid-template-columns:320px 1fr;gap:50px} .mcfc-public-mega-title small{display:block;color:var(--mcfc-red);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px} .mcfc-public-mega-title h2{margin:0;font-size:38px;line-height:.95;letter-spacing:-.035em;text-transform:uppercase;color:var(--mcfc-black)} .mcfc-public-mega-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dedede} .mcfc-public-mega-links a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;color:var(--mcfc-black);text-decoration:none;padding:16px 12px;border-bottom:1px solid #dedede;border-right:1px solid #dedede;font-size:13px} .mcfc-public-mega-links a:nth-child(3n){border-right:0}.mcfc-public-mega-links a:hover{background:#f6f6f6;color:var(--mcfc-red)} .mcfc-public-mega-links strong{font-weight:700;text-transform:uppercase}.mcfc-public-mega-links b{font-size:18px;color:var(--mcfc-red)} .mcfc-mobile-overlay{position:fixed;inset:0;z-index:100010;background:rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease} .mcfc-mobile-overlay.open{opacity:1;visibility:visible;pointer-events:auto} .mcfc-mobile-panel{position:absolute;right:0;top:0;width:min(440px,92vw);height:100%;background:#fff;overflow:auto;transform:translateX(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);padding:0 20px 28px} .mcfc-mobile-overlay.open .mcfc-mobile-panel{transform:none} .mcfc-mobile-head{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7e7}.mcfc-mobile-head img{width:68px;height:76px;object-fit:contain}.mcfc-mobile-close{border:0;background:transparent;font-size:38px;line-height:1;color:#111;cursor:pointer} .mcfc-mobile-menu-list{display:block}.mcfc-mobile-menu-list>a,.mcfc-mobile-row{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #e6e6e6;background:transparent;color:#111;text-decoration:none;text-transform:uppercase;font:700 17px/1 "Brown","Brown Regular",Arial,sans-serif;padding:18px 2px;text-align:left;cursor:pointer} .mcfc-mobile-row b{font-size:25px;font-weight:400;transition:transform .2s ease}.mcfc-mobile-row.open b{transform:rotate(45deg)} .mcfc-mobile-sub{display:none;padding:4px 0 8px 14px;border-bottom:1px solid #e6e6e6}.mcfc-mobile-sub.open{display:block}.mcfc-mobile-sub a{display:block;color:#333;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;padding:10px 0} .mcfc-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.mcfc-mobile-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #d5d5d5;color:#111;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:700}.mcfc-mobile-actions a.register{background:var(--mcfc-red);border-color:var(--mcfc-red);color:#fff;box-shadow:inset 0 -3px 0 var(--mcfc-gold)} body.mcfc-mobile-menu-open{overflow:hidden!important} .mcfc-search-modal{position:fixed;inset:0;z-index:100020;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.mcfc-search-modal.open{opacity:1;visibility:visible;pointer-events:auto}.mcfc-search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(5px)} .mcfc-search-dialog{position:relative;width:min(880px,calc(100% - 32px));background:#fff;padding:42px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.mcfc-search-close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:34px;cursor:pointer}.mcfc-search-kicker{display:block;color:var(--mcfc-red);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em}.mcfc-search-dialog h2{margin:8px 0 24px;font-size:clamp(34px,5vw,62px);line-height:.95;text-transform:uppercase;color:#111}.mcfc-live-search-field{display:grid;grid-template-columns:34px 1fr auto;align-items:center;border-bottom:2px solid #111}.mcfc-live-search-field svg{width:22px;height:22px;fill:none;stroke:#111;stroke-width:1.8}.mcfc-live-search-field input{border:0;outline:0;font:400 20px/1.2 "Brown","Brown Regular",Arial,sans-serif;padding:15px 6px}.mcfc-live-search-field button{border:0;background:var(--mcfc-red);color:#fff;text-transform:uppercase;font-weight:700;padding:13px 18px;cursor:pointer}.mcfc-live-search-status{font-size:12px;color:#666;margin:16px 0}.mcfc-live-search-results{display:grid}.mcfc-live-search-result{display:grid;grid-template-columns:72px 1fr 24px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #e2e2e2;color:#111;text-decoration:none}.mcfc-live-search-result small{color:var(--mcfc-red);font-weight:700;text-transform:uppercase}.mcfc-live-search-result strong{display:block;text-transform:uppercase}.mcfc-live-search-result span{display:block;color:#666;font-size:13px;margin-top:4px}.mcfc-live-search-result b{color:var(--mcfc-red);font-size:20px} body.mcfc-search-open{overflow:hidden!important} /* The header overlays the hero. Hero height remains the full viewport. */ body.mcfc-plugin-public-page{--mcfc-public-header-height:0px!important} @media(max-width:1220px){.mcfc-public-nav>a,.mcfc-public-nav>button{padding-left:8px;padding-right:8px;font-size:11px}.mcfc-public-actions{gap:5px}.mcfc-header-shoutouts,.mcfc-header-shop{display:none}.mcfc-header-portal{padding:0 10px}} @media(max-width:980px){:root{--mcfc-header-h:78px}#mcfcPublicSiteHeader .mcfc-public-inner{width:calc(100% - 28px)}.mcfc-public-top-logo{width:72px;height:76px}#mcfcPublicMenu.stuck .mcfc-public-top-logo{width:66px;height:70px}.mcfc-public-nav,.mcfc-public-actions{display:none}.mcfc-header-row{justify-content:space-between}.mcfc-public-mobile-toggle{display:block}.mcfc-public-mega{display:none}.mcfc-public-mega-inner{width:calc(100% - 28px)} } @media(max-width:600px){.mcfc-search-dialog{padding:32px 20px}.mcfc-live-search-field{grid-template-columns:28px 1fr}.mcfc-live-search-field button{grid-column:1/-1;margin-top:10px}.mcfc-live-search-result{grid-template-columns:58px 1fr 20px}} @media(prefers-reduced-motion:reduce){#mcfcPublicMenu,.mcfc-public-top-logo,.mcfc-public-mega,.mcfc-mobile-overlay,.mcfc-mobile-panel,.mcfc-search-modal{transition:none!important}} /* v3.12.5 — visible white-bar drop + nav/logo landing animation */ #mcfcPublicMenu{ height:106px; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible; transition:height .42s cubic-bezier(.16,1,.3,1); } #mcfcPublicMenu::before{ content:""; position:absolute; z-index:-1; left:0; right:0; top:0; height:92px; background:#fff; border:0; box-shadow:0 8px 28px rgba(0,0,0,.10); transform:translateY(-110%); opacity:0; pointer-events:none; transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .18s ease; } #mcfcPublicMenu .mcfc-header-row{ padding-top:10px; transition:padding-top .36s cubic-bezier(.16,1,.3,1); } #mcfcPublicMenu.stuck{ height:92px; background:transparent!important; border:0!important; box-shadow:none!important; } #mcfcPublicMenu.stuck::before{ transform:translateY(0); opacity:1; } #mcfcPublicMenu.stuck .mcfc-header-row{padding-top:0} /* These classes are added for one animation cycle each time the 120px threshold is crossed. */ #mcfcPublicMenu.stuck.stuck-enter .mcfc-public-brand{ animation:mcfcHeaderLand .58s .08s cubic-bezier(.16,1,.3,1) both; } #mcfcPublicMenu.stuck.stuck-enter .mcfc-public-nav{ animation:mcfcHeaderLand .58s .14s cubic-bezier(.16,1,.3,1) both; } #mcfcPublicMenu.stuck.stuck-enter .mcfc-public-actions, #mcfcPublicMenu.stuck.stuck-enter .mcfc-public-mobile-toggle{ animation:mcfcHeaderLand .58s .20s cubic-bezier(.16,1,.3,1) both; } @keyframes mcfcHeaderLand{ 0%{opacity:0;transform:translateY(-34px)} 72%{opacity:1;transform:translateY(3px)} 100%{opacity:1;transform:translateY(0)} } @media(max-width:980px){ #mcfcPublicMenu{height:92px} #mcfcPublicMenu::before{height:78px} #mcfcPublicMenu .mcfc-header-row{padding-top:9px} #mcfcPublicMenu.stuck{height:78px} #mcfcPublicMenu.stuck .mcfc-header-row{padding-top:0} } @media(prefers-reduced-motion:reduce){ #mcfcPublicMenu,#mcfcPublicMenu::before,#mcfcPublicMenu .mcfc-header-row{transition:none!important} #mcfcPublicMenu.stuck.stuck-enter .mcfc-public-brand, #mcfcPublicMenu.stuck.stuck-enter .mcfc-public-nav, #mcfcPublicMenu.stuck.stuck-enter .mcfc-public-actions, #mcfcPublicMenu.stuck.stuck-enter .mcfc-public-mobile-toggle{animation:none!important} } /* v3.12.6 — scrolled crest overhang */ #mcfcPublicMenu.stuck .mcfc-public-brand{ position:relative; z-index:4; overflow:visible; } #mcfcPublicMenu.stuck .mcfc-public-top-logo{ width:92px; height:108px; transform:translateY(10px); overflow:visible; transition:width .34s cubic-bezier(.16,1,.3,1),height .34s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1); } #mcfcPublicMenu.stuck .mcfc-public-top-logo img{ position:relative; z-index:5; max-width:100%; max-height:100%; } @media(max-width:980px){ #mcfcPublicMenu.stuck .mcfc-public-top-logo{ width:74px; height:92px; transform:translateY(8px); } } @media(prefers-reduced-motion:reduce){ #mcfcPublicMenu.stuck .mcfc-public-top-logo{transition:none!important} } /* v3.12.7 — neutralise browser/theme blue states on Club Information menu control */ #mcfcPublicMenu .mcfc-club-toggle, #mcfcPublicMenu .mcfc-club-toggle:hover, #mcfcPublicMenu .mcfc-club-toggle:focus, #mcfcPublicMenu .mcfc-club-toggle:focus-visible, #mcfcPublicMenu .mcfc-club-toggle:active, #mcfcPublicMenu .mcfc-club-toggle[aria-expanded="true"]{ background:transparent!important; background-color:transparent!important; box-shadow:none!important; outline:none; border:0!important; color:#fff; } #mcfcPublicMenu.stuck .mcfc-club-toggle, #mcfcPublicMenu.stuck .mcfc-club-toggle:hover, #mcfcPublicMenu.stuck .mcfc-club-toggle:focus, #mcfcPublicMenu.stuck .mcfc-club-toggle:focus-visible, #mcfcPublicMenu.stuck .mcfc-club-toggle:active, #mcfcPublicMenu.stuck .mcfc-club-toggle[aria-expanded="true"]{ background:transparent!important; background-color:transparent!important; color:var(--mcfc-black)!important; } /* v3.2.18 — utility underline positioned below Shoutouts / Shop text */ #mcfcPublicMenu .mcfc-header-shoutouts, #mcfcPublicMenu .mcfc-header-shop{ position:relative; } #mcfcPublicMenu .mcfc-header-shoutouts::after, #mcfcPublicMenu .mcfc-header-shop::after{ content:""; position:absolute; left:8px; right:8px; bottom:4px; height:2px; background:var(--mcfc-gold); transform:scaleX(0); transform-origin:left; transition:transform .22s ease; } #mcfcPublicMenu .mcfc-header-shoutouts:hover::after, #mcfcPublicMenu .mcfc-header-shoutouts:focus-visible::after, #mcfcPublicMenu .mcfc-header-shop:hover::after, #mcfcPublicMenu .mcfc-header-shop:focus-visible::after{ transform:scaleX(1); } #mcfcPublicMenu .mcfc-header-register, #mcfcPublicMenu .mcfc-header-register:hover, #mcfcPublicMenu .mcfc-header-register:focus, #mcfcPublicMenu .mcfc-header-register:active, .mcfc-mobile-actions a.register{ box-shadow:none!important; } /* v3.2.19 — align utility underlines with primary navigation + Colts-red search */ #mcfcPublicMenu .mcfc-header-shoutouts, #mcfcPublicMenu .mcfc-header-shop{ align-self:stretch; display:flex; align-items:center; padding-top:0; padding-bottom:0; } #mcfcPublicMenu .mcfc-header-shoutouts::after, #mcfcPublicMenu .mcfc-header-shop::after{ bottom:21px; } #mcfcPublicMenu .mcfc-header-search, #mcfcPublicMenu .mcfc-header-search:hover, #mcfcPublicMenu .mcfc-header-search:focus, #mcfcPublicMenu .mcfc-header-search:focus-visible, #mcfcPublicMenu .mcfc-header-search:active, #mcfcPublicMenu.stuck .mcfc-header-search, #mcfcPublicMenu.stuck .mcfc-header-search:hover, #mcfcPublicMenu.stuck .mcfc-header-search:focus, #mcfcPublicMenu.stuck .mcfc-header-search:focus-visible, #mcfcPublicMenu.stuck .mcfc-header-search:active{ background:var(--mcfc-red)!important; background-color:var(--mcfc-red)!important; color:#fff!important; border-color:var(--mcfc-red)!important; } #mcfcPublicMenu .mcfc-header-search svg{stroke:#fff!important;}