@massds/mayflower-assets/css/callout-link.min.css

Mayflower Assets

:root{--mf-c-bay-blue-90-tint: #E8EEF4;--mf-c-bay-blue-80-tint: #D0DDE9;--mf-c-bay-blue-70-tint: #B9CCDD;--mf-c-bay-blue-60-tint: #A1BBD2;--mf-c-bay-blue-50-tint: #8AAAC7;--mf-c-bay-blue-40-tint: #7299BC;--mf-c-bay-blue-30-tint: #5B88B1;--mf-c-bay-blue-20-tint: #4377A5;--mf-c-bay-blue-10-tint: #2C669A;--mf-c-bay-blue: #14558f;--mf-c-bay-blue-10-shade: #124D81;--mf-c-bay-blue-20-shade: #104472;--mf-c-bay-blue-30-shade: #0E3C64;--mf-c-bay-blue-40-shade: #0C3356;--mf-c-bay-blue-50-shade: #0A2B48;--mf-c-bay-blue-light: #4377A5;--mf-c-bay-blue-lighter: #8AAAC7;--mf-c-bay-blue-lightest: #E8EEF4;--mf-c-bay-blue-darker: #0E3C64;--mf-c-bay-blue-darkest: #0A2B48;--mf-c-berkshires-green-90-tint: #EBF3EE;--mf-c-berkshires-green-80-tint: #D7E7DD;--mf-c-berkshires-green-70-tint: #C3DACD;--mf-c-berkshires-green-60-tint: #AFCEBC;--mf-c-berkshires-green-50-tint: #9CC2AB;--mf-c-berkshires-green-40-tint: #88B69A;--mf-c-berkshires-green-30-tint: #74AA89;--mf-c-berkshires-green-20-tint: #609D79;--mf-c-berkshires-green-10-tint: #4C9168;--mf-c-berkshires-green: #388557;--mf-c-berkshires-green-10-shade: #32784E;--mf-c-berkshires-green-20-shade: #2D6A46;--mf-c-berkshires-green-30-shade: #275D3D;--mf-c-berkshires-green-40-shade: #225034;--mf-c-berkshires-green-50-shade: #1C432C;--mf-c-berkshires-green-lighter: #9CC2AB;--mf-c-berkshires-green-lightest: #D7E7DD;--mf-c-berkshires-green-dark: #214F34;--mf-c-berkshires-green-darker: #275D3D;--mf-c-berkshires-green-darkest: #1C432C;--mf-c-duckling-yellow-90-tint: #FEF9E8;--mf-c-duckling-yellow-80-tint: #FDF3D1;--mf-c-duckling-yellow-70-tint: #FCEEBB;--mf-c-duckling-yellow-60-tint: #FBE8A4;--mf-c-duckling-yellow-50-tint: #FBE28D;--mf-c-duckling-yellow-40-tint: #FADC76;--mf-c-duckling-yellow-30-tint: #F9D65F;--mf-c-duckling-yellow-20-tint: #F8D149;--mf-c-duckling-yellow-10-tint: #F7CB32;--mf-c-duckling-yellow: #f6c51b;--mf-c-duckling-yellow-10-shade: #DDB118;--mf-c-duckling-yellow-20-shade: #C59E16;--mf-c-duckling-yellow-30-shade: #AC8A13;--mf-c-duckling-yellow-40-shade: #947610;--mf-c-duckling-yellow-50-shade: #7B630E;--mf-c-duckling-yellow-lighter: #FBE28D;--mf-c-duckling-yellow-lightest: #FEF9E8;--mf-c-duckling-yellow-darker: #AC8A13;--mf-c-duckling-yellow-darkest: #7B630E;--mf-c-independence-cranberry-90-tint: #F0E7E8;--mf-c-independence-cranberry-80-tint: #E1CED2;--mf-c-independence-cranberry-70-tint: #D2B6BB;--mf-c-independence-cranberry-60-tint: #C39DA5;--mf-c-independence-cranberry-50-tint: #B4858E;--mf-c-independence-cranberry-40-tint: #A46C77;--mf-c-independence-cranberry-30-tint: #955461;--mf-c-independence-cranberry-20-tint: #863B4A;--mf-c-independence-cranberry-10-tint: #772334;--mf-c-independence-cranberry: #680A1D;--mf-c-independence-cranberry-10-shade: #5E091A;--mf-c-independence-cranberry-20-shade: #530817;--mf-c-independence-cranberry-30-shade: #490714;--mf-c-independence-cranberry-40-shade: #3E0611;--mf-c-independence-cranberry-50-shade: #34050F;--mf-c-independence-cranberry-lighter: #B4858E;--mf-c-independence-cranberry-lightest: #F0E7E8;--mf-c-independence-cranberry-darker: #490714;--mf-c-independence-cranberry-darkest: #34050F;--mf-c-revolution-gray: #141414;--mf-c-granite-gray: #535353;--mf-c-atlantic-gray: #707070;--mf-c-overcast-gray: #DCDCDC;--mf-c-platinum-gray: #F2F2F2;--mf-c-black: #000000;--mf-c-gray-darkest: #141414;--mf-c-gray-dark: #535353;--mf-c-gray: #707070;--mf-c-gray-light: #DCDCDC;--mf-c-gray-lighter: #CCCCCC;--mf-c-gray-lightest: #F2F2F2;--mf-c-white: white;--mf-c-error-red: #CD0D0D;--mf-c-error-red-lighter: #EEACAC;--mf-c-error-red-lightest: #FCF3F3;--mf-c-focus-hightlight: #3e94cf}:root{--mf-c-primary: #14558f;--mf-c-primary-light: #4377A5;--mf-c-primary-lighter: #8AAAC7;--mf-c-primary-lightest: #E8EEF4;--mf-c-primary-alt: #388557;--mf-c-primary-alt-lighter: #9CC2AB;--mf-c-primary-alt-lightest: #D7E7DD;--mf-c-primary-alt-dark: #214F34;--mf-c-highlight: #f6c51b;--mf-c-highlight-lighter: #FBE28D;--mf-c-highlight-lightest: #FEF9E8;--mf-c-error: #CD0D0D;--mf-c-error-lighter: #EEACAC;--mf-c-error-lightest: #FCF3F3;--mf-c-warning: #f6c51b;--mf-c-success: #388557;--mf-c-focus: #3e94cf;--mf-c-link: #7299BC;--mf-c-visited: #772334;--mf-c-font-base: #141414;--mf-c-font-detail: #535353;--mf-c-font-dark: #141414;--mf-c-font-medium: #707070;--mf-c-font-heading: #141414;--mf-c-font-inverse: white;--mf-c-font-link: #14558f;--mf-c-font-error: #CD0D0D;--mf-c-bg: white;--mf-c-bg-comp-title: #535353;--mf-c-bg-subtle: #F2F2F2;--mf-c-bg-section: #F2F2F2;--mf-c-bd: #DCDCDC;--mf-c-bd-divider: #DCDCDC;--mf-c-bd-divider-dark: #535353;--mf-c-bd-error: #CD0D0D;--mf-c-bd-input: #707070;--mf-c-box-shadow-black: rgba(0, 0, 0, 0.25)}.ma__input{background-color:var(--mf-c-bg);border:2px solid var(--mf-c-bd-input);color:var(--mf-c-font-base);font-size:1.125rem;font-weight:400;max-width:100%;padding:0 18px}.ma__input:not([type=checkbox]):not([type=radio]){min-height:40px}.ma__input:focus{outline:2px solid var(--mf-c-focus);outline-offset:2px;border-color:var(--mf-c-bd-input)}.ma__input.has-error{border-color:var(--mf-c-bd-error)}@media(forced-colors: active){.ma__input.has-error{border-color:Mark}}.ma__callout-link{border:3px solid;display:flex;width:100%;flex-flow:column wrap;justify-content:center;padding:15px 20px;background-color:#e8eef4;border-color:var(--mf-c-link);box-shadow:0 .25rem .5rem var(--mf-c-box-shadow-black);text-decoration:none}@media(min-width: 621px){.ma__callout-link{padding:20px 30px}}.ma__callout-link:hover .ma__callout-link__text,.ma__callout-link:focus .ma__callout-link__text{border-bottom-color:var(--mf-c-link)}.ma__callout-link a{text-decoration:none}.ma__rich-text .ma__callout-link{border-bottom-width:3px}.ma__callout-link>span{width:100%}.ma__callout-link__container{font-size:1.375rem;line-height:1.3;vertical-align:middle;padding-right:.8em;width:100%}.ma__callout-link__text{border-bottom:3px solid transparent;padding-top:3px;padding-bottom:1px;transition:border .4s ease;text-decoration:none;display:inline}.ma__callout-link__text:hover{border-bottom-width:3px;border-bottom-style:solid;text-decoration:none}.ma__callout-link__text svg{display:inline-block;height:.6em;margin-right:-0.8em;width:.6em;fill:var(--mf-c-font-link)}.ma__callout-link__description{display:none;padding-top:10px;font-size:1rem;font-weight:400;color:#14558f}@media(min-width: 481px){.ma__callout-link__description{display:flex;align-content:stretch;align-items:center}}.ma__callout-link__eyebrow{background-color:var(--mf-c-bg-section);font-weight:600}.ma__callout-link__header{align-content:stretch;width:100%;display:inline-flex;justify-content:space-between;margin-bottom:10px;color:var(--mf-c-font-detail)}@media(min-width: 621px){.ma__callout-link__header{margin-bottom:15px}}.ma__callout-link__eyebrow,.ma__callout-link__time{font-size:calc(12.25rem / 16);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px}.ma__callout-link__emphasized{font-size:calc(14.75rem / 16);line-height:1;padding-top:15px;display:flex;color:var(--mf-c-font-base);font-weight:600}.ma__callout-link--white{background-color:var(--mf-c-bg);border-color:#cbcbcb;box-shadow:0 .25rem .5rem var(--mf-c-box-shadow-black)}.ma__callout-link__info{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}