@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/fonts/dm-sans-latin.woff2") format("woff2"); } @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/lato-regular-latin.woff2") format("woff2"); } @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/lato-bold-latin.woff2") format("woff2"); } @font-face { font-family: "Libre Franklin"; font-style: normal; font-weight: 600 700; font-display: swap; src: url("/fonts/libre-franklin-latin.woff2") format("woff2"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/fonts/montserrat-latin.woff2") format("woff2"); } :root { --body-font: "DM Sans", sans-serif; --heading-font: "Libre Franklin", sans-serif; --display-font: "Lato", sans-serif; --ink: #162927; --forest: #123c3a; --forest-dark: #0a2c2b; --sage: #b9c9bd; --mist: #edf1ec; --cream: #f7f4ed; --coral: #f17f5f; --white: #fff; --line: rgba(22, 41, 39, .16); --public-hero-height: 480px; --public-hero-copy-width: 1220px; --sticky-navigation-height: 98px; --form-field-background: var(--cream); --form-field-border-radius: 0; --form-field-padding: 11px 13px; --page: min(1180px, calc(100vw - 48px)); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--ink); background: var(--cream); font-family: var(--body-font); line-height: 1.6; } a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; } h1, h2, h3, p { margin-top: 0; } h1, h2, h3 { font-family: var(--heading-font); line-height: 1.08; letter-spacing: -.035em; } h1 { font-size: clamp(2.8rem, 7vw, 6.4rem); } h2 { font-size: clamp(1.8rem, 3.4vw, 3.2rem); } .site-header { position: sticky; z-index: 50; top: 0; background: var(--cream); border-bottom: 1px solid var(--line); box-shadow: 0 5px 18px rgba(10, 44, 43, .1); } body:has(.account-hero--registration) .header-utility { display: none; } body:has(.account-hero--registration) .header-inner { height: 76px; } body:has(.account-hero--registration) .brand-logo { max-height: 54px; } body:has(.account-hero--registration) .nav-link { padding-block: 24px 19px; } .header-utility { min-height: 30px; background: white; border-bottom: 1px solid var(--line); } .header-utility__inner { width: var(--page); min-height: 30px; margin: auto; display: flex; align-items: center; justify-content: flex-end; gap: 13px; } .header-utility__company { margin-right: auto; color: #4f605d; font-size: .7rem; font-weight: 600; letter-spacing: .02em; white-space: nowrap; } .header-utility__contact { display: inline-flex; align-items: center; gap: 4px; color: var(--forest); font-size: .72rem; letter-spacing: .025em; white-space: nowrap; } .header-utility__contact strong { font-weight: 700; } .header-utility__contact a { font-weight: 600; } .header-utility__contact a:hover, .header-utility__contact a:focus-visible { color: var(--coral); outline: none; } .header-admin-return { padding: 5px 10px; color: white; background: #a23a12; border: 1px solid #7c2d12; border-radius: 3px; box-shadow: 0 0 0 2px rgba(246, 196, 83, .45); font-size: .72rem; font-weight: 700; line-height: 1.2; white-space: nowrap; } .header-admin-return:hover, .header-admin-return:focus-visible { color: white; background: #7c2d12; border-color: #5f210c; outline: 3px solid #f6c453; outline-offset: 2px; } .header-social { display: flex; align-items: center; gap: 6px; } .header-social a { display: grid; width: 21px; height: 21px; place-items: center; color: white; background: var(--forest); border-radius: 50%; transition: background-color .15s ease, transform .15s ease; } .header-social a:hover, .header-social a:focus-visible { color: white; background: var(--coral); outline: none; transform: translateY(-1px); } .header-social a:focus-visible { box-shadow: 0 0 0 2px color-mix(in srgb, var(--coral) 35%, transparent); } .header-social svg { width: 11px; height: 11px; fill: currentColor; } .header-inner { width: 100%; height: 98px; padding-right: 24px; display: flex; align-items: center; justify-content: flex-start; } .brand { display: flex; width: min(310px, 30vw); margin-right: auto; align-items: center; justify-content: flex-start; flex-shrink: 0; } .brand-logo { width: 100%; margin: 0; max-height: 68px; object-fit: contain; object-position: left center; } .brand-mark { display: grid; place-items: center; width: 48px; height: 40px; color: var(--cream); background: var(--forest); font-family: var(--heading-font); font-weight: 700; letter-spacing: -.08em; } .site-nav { display: flex; margin-left: auto; align-items: center; gap: clamp(14px, 1.25vw, 22px); } .nav-link { border: 0; padding: 36px 0 31px; color: var(--ink); background: transparent; font: 600 .9rem var(--body-font); cursor: pointer; border-bottom: 3px solid transparent; } .nav-link:hover, .nav-link.active { color: var(--forest); border-color: var(--coral); } .nav-dropdown { position: relative; } .dropdown-trigger span { padding-left: 4px; } .dropdown-panel { position: absolute; top: 76px; right: 0; width: 280px; max-height: calc(100vh - 110px); padding: 10px; overflow-y: auto; background: white; box-shadow: 0 20px 50px rgba(10, 44, 43, .18); opacity: 0; pointer-events: none; transform: translateY(-8px); transition: .2s ease; } .nav-dropdown:hover .dropdown-panel, .dropdown-panel.is-open { opacity: 1; pointer-events: auto; transform: none; } .dropdown-panel a, .dropdown-panel .account-menu-action { display: block; width: 100%; padding: 10px 12px; color: var(--ink); background: transparent; border: 0; border-radius: 4px; font: 400 .9rem var(--body-font); text-align: left; cursor: pointer; } .dropdown-panel form { margin: 0; } .dropdown-panel a:hover, .dropdown-panel a:focus-visible, .dropdown-panel .account-menu-action:hover, .dropdown-panel .account-menu-action:focus-visible { background: var(--mist); outline: none; } .dropdown-panel--account { width: 210px; } .menu-button { display: none; padding: 8px; border: 0; background: none; } .menu-button span { display: block; width: 24px; height: 2px; margin: 5px; background: var(--ink); } @media (min-width: 1501px) { .header-inner { position: relative; padding-left: max(358px, calc((100vw - 1500px) / 2 + 334px)); } .brand { position: absolute; top: 50%; left: max(24px, calc((100vw - 1500px) / 2)); margin-right: 0; transform: translateY(-50%); } } .eyebrow { margin-bottom: 18px; color: #4d6e69; font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; } .eyebrow--light { color: var(--sage); } .button { display: inline-flex; min-height: 52px; padding: 0 25px; align-items: center; justify-content: center; border: 1px solid currentColor; font-weight: 700; transition: transform .2s, background .2s; } .button:hover { transform: translateY(-2px); } .button--accent { color: white; background: var(--coral); border-color: var(--coral); } .button--accent:hover { background: #ff9577; } .button--light { color: var(--forest); background: var(--cream); } .button--secondary { color: var(--ink); background: #d9dddc; border-color: #aeb8b5; } .button--secondary:hover { background: #c9cfcd; } .button--secondary:focus-visible { outline: 3px solid var(--coral); outline-offset: 2px; } .button--danger { color: white; background: #b42318; border-color: #7d1710; } .button--danger:hover { background: #8f1d14; border-color: #6f160f; } .button--account { color: white; background: #176987; border-color: #176987; } .button--account:hover { background: #2385aa; border-color: #2385aa; } .button--small { min-height: 40px; padding-inline: 15px; font-size: .78rem; } .course-registration-actions { display: flex; align-items: stretch; justify-content: flex-end; flex-wrap: wrap; gap: 12px; } .course-registration-actions form { display: flex; margin: 0; } .course-floating-registration { position: fixed; z-index: 45; right: max(22px, calc((100vw - 1380px) / 2)); bottom: 24px; padding: 8px; background: rgba(255,255,255,.96); border: 1px solid rgba(31,77,70,.2); border-radius: 7px; box-shadow: 0 12px 34px rgba(12,45,42,.24); backdrop-filter: blur(8px); } .course-floating-registration .button { min-width: 220px; text-align: center; box-shadow: 0 3px 10px rgba(12,45,42,.18); } .text-link { display: inline-block; margin-top: 22px; padding-bottom: 3px; color: var(--forest); font-weight: 700; border-bottom: 2px solid var(--coral); } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .flash-messages { display: grid; } .flash { display: flex; width: 100%; padding: 12px max(24px, calc((100vw - 1180px) / 2)); align-items: center; justify-content: space-between; gap: 16px; color: white; background: #39756e; font-weight: 700; } .flash__message { min-width: 0; } .flash--alert { background: #b42318; } .flash--notice { background: #07883f; } .impersonation-banner { display: flex; width: 100%; padding: 10px max(24px, calc((100vw - 1180px) / 2)); align-items: center; justify-content: space-between; gap: 18px; color: #172321; background: #f4c768; border-bottom: 1px solid #bf8d25; font-size: .9rem; } .impersonation-banner form { margin: 0; } .impersonation-banner__return { width: auto; padding: 7px 12px; color: white; background: #123c3a; border: 1px solid #123c3a; font: 700 .82rem/1.1 var(--body-font); cursor: pointer; } .checkin-roster__message { min-height: 1.25rem; margin: 4px 0 10px; color: #245c55; font-size: .86rem; font-weight: 700; } .checkin-roster__message--error { color: #b42318; } .checkin-roster-table th:not(:first-child), .checkin-roster-table__attendance { min-width: 105px; text-align: center; } .checkin-roster-table th:first-child, .checkin-roster-table td:first-child { min-width: 90px; text-align: left; } .checkin-roster-table th:nth-child(2), .checkin-roster-table td:nth-child(2) { min-width: 190px; text-align: left; } .checkin-roster-table .checkin-roster-checkbox { display: inline-block; width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; vertical-align: middle; cursor: pointer; accent-color: #0f665d; } .checkin-roster-table .checkin-roster-checkbox:disabled { cursor: wait; opacity: .6; } .course-enrollment-user-search { margin-bottom: 24px; } .course-enrollment-user-results__label { margin: 0 0 8px; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .course-enrollment-user-results { display: grid; max-height: 340px; margin-top: 10px; overflow-y: auto; border: 1px solid var(--line); } .course-enrollment-user-option { display: grid; min-height: 54px; padding: 10px 12px; grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 10px; background: white; border-bottom: 1px solid var(--line); cursor: pointer; } .course-enrollment-user-option:last-child { border-bottom: 0; } .course-enrollment-user-option:has(input:checked) { background: var(--mist); box-shadow: inset 4px 0 0 var(--forest); } .course-enrollment-user-option input[type="radio"] { width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; accent-color: var(--forest); } .course-enrollment-user-option strong, .course-enrollment-user-option small { display: block; } .course-enrollment-user-option small { margin-top: 2px; color: #60716e; font-size: .76rem; font-weight: 400; } .listing-hero { height: var(--public-hero-height); min-height: var(--public-hero-height); padding: 72px max(24px, calc((100vw - 1180px) / 2)); color: white; background: var(--forest-dark); display: flex; align-items: flex-end; justify-content: space-between; overflow: hidden; position: relative; } .listing-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 18, 18, .58) 0%, rgba(8, 18, 18, .32) 55%, rgba(8, 18, 18, .08) 100%), linear-gradient(0deg, rgba(8, 18, 18, .28), transparent 55%); } .listing-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .listing-hero__content { max-width: var(--public-hero-copy-width); position: relative; z-index: 1; text-shadow: 0 2px 14px rgba(0, 0, 0, .38); } .listing-hero h1 { max-width: 980px; margin-bottom: 28px; font-family: var(--display-font); font-size: 1.5rem; line-height: 1.35; letter-spacing: 0; } .listing-hero h1, .subpage-hero h1, .course-hero h1 { overflow-wrap: anywhere; text-wrap: balance; } .listing-hero h1 span { display: inline; margin-top: 0; color: var(--coral); font-size: 1em; line-height: inherit; letter-spacing: inherit; } .listing-hero__content > p:last-child { max-width: 590px; font-size: 1.15rem; color: #d9e2dd; } .hero-stat { position: relative; z-index: 2; display: flex; align-items: center; gap: 16px; padding: 22px; border-left: 1px solid rgba(255,255,255,.3); } .hero-stat strong { display: grid; gap: 2px; font: 700 3.5rem/1 var(--heading-font); color: var(--coral); } .hero-stat strong small { font: 700 .7rem/1 var(--body-font); text-transform: uppercase; letter-spacing: .14em; } .hero-stat span { font-size: .8rem; line-height: 1.35; text-transform: uppercase; letter-spacing: .08em; } .courses-section { width: var(--page); padding: 110px 0 130px; margin: auto; } .courses-section--home { padding: 48px 0 56px; } .courses-section--home .section-heading { margin-bottom: 24px; } .section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 50px; } .section-heading h2 { margin-bottom: 0; } .section-heading > p { max-width: 390px; color: #526562; } .section-heading--spaced { margin-top: 110px; } #category-one-bundles, #acpe-bundles { scroll-margin-top: calc(var(--sticky-navigation-height) + 20px); } .course-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 24px; } .course-card { background: var(--white); border-bottom: 3px solid transparent; transition: transform .25s, box-shadow .25s, border .25s; } .course-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(10,44,43,.1); border-color: var(--coral); } .card-image-link { display: block; aspect-ratio: 4 / 3; overflow: hidden; position: relative; background: var(--sage); } .card-image { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .course-card:hover .card-image { transform: scale(1.04); } .card-arrow { position: absolute; right: 15px; bottom: 15px; display: grid; place-items: center; width: 42px; height: 42px; color: white; background: var(--forest); font-size: 1.2rem; } .card-content { padding: 25px; } .card-content .eyebrow { margin-bottom: 10px; } .card-content h2 { min-height: 2.3em; margin-bottom: 24px; font-size: 1.55rem; } .card-content h2 a:hover { color: #2f615c; } .card-meta { display: grid; gap: 6px; padding-top: 17px; border-top: 1px solid var(--line); color: #556663; font-size: .88rem; } .card-meta span:first-child { color: var(--forest); font-weight: 700; } .empty-state { padding: 70px; text-align: center; background: white; } .demand-callout, .bottom-register { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; padding: 80px max(24px, calc((100vw - 1180px) / 2)); color: white; background: var(--forest); } .demand-callout--home { padding-block: 38px; } .demand-callout h2, .bottom-register h2 { margin-bottom: 18px; } .demand-callout p:last-child { margin: 0; color: var(--sage); } .demand-callout--home .demand-callout__button { min-height: 56px; max-width: 100%; padding: 8px 10px 8px 22px; color: var(--forest-dark); background: white; border: 0; border-radius: 4px; gap: 18px; box-shadow: 0 12px 28px rgba(4, 20, 19, .24); } .demand-callout--home .demand-callout__button::after { content: "→"; display: grid; width: 36px; height: 36px; color: white; background: var(--coral); border-radius: 50%; flex: 0 0 auto; place-items: center; font-size: 1.1rem; line-height: 1; transition: transform .2s, background .2s; } .demand-callout--home .demand-callout__button:hover { color: var(--forest-dark); background: var(--cream); box-shadow: 0 16px 34px rgba(4, 20, 19, .3); } .demand-callout--home .demand-callout__button:hover::after { background: #df6546; transform: translateX(3px); } .demand-callout--home .demand-callout__button:focus-visible { outline: 3px solid var(--coral); outline-offset: 4px; } .subpage-hero { padding: 110px max(24px, calc((100vw - 1180px) / 2)); color: white; background: var(--forest); } .subpage-hero h1 { margin-bottom: 24px; font-size: clamp(3rem, 6vw, 5.3rem); } .subpage-hero > p:last-child { max-width: 590px; margin-bottom: 0; color: #d9e2dd; font-size: 1.15rem; } .subpage-hero--compact { padding-block: 85px; } .subpage-hero--about-image, .subpage-hero--faculty, .subpage-hero--image { height: var(--public-hero-height); min-height: var(--public-hero-height); display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; position: relative; background: var(--forest-dark); } .subpage-hero--about-image::before, .subpage-hero--faculty::before, .subpage-hero--image::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(8, 18, 18, .58), rgba(8, 18, 18, .3) 62%, rgba(8, 18, 18, .1)), linear-gradient(0deg, rgba(8, 18, 18, .34), transparent 60%); } .subpage-hero--faculty::before { background: linear-gradient(90deg, rgba(8, 18, 18, .58), rgba(8, 18, 18, .28) 62%, rgba(8, 18, 18, .06)), linear-gradient(0deg, rgba(8, 18, 18, .32), transparent 60%); } .subpage-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .subpage-hero--faculty .subpage-hero__image { object-position: center 42%; } .subpage-hero--about-image > :not(.subpage-hero__image), .subpage-hero--faculty > :not(.subpage-hero__image), .subpage-hero--image > :not(.subpage-hero__image) { z-index: 2; max-width: var(--public-hero-copy-width); text-shadow: 0 2px 14px rgba(0, 0, 0, .35); } .on-demand-intro { width: var(--page); padding: 30px 0 12px; margin: auto; } .on-demand-intro--home { padding: 42px 0 8px; } .on-demand-intro__lead { display: grid; grid-template-columns: .85fr 1.4fr; gap: 52px; align-items: start; } .on-demand-intro--home .on-demand-intro__lead { grid-template-columns: 1fr 1.4fr; gap: 60px; } .on-demand-intro__lead .eyebrow { grid-column: 1; } .on-demand-intro__lead h2 { grid-column: 1; margin-top: -12px; font-size: clamp(2rem, 3.6vw, 3.4rem); } .on-demand-intro__lead > p:last-child { grid-column: 2; grid-row: 1 / span 2; margin-bottom: 0; font-size: 1.15rem; line-height: 1.8; } .on-demand-intro:not(.on-demand-intro--home) .on-demand-intro__lead h2 { font-size: clamp(1.8rem, 3vw, 2.75rem); line-height: 1.08; } .on-demand-intro__copy { grid-column: 2; grid-row: 2; margin-top: -12px; font-size: 1.02rem; line-height: 1.62; } .on-demand-intro__copy p { margin: 0 0 10px; } .on-demand-intro__copy p:last-child { margin-bottom: 0; } .credit-options { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 70px; background: var(--line); border: 1px solid var(--line); } .on-demand-intro--home .on-demand-intro__lead > p:last-child { grid-row: 1; margin-bottom: 0; line-height: 1.65; } .on-demand-intro--home .on-demand-intro__lead h2 { margin: 0; } .on-demand-intro--home .credit-options { margin-top: 1px; } .on-demand-intro--home .credit-options article { padding: 28px 30px; } .on-demand-intro--home .included-strip { margin-top: 16px; padding: 14px 18px; } .credit-options article { padding: 38px; background: white; } .credit-options article > span { color: var(--coral); font: 700 .8rem var(--display-font); letter-spacing: .12em; } .credit-options h3 { margin: 20px 0 14px; font-size: 1.35rem; } .credit-options p { color: #526562; } .included-strip { margin-top: 1px; padding: 34px 38px; color: white; background: var(--forest); } .included-strip .eyebrow { margin-bottom: 8px; color: var(--sage); } .included-strip ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; padding: 0; margin: 0; list-style: none; } .included-strip li { min-width: 0; font-size: .84rem; line-height: 1.3; } .included-strip a { display: flex; min-height: 36px; padding: 8px 10px; color: inherit; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.24); align-items: center; justify-content: space-between; gap: 8px; font-weight: 700; text-decoration: none; transition: color .2s, background .2s, border-color .2s, transform .2s; } .included-strip a::after { content: "→"; color: var(--coral); font-size: 1rem; line-height: 1; } .included-strip a:hover, .included-strip a:focus-visible { color: var(--forest-dark); background: white; border-color: white; transform: translateY(-1px); } .course-hero { height: var(--public-hero-height); min-height: var(--public-hero-height); color: white; position: relative; background: var(--forest-dark); } .course-hero--short { min-height: var(--public-hero-height); } .course-hero__image, .course-hero__overlay { position: absolute; inset: 0; width: 100%; height: 100%; } .course-hero__image { object-fit: cover; } .course-hero__overlay { background: linear-gradient(90deg, rgba(8, 18, 18, .62) 0%, rgba(8, 18, 18, .32) 58%, rgba(8, 18, 18, .1) 100%), linear-gradient(0deg, rgba(8, 18, 18, .38), transparent 50%); } .course-hero__content { width: auto; min-height: inherit; margin-right: 24px; margin-left: max(24px, calc((100vw - 1180px) / 2)); padding: 35px 0 70px; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 2; text-shadow: 0 2px 14px rgba(0, 0, 0, .38); } .back-link { width: max-content; font-size: .9rem; border-bottom: 1px solid rgba(255,255,255,.4); } .course-hero__bottom { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 18px 50px; } .course-hero__bottom > div:first-child { min-width: 0; flex: 1 0 100%; } .course-hero__bottom > :not(:first-child) { margin-left: 0; } .course-hero h1 { max-width: var(--public-hero-copy-width); margin-bottom: 28px; font-size: clamp(3rem, 6.5vw, 5.7rem); } .course-hero h1.course-hero__search-heading { margin-bottom: 14px; font-size: clamp(2.75rem, 5vw, 4.8rem); } .course-hero__course-name { max-width: var(--public-hero-copy-width); margin-bottom: 28px; color: var(--cream); font-size: clamp(1.05rem, 2vw, 1.4rem); font-weight: 600; } .hero-meta { display: flex; gap: 50px; font-weight: 600; } .hero-meta span { display: grid; gap: 4px; } .hero-meta small { color: var(--sage); font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; } .anchor-nav { height: 66px; padding: 0 max(24px, calc((100vw - 1180px) / 2)); display: flex; align-items: center; gap: 35px; background: white; border-bottom: 1px solid var(--line); position: sticky; top: var(--sticky-navigation-height); z-index: 10; } .anchor-nav a { font-family: var(--body-font); font-size: 1rem; font-weight: 600; } .anchor-nav a:hover { color: #39756e; } .section { padding: 110px max(24px, calc((100vw - 1180px) / 2)); scroll-margin-top: calc(var(--sticky-navigation-height) + 64px); } .anchor-nav + .section#about { padding-block: 42px 56px; } .section--tint { background: var(--mist); } .content-grid { display: grid; grid-template-columns: minmax(280px, .85fr) 1.5fr; gap: 100px; } .section h2 { max-width: 470px; } .lead-copy { font-size: 1.2rem; line-height: 1.75; } .course-about-section h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); } .course-about-section .content-grid { gap: clamp(28px, 5vw, 72px); } .course-about-section .lead-copy { font-family: var(--body-font); font-size: 1rem; line-height: 1.65; } .section-intro { position: sticky; top: calc(var(--sticky-navigation-height) + 34px); align-self: start; } .section-intro > p:last-child, .section-intro > .rich-text { max-width: 440px; color: #526562; } .rich-text > :first-child { margin-top: 0; } .rich-text > :last-child { margin-bottom: 0; } .rich-text h2, .rich-text h3, .rich-text h4 { margin: 1.4em 0 .55em; } .rich-text ul, .rich-text ol { padding-left: 1.5em; } .rich-text li + li { margin-top: .35em; } .rich-text blockquote { margin: 1.25em 0; padding: .2em 0 .2em 1.2em; border-left: 3px solid var(--coral); color: #526562; } .rich-text a { color: #236d65; text-decoration: underline; text-underline-offset: 3px; } .rich-text table { margin: 1.25em 0; } .cruise-itinerary-table-wrap { margin-top: 24px; border: 1px solid var(--line); } .cruise-itinerary-table { min-width: 760px; } .cruise-itinerary-table th, .cruise-itinerary-table td { padding: 13px 15px; font-size: .84rem; vertical-align: top; } .cruise-itinerary-table th { color: white; background: var(--forest); } .cruise-itinerary-table tbody tr:nth-child(even) td { background: #f4f8f6; } .cruise-itinerary-table td:nth-child(1), .cruise-itinerary-table td:nth-child(2), .cruise-itinerary-table td:nth-child(4), .cruise-itinerary-table td:nth-child(5) { white-space: nowrap; } .cruise-itinerary-table td.rich-text p { margin: 0; } .details-stack { display: grid; min-width: 0; gap: 55px; } .detail-block { min-width: 0; padding-top: 25px; border-top: 1px solid var(--line); } .detail-block h3 { font-size: 1.3rem; margin-bottom: 25px; } .session-table { border: 1px solid var(--line); } .session-table table { min-width: 0; } .session-table th { border-bottom: 1px solid var(--line); } .session-table th, .session-table td { padding: 14px 16px; } .session-table tbody tr:nth-child(even) td { background: #f4f8f6; } .session-title { display: block; font-size: 1rem; line-height: 1.5; } .session-item p, .speaker p { margin: 3px 0 0; color: #62716f; font-size: .9rem; } .session-item .session-facts { display: flex; gap: 8px 28px; margin-top: 9px; flex-wrap: wrap; color: var(--ink); font-size: .84rem; } .session-facts b { color: #60716e; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; } .session-acpe-number { color: #405653; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; } .learning-objectives { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); } .learning-objectives summary { width: max-content; color: var(--forest); font-size: .84rem; font-weight: 700; cursor: pointer; border-bottom: 2px solid var(--coral); } .learning-objectives ol { padding-left: 22px; margin: 18px 0 4px; color: #526562; } .learning-objectives li { padding: 4px 0 4px 5px; font-size: .88rem; line-height: 1.55; } .speaker-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .speaker { display: flex; gap: 14px; align-items: center; padding: 18px; background: white; } .speaker-initial { flex: 0 0 42px; height: 42px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 50%; font-weight: 700; } .speaker-photo { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; object-position: center top; } .course-faculty-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; align-items: stretch; } .course-faculty-grid > .faculty-card { grid-column: span 2; } .course-faculty-grid--count-1 { grid-template-columns: minmax(0, 480px); justify-content: center; } .course-faculty-grid--count-1 > .faculty-card { grid-column: auto; } .course-faculty-grid--count-4 > .faculty-card { grid-column: span 3; } .course-faculty-grid--remainder-2:not(.course-faculty-grid--count-2) > .faculty-card:nth-last-child(-n + 2), .course-faculty-grid--count-2 > .faculty-card { grid-column: span 3; } .course-faculty-grid--remainder-1:not(.course-faculty-grid--count-1):not(.course-faculty-grid--count-4) > .faculty-card:last-child { grid-column: 2 / span 4; } .course-faculty-card .faculty-card__image { height: auto; flex-basis: auto; aspect-ratio: 4 / 3; } .faculty-card__image--placeholder { display: grid; place-items: center; color: white; background: var(--forest); font: 700 4rem var(--heading-font); } .accreditation-audience { margin: 28px 0 18px; color: #405653; } .accreditation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .accreditation-card { padding: 24px; background: white; border-top: 3px solid var(--sage); } .accreditation-card h4 { margin: 0 0 12px; font: 700 1rem/1.25 var(--heading-font); } .accreditation-card .rich-text { color: #526562; font-family: var(--body-font); font-size: .84rem; line-height: 1.58; } .accreditation-card .rich-text p { margin-bottom: 12px; font-size: inherit; line-height: inherit; } .accreditation-card .rich-text p:last-child { margin-bottom: 0; } .accreditation-block .rich-text img, .admin-form--educational-accreditations .simple-html-editor[data-html-editor-image-picker-value="true"] .simple-html-editor__preview img { display: block; width: auto; height: auto; max-width: min(120px, 100%); max-height: 60px; object-fit: contain; margin: 0 0 .5rem; } .accreditation-requirements { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); } .accreditation-requirements h4 { margin: 0 0 10px; font: 700 1rem/1.25 var(--heading-font); } .accreditation-requirements p { color: #526562; } .accreditation-more { margin-bottom: 0; } .accreditation-pending { padding: 24px; color: #526562; background: white; border-left: 3px solid var(--coral); } .accreditation-pending p:last-child { margin-bottom: 0; } .statement-of-credit { border-left: 3px solid var(--sage); } .statement-of-credit .rich-text > :last-child { margin-bottom: 0; } .table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; background: white; } th, td { padding: 17px 20px; text-align: left; border-bottom: 1px solid var(--line); } th { color: #4d6e69; background: #dde6df; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; } td:not(:first-child) { font-weight: 700; } .course-fees-table--live th, .course-fees-table--live td { font-size: .78rem; font-weight: 400; } .course-fee-group { min-width: 0; } .course-fee-group h4 { margin: 0 0 10px; color: var(--forest); font: 700 1rem/1.25 var(--heading-font); } .course-fee-group + .course-fee-group { margin-top: 28px; } .course-fee-group .table-wrap { border: 1px solid var(--line); } .course-fee-group .course-fees-table tr:last-child td { border-bottom: 0; } .venue-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; } .venue-image-wrap { height: 495px; } .venue-image { width: 100%; height: 100%; object-fit: cover; } .venue-content h2 { margin-bottom: 26px; } .venue-content > .lead-copy { font-family: var(--body-font); font-size: 1rem; line-height: 1.65; } .venue-location { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); } .venue-location h3 { margin-bottom: 12px; font-size: 1.18rem; } .venue-location .rich-text + p { margin-top: 14px; } .venue-location .text-link { display: inline-block; margin-top: 10px; } .venue-details-grid { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .venue-detail-card { min-width: 0; padding: 28px; background: var(--cream); border-top: 3px solid var(--sage); } .venue-detail-card--reservations { grid-column: 1 / -1; } .venue-detail-card h3 { margin-bottom: 18px; font-size: 1.18rem; } .venue-detail-card .rich-text + p { margin-top: 18px; } .venue-detail-card .text-link { display: inline-block; margin-top: 12px; } .venue-table { margin-top: 35px; border-top: 1px solid var(--line); } .venue-table > div { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: .88rem; } .venue-table span { color: #60716e; } .venue-detail-card .venue-table { margin: 0 0 24px; } .venue-reservation-notes h4 { margin: 0 0 10px; color: var(--forest-dark); font: 700 1rem/1.3 var(--heading-font); } .registration-notes-section .lead-copy p + p { margin-top: 18px; } .bottom-register { align-items: center; background: var(--forest-dark); } .bottom-register h2 { margin: 0; } .bottom-register--expired { background: #4c5755; } .course-status-notice { display: grid; min-width: 245px; gap: 4px; padding: 17px 20px; color: white; border: 1px solid rgba(255,255,255,.45); } .course-status-notice strong { font: 700 1rem/1.2 var(--heading-font); } .course-status-notice span { color: #e4e9e6; font-size: .82rem; } .course-status-notice--expired { background: rgba(76, 87, 85, .88); } .conference-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: white; border-bottom: 1px solid var(--line); } .conference-navigation__slot { min-width: 0; } .conference-navigation__slot--next { border-left: 1px solid var(--line); } .conference-navigation__link { min-height: 190px; padding: 42px max(24px, calc((100vw - 1180px) / 4)); display: flex; align-items: center; gap: 24px; transition: color .2s, background .2s, box-shadow .2s; } .conference-navigation__link:hover { color: var(--forest); background: var(--mist); box-shadow: inset 0 -3px var(--coral); } .conference-navigation__link:focus-visible { outline: 3px solid var(--coral); outline-offset: -3px; } .conference-navigation__link--next { justify-content: flex-end; text-align: right; } .conference-navigation__link small, .conference-navigation__link strong, .conference-navigation__link em { display: block; } .conference-navigation__link small { margin-bottom: 7px; color: #60716e; font-size: .7rem; font-style: normal; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } .conference-navigation__link strong { max-width: 470px; font: 700 clamp(1.1rem, 2vw, 1.55rem)/1.25 var(--heading-font); } .conference-navigation__link em { margin-top: 8px; color: #60716e; font-size: .82rem; font-style: normal; } .conference-navigation__link:hover small, .conference-navigation__link:hover em { color: #465c58; } .conference-navigation__arrow { flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; color: white; background: var(--forest); font-size: 1.45rem; transition: color .2s, background .2s, transform .2s; } .conference-navigation__link:hover .conference-navigation__arrow { color: white; background: #176987; } .conference-navigation__link--previous:hover .conference-navigation__arrow { transform: translateX(-4px); } .conference-navigation__link--next:hover .conference-navigation__arrow { transform: translateX(4px); } .placeholder-section { width: var(--page); min-height: 470px; margin: auto; padding: 100px 0; display: grid; grid-template-columns: .5fr 1fr; gap: 90px; align-items: start; } .placeholder-number { color: var(--sage); font: 700 clamp(6rem, 15vw, 12rem)/.8 var(--heading-font); opacity: .65; } .placeholder-section > div:last-child { max-width: 550px; } .placeholder-section h2 { font-size: 2.8rem; } .accreditation-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--forest); color: white; } .accreditation-hero::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(7, 37, 38, .94), rgba(7, 37, 38, .7) 55%, rgba(7, 37, 38, .28)); } .accreditation-hero__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; } .accreditation-hero__inner { width: var(--page); margin: auto; padding: 72px 0; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: clamp(32px, 5vw, 76px); } .accreditation-hero__intro { min-width: 0; } .accreditation-hero h1 { margin: 0 0 26px; font-size: clamp(2.35rem, 5.2vw, 5rem); overflow-wrap: anywhere; } .accreditation-hero__summary { max-width: 490px; color: #e3ece8; font-size: 1.18rem; line-height: 1.65; } .accreditation-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 24px; margin-top: 34px; } .accreditation-hero__link { color: white; font-size: .9rem; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; } .accreditation-provider { min-width: 0; padding: clamp(26px, 3vw, 44px); background: white; color: var(--forest); box-shadow: 0 18px 50px rgba(0, 0, 0, .12); } .accreditation-provider__logo { display: block; width: min(100%, 270px); height: auto; margin: 0 0 30px; } .accreditation-provider h2 { margin: 0 0 18px; font-size: 1.55rem; line-height: 1.2; } .accreditation-provider__statement { margin: 0; color: #304744; font-size: 1.04rem; line-height: 1.7; } .accreditation-provider__details { display: grid; gap: 12px; margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--line); font-size: .8rem; } .accreditation-provider__details .text-link { margin: 0; font-size: .8rem; } @media (max-width: 800px) { .accreditation-hero__inner { grid-template-columns: 1fr; padding: 48px 0; gap: 36px; } .accreditation-hero__summary { font-size: 1.05rem; } .accreditation-hero__image { object-position: 65% center; } .accreditation-hero::after { background: rgba(7, 37, 38, .83); } .accreditation-provider { max-width: 560px; width: 100%; } } .about-content { width: min(var(--page), 900px); padding: 95px 0 125px; margin: auto; } .about-content__main { min-width: 0; } .about-page-body { color: #415653; font-size: 1.08rem; line-height: 1.75; } .about-page-body p:last-child { margin-bottom: 0; } .about-page-body h2 { margin: 48px 0 22px; padding-top: 48px; border-top: 1px solid var(--line); font-size: clamp(1.65rem, 3vw, 2.45rem); } .about-content__footer { display: flex; margin-top: 20px; padding: 34px 38px; align-items: center; justify-content: space-between; gap: 25px; background: white; } .about-content__footer p, .about-content__footer .text-link { margin: 0; } .privacy-hero h1 { margin-bottom: 16px; font-size: clamp(2rem, 4vw, 3.4rem); } .privacy-hero .eyebrow { margin-bottom: 12px; font-size: .65rem; } .privacy-hero > div > p:last-child { max-width: 620px; margin-bottom: 0; font-size: .9rem; line-height: 1.5; } .privacy-page { width: min(var(--page), 850px); padding: 48px 0 70px; margin: auto; font-size: .82rem; line-height: 1.55; } .privacy-page h2 { margin: 28px 0 8px; font-size: 1.05rem; line-height: 1.25; letter-spacing: -.015em; } .privacy-page h2:first-child { margin-top: 0; } .privacy-page p { margin-bottom: 12px; } .blog-index { width: var(--page); padding: 90px 0 125px; margin: auto; } .blog-index__intro { max-width: 780px; margin-bottom: 55px; color: #415653; font-size: 1.12rem; } .profession-index, .profession-content { width: var(--page); padding: 90px 0 125px; margin: auto; } .profession-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .profession-card, .profession-format-card, .profession-accreditation { padding: 34px; background: white; border: 1px solid var(--line); } .profession-card h2, .profession-format-card h2, .profession-accreditation h2 { margin-bottom: 18px; font-size: 1.55rem; } .profession-card > p:not(.eyebrow), .profession-format-card li, .profession-accreditation li { color: #415653; } .profession-format-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .profession-format-card { display: flex; min-width: 0; flex-direction: column; } .profession-format-card ul, .profession-accreditation ul { padding-left: 20px; margin: 0; } .profession-format-card li + li, .profession-accreditation li + li { margin-top: 10px; } .profession-format-card .text-link { margin-top: auto; padding-top: 24px; align-self: flex-start; } .profession-accreditation { max-width: 900px; margin-top: 24px; } .blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .blog-card { padding: 32px; background: white; border-top: 4px solid var(--sage); box-shadow: 0 12px 35px rgba(18, 60, 58, .08); } .blog-card h2 { margin: 14px 0 18px; font-size: clamp(1.35rem, 2vw, 1.8rem); } .blog-card h2 a { color: var(--ink); } .blog-card__meta { color: #60716e; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .blog-article { width: min(var(--page), 850px); padding: 95px 0 125px; margin: auto; } .blog-article__header { padding-bottom: 45px; border-bottom: 1px solid var(--line); } .blog-article__header h1 { margin: 12px 0 22px; font-size: clamp(2.4rem, 5vw, 4.6rem); } .blog-article__summary { color: #415653; font-size: 1.25rem; line-height: 1.7; } .blog-article__body { padding: 55px 0; color: #304744; font-size: 1.08rem; line-height: 1.8; } .blog-article__body h2 { margin-top: 45px; } .blog-article__footer { padding-top: 30px; border-top: 1px solid var(--line); } .faculty-section { width: var(--page); padding: 105px 0 130px; margin: auto; } .faculty-intro { display: grid; grid-template-columns: .85fr 1.4fr; gap: 16px 80px; margin-bottom: 65px; } .faculty-intro .eyebrow, .faculty-intro h2 { grid-column: 1; } .faculty-intro h2 { margin: 0; font-size: clamp(2rem, 3.7vw, 3.5rem); } .faculty-intro > p:last-child { grid-column: 2; grid-row: 1 / span 2; font-size: 1.12rem; line-height: 1.8; } .faculty-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; align-items: stretch; } .faculty-card { display: flex; min-width: 0; height: 100%; overflow: hidden; flex-direction: column; background: white; border-bottom: 3px solid transparent; transition: transform .2s, box-shadow .2s, border-color .2s; } .faculty-card:hover { transform: translateY(-4px); border-color: var(--coral); box-shadow: 0 18px 40px rgba(10, 44, 43, .1); } .faculty-card__image { width: 100%; height: 175px; flex: 0 0 175px; object-fit: cover; object-position: center top; background: var(--mist); } .faculty-card__content { display: flex; flex: 1; padding: 20px 18px; flex-direction: column; } .faculty-card__content h2 { min-height: 3.75em; margin-bottom: 10px; overflow: hidden; font-size: 1rem; line-height: 1.25; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .faculty-card__role { min-height: 4.35em; margin-bottom: 12px; overflow: hidden; color: #4d6e69; font-size: .72rem; font-weight: 700; line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .faculty-card__content > p:not(.faculty-card__role) { min-height: 5.8em; margin-bottom: 12px; overflow: hidden; color: #526562; font-size: .78rem; line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .faculty-card__content .text-link { margin-top: auto; font-size: .76rem; } .faculty-card__kudos { margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--line); } .faculty-card__kudos h3 { margin: 0 0 10px; color: var(--forest); font-size: .82rem; } .faculty-card__kudos blockquote { padding: 0 0 0 12px; margin: 0 0 12px; border-left: 3px solid var(--coral); } .faculty-card__kudos blockquote:last-child { margin-bottom: 0; } .faculty-card__kudos p { min-height: 0 !important; margin: 0; overflow: visible !important; color: #526562; font-size: .72rem; font-weight: 400; line-height: 1.45; display: block !important; } .faculty-profile { width: var(--page); padding: 80px 0 120px; margin: auto; } .faculty-profile__layout { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 70px; align-items: start; } .faculty-profile__image { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; background: var(--mist); } .faculty-profile__content { padding-top: 18px; } .faculty-profile__content h2 { margin: 8px 0 24px; font-size: clamp(2rem, 4vw, 3.4rem); } .faculty-profile__content .rich-text { color: #405653; font-size: 1.06rem; line-height: 1.8; } .faculty-profile__actions { display: flex; margin-top: 36px; align-items: center; flex-wrap: wrap; gap: 18px 26px; } .hero-image-editor { display: grid; gap: 72px; } .hero-image-editor__section { display: grid; gap: 24px; } .hero-image-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .hero-image-card { min-width: 0; overflow: hidden; background: white; border: 1px solid var(--line); } .hero-image-card__preview { display: grid; width: 100%; height: 190px; place-items: center; overflow: hidden; background: var(--mist); } .hero-image-card__preview img { width: 100%; height: 100%; object-fit: cover; } .hero-image-card__empty { margin: 0; color: #60716e; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .hero-image-card__content { display: grid; gap: 14px; padding: 20px; } .hero-image-card__content > p { min-height: 2.8em; margin: 0; color: #52615e; font-size: .82rem; line-height: 1.4; } .hero-image-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .hero-image-card__heading .eyebrow { margin-bottom: 5px; font-size: .6rem; } .hero-image-card__heading h3 { margin: 0; font-size: 1.05rem; line-height: 1.2; } .hero-image-card__heading .text-link { flex: 0 0 auto; font-size: .72rem; } .hero-image-card__form { display: grid; gap: 6px; } .hero-image-card__form > label { color: #52615e; font-size: .67rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .hero-image-card__controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; } .hero-image-card__controls select { min-width: 0; height: 39px; padding: 7px 34px 7px 10px; font-size: .75rem; } .hero-image-card__controls .button { min-height: 39px; padding: 8px 13px; } .master-registration-override-badge { display: inline-flex; width: fit-content; margin-top: 5px; padding: 3px 7px; color: #fff; background: #b42318; border: 1px solid #7d1710; border-radius: 3px; font-size: .64rem; font-weight: 800; line-height: 1; letter-spacing: .02em; cursor: help; } .admin-table tbody tr.master-registration--overridden > td, .course-history-table tbody tr.master-registration--overridden > td { background: #fff0ed; border-top-color: #db9b94; border-bottom-color: #db9b94; } .admin-table tbody tr.master-registration--overridden > td:first-child, .course-history-table tbody tr.master-registration--overridden > td:first-child { box-shadow: inset 5px 0 0 #b42318; } .course-history-table tr.master-registration--overridden .course-type-badge { background: #b42318; border-color: #7d1710; } .master-override-values { display: grid; gap: 7px; margin: 0; } .master-override-values > div { padding-left: 8px; border-left: 3px solid #b42318; } .master-override-values dt { color: #8f1d14; font-size: .62rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } .master-override-values dd { margin: 2px 0 0; color: #46120e; font-weight: 700; } .change-request-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding: 28px; background: white; border: 1px solid var(--line); } .change-request-form .form-field { margin: 0; } .change-request-form__wide { grid-column: 1 / -1; } .change-request-source { display: grid; gap: 1px; margin-bottom: 28px; overflow: hidden; background: var(--line); border: 1px solid var(--line); } .change-request-source > div { padding: 18px 20px; background: white; } .change-request-source span { display: block; margin-bottom: 7px; color: #60716e; font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .change-request-source p:last-child { margin-bottom: 0; } .change-request-type, .change-request-status { display: inline-flex; padding: 5px 8px; border: 1px solid; border-radius: 999px; font-size: .68rem; font-weight: 800; white-space: nowrap; } .change-request-type--problem { color: #8f1d14; background: #fff0ed; border-color: #db9b94; } .change-request-type--change_request { color: #315566; background: #edf7fb; border-color: #94bdce; } .change-request-status--open { color: #8f1d14; background: #fff0ed; border-color: #db9b94; } .change-request-status--in_progress { color: #6d5310; background: #fff5cf; border-color: #d8bd55; } .change-request-status--resolved { color: #176044; background: #e9f6ef; border-color: #91c6aa; } .instructor-session-table { min-width: 850px; table-layout: fixed; font-size: .64rem; line-height: 1.25; } .instructor-session-table th { padding: 6px; font-size: .52rem; letter-spacing: .06em; } .instructor-session-table td { padding: 6px; overflow-wrap: anywhere; } .instructor-session-table small { font-size: .58rem; } .account-hero p.instructor-dashboard__name:last-child { font-size: 1.5rem; font-weight: 700; } .salesforce-import-section, .salesforce-view-section, .salesforce-filter-section, .salesforce-data-section { margin-top: 24px; } .salesforce-upload-form { max-width: 760px; } .salesforce-upload-form input[type="file"] { width: 100%; } .panda-section, .panda-detail-section { padding: 26px; background: white; border: 1px solid var(--line); box-shadow: 0 8px 24px rgba(10, 44, 43, .05); } .panda-section + .panda-section, .panda-detail-section { margin-top: 28px; } .panda-section > h2, .panda-detail-section > h2 { margin-top: 0; } .panda-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; } .panda-section-heading h1, .panda-section-heading h2, .panda-section-heading h3 { margin: 0; color: var(--forest-dark); } .panda-section-heading h1 { font-size: 1.55rem; } .panda-section-heading h2 { font-size: 1.25rem; } .panda-section-heading p { margin: 5px 0 0; color: #60716e; font-size: .8rem; } .panda-upload-form { max-width: 920px; } .panda-upload-form input[type="file"] { width: 100%; } .panda-table-status { display: grid; justify-items: end; gap: 4px; color: white; font-size: .76rem; text-align: right; } .panda-table-status > span { font-weight: 800; } .panda-table-status small { color: #d9e2dd; font-size: inherit; } .panda-table-status a { color: white; text-decoration: underline; text-underline-offset: 3px; } .panda-action-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 14px 16px; margin-bottom: 28px; background: white; border: 1px solid var(--line); } .panda-data-section { margin-top: 30px; } .panda-data-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 12px 14px; background: var(--mist); border: 1px solid var(--line); border-bottom: 0; } .panda-data-heading h2, .panda-data-heading h3 { margin: 0; color: var(--forest-dark); font-size: .92rem; } .panda-data-heading p { margin: 0; color: #60716e; font-size: .72rem; } .panda-table-wrap { max-height: 70vh; } .panda-related-group { margin-top: 24px; } .salesforce-view-section { margin-top: 0; padding-top: 10px; border-top: 3px solid var(--salesforce-classic-purple); } .salesforce-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; padding: 3px 10px 9px; color: #222; background: white; border: 0; border-radius: 0; } .salesforce-section-heading h2 { margin: 3px 0 0; color: inherit; font-family: Arial, Helvetica, sans-serif; font-size: .78rem; font-weight: 700; line-height: 1.1; } .salesforce-section-heading p, .salesforce-section-heading .salesforce-object-name { margin: 1px 0 0; color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 1.45rem; font-weight: 400; line-height: 1.1; } .salesforce-section-heading .eyebrow { color: #4b4b56; font-size: .66rem; font-weight: 700; letter-spacing: .02em; } .salesforce-table-status { display: grid; justify-items: end; gap: 2px; color: #555; font-size: .64rem; text-align: right; } .salesforce-table-status > span { white-space: nowrap; font-weight: 700; } .salesforce-table-status small { font-size: inherit; } .salesforce-column-form { margin-top: 12px; } .salesforce-saved-views { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 0; } .salesforce-table-controls { display: grid; grid-template-columns: 38px repeat(3, minmax(0, 1fr)); gap: 10px; align-items: center; padding: 9px 10px 7px; background: white; border: 1px solid var(--salesforce-classic-border); border-bottom: 0; border-radius: 0; } .salesforce-table-controls--contacts { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .salesforce-table-controls--contacts > .salesforce-control-field { flex: 0 1 auto; max-width: 100%; } .salesforce-table-controls--contacts > .salesforce-contact-search-form { flex: 0 1 260px; } .salesforce-table-controls--contacts .salesforce-control-line { flex-wrap: wrap; } .salesforce-table-controls::before { display: grid; width: 32px; height: 32px; place-items: center; align-self: start; color: #617079; background: linear-gradient(135deg, #fff 0 58%, #d9dee1 58% 100%); border: 1px solid #aeb7bd; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0, 0, 0, .2); content: "\2637"; font-size: 1rem; transform: rotate(4deg); } .salesforce-saved-views form { margin: 0; } .salesforce-control-field { min-width: 0; padding: 0; border: 0; } .salesforce-control-line { display: flex; align-items: center; gap: 8px; min-width: 0; } .salesforce-control-line > form:first-child { flex: 0 1 260px; width: min(100%, 260px); min-width: 150px; } .salesforce-view-select, .salesforce-contact-search-form input { width: 100%; min-width: 0; min-height: 28px; padding: 3px 6px; background: white; border: 1px solid #777; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08); font-family: Arial, Helvetica, sans-serif; font-size: .76rem; } .salesforce-control-title, .salesforce-contact-search-form label { display: block; margin-top: 3px; color: #555; font-size: .61rem; font-weight: 700; } .salesforce-control-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 0; font-size: .72rem; white-space: nowrap; } .salesforce-control-actions form { display: inline-flex; } .salesforce-control-actions > * + *::before { margin: 0 5px; color: #555; content: "|"; text-decoration: none; } .salesforce-control-actions a, .salesforce-control-actions button { padding: 0; color: var(--salesforce-classic-blue); background: transparent; border: 0; font: inherit; font-weight: 400; text-decoration: none; cursor: pointer; } .salesforce-control-actions button:hover, .salesforce-control-actions a:hover { color: #003f73; text-decoration: underline; } .salesforce-table-action-strip { display: flex; align-items: center; gap: 7px; min-height: 39px; padding: 5px 8px; background: linear-gradient(#fafafa, #eeeeee); border: 1px solid var(--salesforce-classic-border); border-top: 0; border-bottom: 3px solid var(--salesforce-classic-purple); } .salesforce-table-action-strip .button { padding: 5px 9px; color: #333; background: linear-gradient(#fff, #dedede); border: 1px solid #999; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, .15); font-family: Arial, Helvetica, sans-serif; font-size: .7rem; font-weight: 700; } .salesforce-table-action-strip .button:hover { color: #111; background: linear-gradient(#fff, #cfcfcf); border-color: #777; } .salesforce-view-definition { margin-top: 14px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255, 255, 255, .42); } .salesforce-view-definition > summary { padding: 12px 14px; font-size: .78rem; font-weight: 700; cursor: pointer; } .salesforce-view-definition[open] > summary { border-bottom: 1px solid var(--line); } .salesforce-view-definition > h3 { margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: .78rem; } .salesforce-view-definition .salesforce-column-form { margin: 0; padding: 14px; } .salesforce-table-filter-form { margin: 0; padding: 14px; } .salesforce-table-filter-form > p { margin: 0 0 12px; font-size: .75rem; } .salesforce-table-filter-form .salesforce-view-filter-builder { margin: 0 0 12px; } .salesforce-view-name-field { max-width: 420px; } .salesforce-column-picker { display: grid; gap: 7px; max-height: 360px; margin: 0; padding: 14px; overflow-y: auto; border: 1px solid var(--line); border-radius: 8px; } .salesforce-column-picker legend { padding: 0 6px; font-size: .72rem; font-weight: 700; } .salesforce-column-order-help { margin: 0 0 4px; color: #60716e; font-size: .72rem; } .salesforce-column-choice { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 6px 8px; background: rgba(255, 255, 255, .62); border: 1px solid var(--line); border-radius: 5px; } .salesforce-column-picker label { display: flex; align-items: flex-start; gap: 7px; min-width: 0; margin: 0; font-size: .75rem; overflow-wrap: anywhere; } .salesforce-column-picker input { flex: 0 0 auto; margin-top: 2px; } .salesforce-column-order-controls { display: inline-flex; gap: 4px; } .salesforce-column-move { width: 29px; height: 27px; padding: 0; color: var(--forest); background: white; border: 1px solid var(--line); border-radius: 4px; font-weight: 800; cursor: pointer; } .salesforce-column-move:hover:not(:disabled) { color: white; background: var(--forest); border-color: var(--forest); } .salesforce-column-move:disabled { color: #9aa6a4; background: var(--mist); cursor: not-allowed; } .salesforce-column-move:focus-visible { outline: 3px solid var(--coral); outline-offset: 1px; } .salesforce-view-filter-builder { display: grid; gap: 10px; margin-top: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; } .salesforce-view-filter-builder legend { padding: 0 6px; font-size: .72rem; font-weight: 800; } .salesforce-view-filter-builder > p { margin: 0; color: #60716e; font-size: .72rem; } .salesforce-view-filter-row { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(220px, 1.2fr); gap: 12px; } .salesforce-view-filter-row .form-field { min-width: 0; margin: 0; } .salesforce-view-filter-row label { display: block; margin-bottom: 5px; font-size: .68rem; font-weight: 800; } .salesforce-view-filter-row select, .salesforce-view-filter-row input { width: 100%; min-width: 0; } .salesforce-view-actions { display: flex; align-items: center; gap: 12px; margin-top: 12px; } .salesforce-contact-search-form { display: flex; flex-direction: column; width: min(100%, 260px); min-width: 0; } .salesforce-contact-search-form input { width: 100%; min-width: 0; } .salesforce-filter-control { min-width: 0; } .salesforce-filter-control label { display: block; margin-bottom: 5px; font-size: .68rem; font-weight: 700; } .salesforce-filter-control select, .salesforce-filter-control input { width: 100%; min-width: 0; } .salesforce-filter-actions { display: flex; align-items: center; gap: 10px; padding-bottom: 2px; white-space: nowrap; } .salesforce-data-section { margin-top: 10px; } .salesforce-data-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 6px 9px; background: #f2f2f2; border: 1px solid var(--salesforce-classic-border); border-bottom: 0; } .salesforce-data-heading h2 { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: .82rem; } .salesforce-data-heading p { margin: 0; } .salesforce-data-heading p { color: #555; font-size: .67rem; } .salesforce-table-wrap { max-height: 70vh; border-color: var(--salesforce-classic-border); } .salesforce-column-resize-handle { position: absolute; top: 0; right: -3px; z-index: 2; width: 7px; height: 100%; cursor: col-resize; touch-action: none; } .salesforce-column-resize-handle:hover, .salesforce-column-resize-handle:focus-visible { background: rgba(1, 91, 167, .24); outline: 1px solid var(--salesforce-classic-blue); outline-offset: -2px; } .salesforce-column-resizing, .salesforce-column-resizing * { cursor: col-resize !important; user-select: none !important; } .salesforce-pagination { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 18px; } .salesforce-relationship-link { padding: 0; border: 0; background: transparent; font-weight: 800; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; } .salesforce-relationship-link:hover { text-decoration-thickness: 3px; } .salesforce-relationship-link:focus-visible { outline: 3px solid var(--coral); outline-offset: 3px; } .salesforce-relationship-link--tone-1, .salesforce-relationship-link--tone-1:visited { color: #176987; } .salesforce-relationship-link--tone-2, .salesforce-relationship-link--tone-2:visited { color: #7a3e98; } .salesforce-relationship-link--tone-3, .salesforce-relationship-link--tone-3:visited { color: #a33a2b; } .salesforce-relationship-link--tone-4, .salesforce-relationship-link--tone-4:visited { color: #126b57; } .salesforce-relationship-link--tone-5, .salesforce-relationship-link--tone-5:visited { color: #8a5412; } .salesforce-relationship-link--tone-6, .salesforce-relationship-link--tone-6:visited { color: #9b2760; } .salesforce-assign-column .inline-form { display: inline-flex; margin: 0; } .salesforce-assign-button { min-width: 34px; justify-content: center; padding: 6px; font-size: .9rem; } .salesforce-record-section { margin-top: 28px; } .salesforce-record-layout { margin-top: 14px; } .salesforce-form-view-editor { margin-top: 14px; } .salesforce-related-view-editor { margin: 10px 0; } .salesforce-form-view-editor .salesforce-column-form { margin: 0; padding: 14px; } .salesforce-related-view-editor .salesforce-column-form { margin: 0; padding: 14px; } .salesforce-form-layout-field { max-width: 260px; } .salesforce-record-layout__toolbar { display: flex; justify-content: flex-end; align-items: center; gap: 9px; margin-bottom: 9px; } .salesforce-record-layout__toolbar label { font-size: .7rem; font-weight: 800; } .salesforce-record-layout__toolbar select { width: auto; min-width: 120px; padding-block: 6px; font-size: .75rem; } .salesforce-record-form { display: grid; gap: 8px 18px; padding: 14px; background: rgba(255, 255, 255, .52); border: 1px solid var(--line); border-radius: 8px; } .salesforce-record-form[data-columns="1"] { grid-template-columns: 1fr; } .salesforce-record-form[data-columns="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .salesforce-record-form[data-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .salesforce-record-form .form-field { display: grid; grid-template-columns: minmax(105px, .42fr) minmax(0, 1fr); align-items: start; min-width: 0; min-height: 44px; margin: 0; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; } .salesforce-record-form label { align-self: stretch; margin: 0; padding: 10px; background: var(--mist); border-right: 1px solid var(--line); font-size: .68rem; font-weight: 800; overflow-wrap: anywhere; } .salesforce-record-form textarea { width: 100%; min-height: 42px; padding: 9px 10px; resize: vertical; color: var(--ink); background: white; border: 0; border-radius: 0; } .salesforce-record-form textarea[readonly]:focus { outline: 3px solid var(--coral); outline-offset: 1px; } @media (max-width: 900px) { .hero-image-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .analytics-course-picker__form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .faculty-profile__layout { grid-template-columns: 1fr; gap: 38px; } .faculty-profile__image { width: min(100%, 420px); } .salesforce-record-form[data-columns] { grid-template-columns: 1fr; } .salesforce-view-filter-row { grid-template-columns: 1fr; } } .salesforce-related-group { margin-top: 22px; } @media (max-width: 1100px) { .salesforce-table-controls { grid-template-columns: 1fr; } .salesforce-table-controls::before { display: none; } .salesforce-filter-actions { grid-column: 1 / -1; } } .course-material-published { display: block; text-align: center; font-size: 1.05rem; font-weight: 800; } .course-material-published--yes { color: var(--forest); } .course-material-published--no { color: #8b9996; } .test-question-summary { width: 100%; min-width: 0; table-layout: fixed; } .test-question-summary .test-question-column { width: 360px; min-width: 0; white-space: normal; overflow-wrap: anywhere; vertical-align: top; } .test-question-summary th:last-child, .test-question-summary td:last-child { overflow-wrap: anywhere; vertical-align: top; } .course-history-view-action { display: inline-flex; min-height: 32px; padding: 6px 13px; color: #125f7b; background: #e8f3f7; border: 1px solid #8ebbc9; border-radius: 6px; align-items: center; justify-content: center; font: inherit; font-size: .82rem; font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer; transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease; } .course-history-view-action:hover { color: white; background: #176987; border-color: #176987; text-decoration: none; box-shadow: 0 3px 9px rgba(23, 105, 135, .2); } .course-history-view-action:focus-visible { color: white; background: #176987; border-color: #176987; outline: 3px solid var(--coral); outline-offset: 2px; } .course-history-table__actions { width: 1%; white-space: nowrap; } .course-history-table__type { white-space: nowrap; } .previous-courses-table { width: 100%; min-width: 840px; table-layout: fixed; font-size: .9rem; line-height: 1.35; } .admin-table.previous-courses-table :is(th, td) { min-width: 0; overflow-wrap: anywhere; } .admin-table.previous-courses-table :is(th, td):nth-child(1) { width: 112px; } .admin-table.previous-courses-table :is(th, td):nth-child(3) { width: 100px; } .admin-table.previous-courses-table :is(th, td):nth-child(4) { width: 104px; } .admin-table.previous-courses-table :is(th, td):nth-child(5) { width: 140px; } .admin-table.previous-courses-table th:nth-child(5) { white-space: nowrap; } .admin-table.previous-courses-table :is(th, td):nth-child(6) { width: 110px; } .previous-courses-table a.student-course-dashboard-link { color: #006699; text-decoration: underline; text-underline-offset: 2px; font-weight: 400; } .previous-courses-table a.student-course-dashboard-link:hover, .previous-courses-table a.student-course-dashboard-link:focus-visible { color: #003f6b; text-decoration-thickness: 2px; } @keyframes next-live-course-red-pulse { 0%, 100% { color: #681414; } 50% { color: #c82b2b; } } .previous-courses-table tr.next-live-course > td, .previous-courses-table tr.next-live-course a.student-course-dashboard-link { color: #ad2929; font-weight: 700; animation: next-live-course-red-pulse 6s ease-in-out infinite; } .previous-courses-table tr.next-live-course a.student-course-dashboard-link:hover, .previous-courses-table tr.next-live-course a.student-course-dashboard-link:focus-visible { animation-play-state: paused; color: #681414; text-decoration-thickness: 2px; } @media (prefers-reduced-motion: reduce) { .previous-courses-table tr.next-live-course > td, .previous-courses-table tr.next-live-course a.student-course-dashboard-link { animation: none; } } .admin-table.previous-courses-table th, .admin-table.previous-courses-table td { padding: 6px 8px; font-weight: 400 !important; font-synthesis: none; vertical-align: top; } .admin-table.previous-courses-table th { font-size: .82rem; } .admin-table.previous-courses-table tr.next-live-course > td { font-family: var(--body-font); font-size: .9rem; font-weight: 700 !important; } .admin-table.previous-courses-table tr.next-live-course a.student-course-dashboard-link { font-family: inherit; font-size: inherit; font-weight: inherit; } .previous-courses-table .course-history-view-action { min-height: 26px; padding: 4px 8px; font-size: .7rem; font-weight: 400; } .login-modal.course-history-modal { width: min(760px, calc(100vw - 24px)); max-width: none; max-height: calc(100vh - 24px); overflow: hidden; } .course-history-modal .login-modal__panel { max-height: calc(100vh - 24px); padding: 24px 28px 28px; overflow: auto; } .course-history-modal .login-modal__heading { margin-bottom: 14px; } .course-history-modal .login-modal__heading h2 { font-size: clamp(1.25rem, 1.8vw, 1.65rem); } .course-history-modal__section-title { margin: 22px 0 9px; color: var(--forest-dark); font-size: 1rem; } .course-history-modal__heading + .course-history-modal__section-title { margin-top: 0; } .course-history-modal__details { display: grid; grid-template-columns: 1fr; margin: 0; row-gap: 0; } .course-history-modal__details div { display: grid; min-width: 0; padding: 7px 0; grid-template-columns: minmax(105px, .6fr) minmax(0, 1.4fr); align-items: baseline; gap: 12px; border-bottom: 1px solid var(--line); } .course-history-modal__details dt { margin: 0; color: var(--forest); font-size: .61rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .course-history-modal__details dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; font-size: .75rem; line-height: 1.35; white-space: pre-wrap; } .page-seo-row-form { display: grid; gap: 7px; } .page-seo-row-form small { margin-top: 0; font-size: .65rem; } .page-seo-row-form .button { width: fit-content; min-height: 32px; margin-top: 2px; padding-inline: 11px; font-size: .65rem; } .url-redirect-section h2 { margin-bottom: 16px; font-size: 1.35rem; } .url-redirect-form--new { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto; align-items: end; gap: 14px; padding: 20px; background: white; border: 1px solid var(--line); } .url-redirect-form--new .button { min-height: 46px; } .url-redirect-arrow { padding-bottom: 12px; color: var(--forest); font-size: 1.4rem; font-weight: 700; } .admin-table--url-redirects input[aria-invalid="true"], .form-field--invalid input { border: 2px solid #b42318; background: #fff1ee; } .url-redirect-status { color: #526562; font-size: .68rem; font-weight: 700; white-space: nowrap; } .field-error { display: block; margin-top: 5px; color: #8f1d14; font-size: .68rem; font-weight: 700; } .survey-summary-table { table-layout: fixed; min-width: 900px; } .survey-summary-table .survey-summary-col--question { width: 38%; } .survey-summary-table .survey-summary-col--rating { width: 8%; } .survey-summary-table .survey-summary-col--total, .survey-summary-table .survey-summary-col--average { width: 11%; } .survey-summary-table th, .survey-summary-table td { min-width: 0; overflow-wrap: anywhere; } .survey-summary-table td:first-child, .survey-summary-table td:last-child { min-width: 0; } .course-registration-overview { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .75fr); gap: 12px; margin-top: 18px; } .course-registration-chart { min-width: 0; padding: 12px 14px 7px; background: white; border: 1px solid var(--line); } .course-registration-chart h3 { margin: 0 0 8px; font-size: .9rem; } .course-registration-line-chart { display: block; width: 100%; height: auto; max-height: 150px; } .course-registration-line-chart__series { stroke: var(--coral); } .course-registration-line-chart__point { fill: var(--coral); stroke: white; stroke-width: 1.5; } .course-registration-type-chart__layout { display: grid; grid-template-columns: minmax(100px, 145px) minmax(0, 1fr); gap: 10px; align-items: center; } .course-registration-pie-chart { display: block; width: 100%; height: auto; max-height: 142px; } .course-registration-type-chart__legend { padding: 0; margin: 0; display: grid; gap: 5px; list-style: none; } .course-registration-type-chart__legend li { min-width: 0; display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; align-items: center; gap: 5px; font-size: .62rem; line-height: 1.15; } .course-registration-type-chart__legend i { width: 8px; height: 8px; background: var(--series-color); border-radius: 50%; } .course-registration-type-chart__legend span { overflow-wrap: anywhere; } .course-registration-type-chart__legend strong { font-size: .68rem; } @media (max-width: 760px) { .course-registration-overview { grid-template-columns: 1fr; } } .registration-credits-table th:nth-child(1), .registration-credits-table td:nth-child(1) { width: 9%; } .registration-credits-table th:nth-child(2), .registration-credits-table td:nth-child(2) { width: 6%; } .registration-credits-table th:nth-child(3), .registration-credits-table td:nth-child(3) { width: 12%; } .registration-credits-table th:nth-child(4), .registration-credits-table td:nth-child(4) { width: 14%; } .registration-credits-table th:nth-child(5), .registration-credits-table td:nth-child(5) { width: 8%; } .registration-credits-table th:nth-child(6), .registration-credits-table td:nth-child(6) { width: 8%; } .registration-credits-table th:nth-child(7), .registration-credits-table td:nth-child(7) { width: 7%; } .registration-credits-table th:nth-child(8), .registration-credits-table td:nth-child(8) { width: 8%; } .registration-credits-table th:nth-child(9), .registration-credits-table td:nth-child(9) { width: 15%; } .registration-credits-table th:nth-child(10), .registration-credits-table td:nth-child(10) { width: 13%; } .registration-credits-table td small { display: block; margin-top: 2px; } .registration-credits-table__action-trigger { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; padding: 0; font-size: 1rem; } .registration-credits-table .registration-credits-table__action-trigger::after { content: none; } .registration-credits-table__action-icon { display: inline-block; width: 4px; height: 4px; border-radius: 50%; color: currentColor; background: currentColor; box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor; } .import-field-table { min-width: 400px; font-size: .72rem; border: 1px solid var(--line); } .import-field-table th, .import-field-table td { min-width: 0; padding: 7px 9px; vertical-align: top; } .import-field-table th { font-size: .58rem; } .import-field-table td:first-child { width: 42%; min-width: 145px; color: #4d6e69; font-weight: 700; } .import-field-table td:last-child { min-width: 200px; font-weight: 400; overflow-wrap: anywhere; } .import-preview-instructions { margin: -16px 0 16px; color: #60716e; font-size: .82rem; } .import-preview-list { display: grid; gap: 8px; } .import-preview-record { overflow: hidden; border: 1px solid var(--line); background: white; } .import-preview-record--failed { border-color: #e2b96f; } .import-preview-record summary { display: grid; grid-template-columns: 105px 92px minmax(0, 1fr); gap: 12px; padding: 12px 14px; align-items: center; cursor: pointer; list-style-position: inside; } .import-preview-record summary:hover { background: #f7faf9; } .import-preview-record summary:focus-visible { outline: 3px solid var(--coral); outline-offset: -3px; } .import-preview-record__source { color: #526562; font-size: .75rem; } .import-preview-record__source strong { color: var(--ink); font-size: .88rem; } .import-preview-record__summary { min-width: 0; color: #60716e; font-size: .75rem; overflow-wrap: anywhere; } .import-preview-record__body { padding: 0 14px 14px; border-top: 1px solid var(--line); } .import-preview-record__messages { margin: 12px 0; padding: 10px 12px; color: #6f4917; background: #fff0cf; } .import-preview-record__messages ul { margin: 5px 0 0; padding-left: 20px; } .import-preview-record__body .import-preview-data { max-width: none; padding-top: 14px; overflow-x: auto; } .import-preview-record__body .import-field-table { width: 100%; min-width: 560px; } .import-preview-json { max-height: 460px; margin: 0; padding: 12px; overflow: auto; border: 1px solid var(--line); background: #f5f8f7; color: #183d37; font-size: .72rem; line-height: 1.45; white-space: pre; } .analytics-course-picker { margin-bottom: 36px; } .analytics-course-picker__form { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; align-items: end; } .analytics-course-picker__form .form-field { min-width: 0; margin: 0; } .analytics-course-picker__form label { font-size: .68rem; } .analytics-course-picker__form select { width: 100%; min-width: 0; } .analytics-course-picker__actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; } .analytics-chart-heading { display: flex; margin-bottom: 18px; align-items: end; justify-content: space-between; gap: 24px; } .analytics-chart-heading h2 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.45rem); } .analytics-chart-card { padding: 22px; background: white; border: 1px solid var(--line); } .analytics-chart-legend { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-bottom: 16px; color: #405450; font-size: .78rem; font-weight: 700; } .analytics-chart-legend span { display: inline-flex; min-width: 0; align-items: center; gap: 7px; } .analytics-chart-legend i { flex: 0 0 22px; height: 4px; background: var(--series-color); border-radius: 2px; } .analytics-chart-legend i.analytics-chart-legend__block { height: 12px; } .analytics-chart-scroll { overflow-x: auto; } .analytics-line-chart { display: block; width: 100%; min-width: 760px; height: auto; } .analytics-stacked-bar-chart { display: block; width: 100%; min-width: 760px; height: auto; } .analytics-stacked-bar-chart__segment { stroke: white; stroke-width: 1; } .analytics-stacked-bar-chart__segment--returning { fill: #176987; } .analytics-stacked-bar-chart__segment--new { fill: #d66545; } .analytics-line-chart__grid { stroke: #dce4e1; stroke-width: 1; } .analytics-line-chart__tick { stroke: #83928f; stroke-width: 1; } .analytics-line-chart__label { fill: #60716e; font: 600 12px var(--body-font); text-anchor: middle; } .analytics-line-chart__label--y { text-anchor: end; } .analytics-line-chart__axis-title { fill: #405450; font: 700 13px var(--body-font); text-anchor: middle; } .analytics-line-chart__series { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .analytics-line-chart__point { cursor: pointer; stroke: white; stroke-width: 1.5; } .analytics-line-chart__point:hover, .analytics-line-chart__point:focus, .analytics-line-chart__point--selected { outline: none; stroke: #263f39; stroke-width: 3; } .analytics-chart-readout { min-height: 1.25rem; margin: 10px 0 0; color: #263f39; font-size: .85rem; font-weight: 700; } .analytics-chart-note { margin: 12px 0 0; color: #60716e; font-size: .75rem; } .analytics-empty-state { padding: 60px 24px; text-align: center; background: white; border: 1px solid var(--line); } .analytics-empty-state h2 { margin-bottom: 8px; } .analytics-empty-state p { margin: 0; color: #60716e; } .status-badge { display: inline-flex; padding: 4px 9px; align-items: center; color: #556663; background: var(--mist); border-radius: 999px; font-size: .72rem; font-weight: 700; } .status-badge--active { color: #165a3b; background: #dcefe3; } .status-badge--expired { color: #6f5546; background: #eee6df; } .status-badge--inconsistent { color: #6f4917; background: #fff0cf; } .survey-status { min-width: 230px; } .survey-status .status-badge { margin-right: 7px; } .inline-form { display: inline; } .form-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .form-field-group { grid-column: 1 / -1; } .form-field-group--two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .form-field-group--three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .form-field-group--four { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .form-field-group--quiz-settings { display: grid; grid-template-columns: 125px 135px minmax(150px, 1fr); align-items: end; gap: 12px; } .form-field-group--quiz-settings input[type="number"] { min-height: 42px; padding: 8px 10px; } .form-field-group--quiz-settings .quiz-published-field { display: flex; min-height: 42px; padding: 8px 12px; align-items: center; gap: 9px; background: var(--cream); border: 1px solid var(--line); } .form-field-group--quiz-settings .quiz-published-field input { width: 18px; height: 18px; min-height: 0; margin: 0; accent-color: var(--forest); } .form-field-group--quiz-settings .quiz-published-field label { margin: 0; letter-spacing: 0; text-transform: none; } .form-field-group--accreditation-header { display: grid; grid-template-columns: minmax(250px, 1.7fr) minmax(170px, .7fr); align-items: start; gap: 16px; } .form-field-group--name-title { display: grid; grid-template-columns: minmax(190px, .38fr) minmax(0, 1.62fr); gap: 24px; } .form-field-group--certificates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .form-field { display: grid; gap: 8px; align-content: start; } .form-field[hidden] { display: none; } .form-control-with-action { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; } .form-control-with-action--position { grid-template-columns: 90px auto; justify-content: start; align-items: start; } .form-control-with-action--position .button { min-height: 46px; } .form-field--control-aligned { align-content: start; align-self: start; } .form-field--wide { grid-column: 1 / -1; } .compact-inline-checkbox { display: inline-flex; width: fit-content; min-height: 30px; align-items: center; gap: 7px; } .compact-inline-checkbox input[type="checkbox"] { flex: 0 0 16px; width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0; accent-color: var(--forest); cursor: pointer; } .compact-inline-checkbox label { margin: 0; cursor: pointer; } .simple-html-editor { display: grid; gap: 8px; } .simple-html-editor__heading-row { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; } .simple-html-editor__mode-switch { display: inline-flex; width: fit-content; gap: 2px; padding: 3px; background: #dfe8e1; border: 1px solid var(--line); } .simple-html-editor__mode-button { min-height: 30px; padding: 5px 12px; color: #455b55; font: 400 .76rem var(--body-font); background: transparent; border: 0; cursor: pointer; } .simple-html-editor__mode-button[aria-pressed="true"] { color: #fff; background: var(--forest); } .simple-html-editor__mode-button:hover { text-decoration: underline; } .simple-html-editor__mode-button:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; } .simple-html-editor__heading-row .simple-html-editor__button[hidden] { display: none; } .simple-html-editor__toolbar { display: flex; flex-wrap: wrap; gap: 5px; padding: 7px; background: #edf2ed; border: 1px solid var(--line); border-bottom: 0; } .simple-html-editor__button { min-height: 32px; padding: 5px 10px; color: var(--forest); font: 400 .78rem var(--body-font); background: #fff; border: 1px solid #b8c6bd; cursor: pointer; } .simple-html-editor__button:hover { color: #fff; background: var(--forest); border-color: var(--forest); } .simple-html-editor__button:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; } .simple-html-editor__placeholder-picker { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-left: auto; } .form-field .simple-html-editor__placeholder-picker label { font-size: .78rem; font-weight: 400; letter-spacing: normal; text-transform: none; } .form-field .simple-html-editor__placeholder-picker select { width: auto; min-height: 32px; padding: 4px 8px; font-size: .78rem; appearance: auto; background-image: none; } .simple-html-editor__image-picker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--line); background: #f7f9f7; } .simple-html-editor__image-picker label { flex-basis: 100%; } .simple-html-editor__image-picker select { flex: 1 1 240px; width: auto; } .simple-html-editor__image-picker .admin-selected-image-preview { flex-basis: 100%; } .simple-html-editor__image-picker .admin-selected-image-preview img { height: 160px; } .simple-html-editor textarea { margin-top: -8px; } .simple-html-editor textarea:not([hidden]) { font: 400 .9rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; tab-size: 2; } .simple-html-editor__preview { min-height: 154px; margin-top: -8px; padding: 14px 16px; overflow-wrap: anywhere; background: var(--cream); border: 1px solid var(--line); cursor: text; } .simple-html-editor__preview:focus { background: #fff; border-color: var(--forest); outline: 3px solid rgba(27, 79, 69, .15); } .simple-html-editor__preview > :first-child { margin-top: 0; } .simple-html-editor__preview > :last-child { margin-bottom: 0; } .simple-html-editor[data-html-editor-image-picker-value="true"] .simple-html-editor__preview img { max-width: 100%; height: auto; } .simple-html-editor__preview[hidden], .simple-html-editor__toolbar[hidden] { display: none; } .additional-licenses { align-items: start; gap: 12px; } .additional-license-row { display: grid; grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) auto; gap: 12px; align-items: end; margin-bottom: 12px; } .additional-license-remove { margin-bottom: 1px; } .pharmacist-credentials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .pharmacist-credentials[hidden] { display: none; } .form-section-divider { padding-top: 22px; margin-top: 8px; border-top: 1px solid var(--line); } .form-section-divider h3 { margin: 0; color: var(--forest); font: 700 1rem var(--heading-font); } .form-field label { color: #526562; font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .form-field--aafp-inactive .simple-html-editor__preview, .form-field--aafp-inactive [data-html-editor-target="input"] { color: #89938f; } .form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 46px; padding: var(--form-field-padding); color: var(--ink); background: var(--form-field-background); border: 1px solid var(--line); border-radius: var(--form-field-border-radius); font: 400 1rem/1.45 var(--body-font); } .form-field select { appearance: none; padding-right: 56px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='4' fill='%230d514d'/%3E%3Cpath d='m9 12 7 7 7-7' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; background-size: 30px 30px; cursor: pointer; } .form-field select:hover { border-color: var(--forest); } .form-field textarea { resize: vertical; } .form-hint { color: #60716e; font-size: .76rem; } .form-field input:focus, .form-field select:focus, .form-field textarea:focus { outline: 2px solid var(--coral); outline-offset: 1px; } .password-visibility-toggle { display: flex; align-items: center; gap: 9px; } .form-field.password-visibility-toggle input { width: 18px; min-height: 18px; margin: 0; accent-color: var(--forest); cursor: pointer; } .form-field.password-visibility-toggle label { color: var(--ink); font-size: .9rem; letter-spacing: 0; text-transform: none; cursor: pointer; } .email-availability-status { margin: 0; font-size: .82rem; font-weight: 700; } .email-availability-status[data-state="checking"] { color: #60716e; } .email-availability-status[data-state="available"] { color: var(--forest); } .email-availability-status[data-state="unavailable"] { color: #a33125; } .email-availability-status a { margin-left: 8px; text-decoration: underline; } .form-submit { display: flex; align-items: center; gap: 25px; } .form-submit .button { cursor: pointer; font-family: var(--body-font); } .form-errors { padding: 24px; margin-bottom: 30px; color: white; background: #b42318; border-left: 6px solid #6f160f; } .form-errors h2 { margin-bottom: 12px; font-size: 1.2rem; } .form-errors ul { margin-bottom: 0; } .form-check { display: flex; min-height: 88px; padding: 18px; align-items: flex-start; gap: 14px; background: var(--cream); border: 1px solid var(--line); cursor: pointer; } .form-check input { flex: 0 0 22px; width: 22px; height: 22px; min-height: 0; margin: 2px 0 0; accent-color: var(--forest); } .form-check span, .form-check strong, .form-check small { display: block; } .form-check strong { color: var(--ink); font: 700 1rem var(--heading-font); } .form-check small { margin-top: 5px; color: #60716e; font-size: .78rem; font-weight: 400; } .survey-question-list { display: grid; gap: 20px; } .survey-question-editor { padding: 20px; background: var(--cream); border-left: 3px solid var(--sage); } .survey-question-editor textarea { background: white; } .quiz-question-list { display: grid; gap: 20px; } .quiz-question-menu { position: absolute; top: 13px; right: 20px; z-index: 20; } .quiz-answer-list { display: grid; width: 100%; min-width: 0; gap: 8px; margin: 16px 0; overflow-x: auto; } .quiz-answer-list__heading, .quiz-answer-editor { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; } .quiz-answer-list__heading { padding: 0 12px; color: #526562; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .quiz-answer-editor { padding: 12px; align-items: center; background: var(--cream); border: 1px solid var(--line); } .quiz-answer-editor input[type="radio"] { grid-column: 1; grid-row: 1; width: 14px; height: 14px; min-height: 0; padding: 0; margin: 0; accent-color: var(--forest); cursor: pointer; } .quiz-answer-editor__text { grid-column: 2; grid-row: 1; } .quiz-answer-editor__text { width: 100%; min-width: 60ch; min-height: 52px; padding: 12px 14px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 0; font: 400 1rem/1.4 var(--body-font); } .quiz-answer-editor__text:focus { outline: 2px solid var(--coral); outline-offset: 1px; } .quiz-reference-slide-editor { margin-top: 20px; } .quiz-reference-slide-editor input { min-height: 52px; background: white; } .survey-result { display: grid; gap: 36px; } .survey-result-meta { display: grid; margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); background: white; border: 1px solid var(--line); } .survey-result-meta div { min-width: 0; padding: 22px; border-right: 1px solid var(--line); } .survey-result-meta div:last-child { border-right: 0; } .survey-result-meta dt { margin-bottom: 8px; color: #60716e; font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .survey-result-meta dd { margin: 0; color: var(--ink); font-weight: 700; overflow-wrap: anywhere; } .survey-result-meta dd > strong { display: block; font-weight: 700; } .survey-result-meta small { display: block; margin-top: 5px; color: #60716e; font-size: .76rem; font-weight: 400; } .test-result-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); } .test-result-meta div:nth-child(3n) { border-right: 0; } .test-result-meta div:nth-child(-n+3) { border-bottom: 1px solid var(--line); } .survey-result-section { padding: 34px; background: white; border: 1px solid var(--line); } .survey-result-answer-list, .survey-result-written-list { display: grid; gap: 1px; margin: 0; padding: 0; background: var(--line); border: 1px solid var(--line); list-style-position: inside; } .survey-result-answer { padding: 22px; background: var(--cream); } .survey-result-answer::marker, .survey-result-written-list li::marker { color: var(--forest); font-weight: 700; } .survey-result-answer p, .survey-result-written-list h3 { font-size: 1rem; line-height: 1.5; font-weight: 700; } .survey-result-answer p { display: inline; margin: 0; color: #304744; } .survey-result-answer strong { display: block; width: fit-content; margin: 0 0 12px 22px; padding: 5px 10px; border-radius: 999px; font-size: .8rem; } .likert-response--strongly-agree { color: #165a3b; background: #dcefe3; } .likert-response--agree { color: #245d3f; background: #eaf5ed; } .likert-response--neutral { color: #65531b; background: #f4edcf; } .likert-response--disagree { color: #7a3c0e; background: #fbe4d1; } .likert-response--strongly-disagree { color: #7d2622; background: #f5d9d6; } .likert-response--unavailable { color: #495a57; background: #e5eae8; } .survey-result-written-list li { padding: 22px; background: var(--cream); } .survey-result-written-list h3 { display: inline; } .survey-result-written-list p { margin: 0 0 13px 22px; white-space: pre-wrap; } .survey-result-written-list .test-preview-choices { margin: 14px 0 14px 22px; padding-left: 20px; } .survey-result-written-list .test-preview-choices li { padding: 3px 0; background: transparent; } .survey-result-written-list .test-preview-choices small { display: block; margin: 3px 0 7px; color: #60716e; } .quiz-answer-comment { padding: 12px 14px; background: var(--cream); border-left: 3px solid var(--sage); } .survey-result-empty-answer { color: #60716e; font-style: italic; } .account-hero { padding: 80px max(24px, calc((100vw - 980px) / 2)); color: white; background: linear-gradient(115deg, var(--forest-dark), var(--forest)); } .account-hero--image { position: relative; display: flex; height: 240px; min-height: 240px; padding-block: 28px; align-items: flex-end; overflow: hidden; background: var(--forest-dark); } .account-hero--profile { padding-block: 28px; } .account-hero--registration { padding-block: 12px; } .account-hero--image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(8, 18, 18, .72) 0%, rgba(8, 18, 18, .46) 48%, rgba(8, 18, 18, .12) 78%), linear-gradient(0deg, rgba(8, 18, 18, .28), transparent 58%); } .account-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .account-hero__content { position: relative; z-index: 1; max-width: 760px; text-shadow: 0 2px 14px rgba(0, 0, 0, .38); } .account-hero--compact { padding-block: 65px; } .account-hero--dashboard { padding-block: 28px; } .account-hero h1 { margin-bottom: 18px; font-size: clamp(2.6rem, 5vw, 4.8rem); } .account-hero--image h1 { font-size: clamp(2rem, 3vw, 3.2rem); } .account-hero--profile h1 { margin-bottom: 4px; font-size: clamp(2rem, 3vw, 3.2rem); } .account-hero--registration h1 { margin-bottom: 4px; font-size: clamp(1.7rem, 2.8vw, 2.5rem); } .account-hero--registration .eyebrow { margin-bottom: 6px; } .account-hero--registration p:last-child { font-size: .9rem; } .account-hero--dashboard h1 { margin-bottom: 4px; font-size: clamp(2rem, 3vw, 3.2rem); } .account-hero p:last-child { max-width: 700px; margin-bottom: 0; color: #d9e2dd; font-size: 1.05rem; } .account-page { width: min(980px, calc(100vw - 48px)); padding: 75px 0 110px; margin: auto; } .account-page--narrow { width: min(620px, calc(100vw - 48px)); } .account-page--dashboard { padding-block: 48px 80px; } .account-page--dashboard .account-admin-callout { margin-bottom: 20px; padding: 20px 24px; } .dashboard-user-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px 24px; width: 100%; margin: 0; font-size: .85rem; } .dashboard-user-details dt { font-size: .72rem; font-weight: 400; } .dashboard-user-details dd { margin: 3px 0 0; font-weight: 400; overflow-wrap: anywhere; } .account-page--dashboard .account-registrations { margin-bottom: 20px; padding: 24px; } .account-page--dashboard .account-registrations h2 { margin-bottom: 16px; font-size: clamp(1.5rem, 2.5vw, 2rem); } .account-page--dashboard .account-registration-list article { padding: 16px 18px; gap: 20px; } .account-page--dashboard .course-session-list { gap: 18px; } .account-page--dashboard .course-session-panel__header { padding: 18px 20px; } .account-page--dashboard .course-session-panel__header h3 { font-size: clamp(1.05rem, 1.8vw, 1.3rem); } .account-page--dashboard .course-session-panel__status { display: grid; padding: 8px 12px; grid-template-columns: 1fr; gap: 6px; background: #eef3f0; border-bottom: 1px solid var(--line); } .account-page--dashboard .course-session-panel__status h4, .account-page--dashboard .course-session-panel__status p { margin: 0; } .course-session-panel__status-summary { display: flex; align-items: baseline; justify-content: flex-start; gap: 10px; } .course-session-panel__status-summary h4 { font-size: .85rem; } .session-workflow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; } .session-workflow__step { display: flex; min-width: 0; min-height: 40px; padding: 5px 7px; align-items: center; justify-content: space-between; gap: 5px; white-space: nowrap; background: white; border: 1px solid var(--line); } .session-workflow__step h5 { margin: 0; color: var(--forest-dark); font-size: .7rem; } .session-workflow__action, .session-workflow__status { flex: 0 0 auto; padding: 4px 6px; color: #765221; background: #f4edcf; border: 1px solid #ddd1a3; font-size: .66rem; font-weight: 700; line-height: 1; } .session-workflow__action { color: var(--forest-dark); background: var(--coral); border-color: var(--coral); text-decoration: none; } .session-workflow__action:hover { color: var(--forest-dark); background: #ff9577; } .session-workflow__action--complete, .session-workflow__status--complete { color: #165a3b; background: #dcefe3; border-color: #b9d9c5; } .session-workflow__action--complete:hover { color: #123f2c; background: #cce6d5; } .account-page--dashboard .button, .account-page--dashboard .session-workflow__action { color: white !important; background: #176987; border-color: #176987; } .account-page--dashboard .button:hover, .account-page--dashboard .button:focus-visible, .account-page--dashboard .session-workflow__action:hover, .account-page--dashboard .session-workflow__action:focus-visible { color: white !important; background: #12556f; border-color: #12556f; } .account-page--dashboard .course-session-panel__content > section { padding: 18px; } .account-form fieldset { box-shadow: 0 12px 35px rgba(18, 60, 58, .06); } .form-grid--single { grid-template-columns: 1fr; } .login-modal { width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; color: var(--ink); background: transparent; border: 0; overflow: visible; } .login-modal::backdrop { background: rgba(9, 28, 27, .66); backdrop-filter: blur(3px); } .login-modal__panel { position: relative; padding: 34px; background: var(--cream); border: 1px solid var(--line); box-shadow: 0 24px 70px rgba(9, 28, 27, .28); overflow: auto; } .login-remember-option { display: inline-flex; width: fit-content; align-items: center; gap: 9px; color: #526562; font-size: .8rem; font-weight: 600; cursor: pointer; } .login-remember-option input[type="checkbox"] { display: inline-block; width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; accent-color: var(--forest); } .login-modal__close { position: absolute; top: 12px; right: 14px; width: 36px; height: 36px; padding: 0; color: var(--forest-dark); background: transparent; border: 0; font: 400 2rem/1 var(--body-font); cursor: pointer; } .login-modal__close:hover { color: var(--coral-dark); } .login-modal__heading { padding-right: 42px; margin-bottom: 20px; } .login-modal__heading .eyebrow { margin-bottom: 6px; color: var(--forest); } .login-modal__heading h2 { margin-bottom: 6px; font-size: clamp(1.8rem, 4vw, 2.5rem); } .login-modal__heading p:last-child { margin: 0; color: #526562; } .login-modal .account-form fieldset { padding: 22px; box-shadow: none; } .login-modal .form-submit { margin-top: 18px; } .login-form__alert { padding: 11px 13px; margin-bottom: 14px; color: #792c25; background: #f7ded9; border: 1px solid #d9a49b; font-weight: 700; } body:has(.login-modal[open]) { overflow: hidden; } .account-logout { padding: 0; color: #792c25; background: none; border: 0; border-bottom: 1px solid currentColor; font: 700 1rem var(--body-font); cursor: pointer; } .account-license-management { padding: 32px; margin-top: 34px; background: white; border: 1px solid var(--line); } .account-section-heading h2 { margin: 0 0 8px; font-size: 1.5rem; } .account-section-heading p { margin: 0; color: #526562; } .account-license-list { display: grid; gap: 10px; margin: 24px 0; } .account-license-row { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 14px 16px; background: var(--cream); border: 1px solid var(--line); } .account-license-row div { display: flex; flex-wrap: wrap; gap: 8px 18px; } .account-license-row span { color: #526562; } .account-license-form { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto; gap: 16px; align-items: end; padding-top: 24px; border-top: 1px solid var(--line); } .account-license-form .form-errors { grid-column: 1 / -1; } .account-license-form > .button { min-height: 46px; } .account-admin-callout { display: flex; margin-bottom: 30px; padding: 26px 30px; align-items: center; justify-content: space-between; gap: 30px; color: white; background: var(--forest); } .account-admin-callout strong, .account-admin-callout span { display: block; } .account-admin-callout strong { font: 700 1.1rem var(--heading-font); } .account-admin-callout span { margin-top: 5px; color: #d9e2dd; font-size: .86rem; } .account-registrations { margin-bottom: 30px; padding: 30px; background: white; border: 1px solid var(--line); } .account-registrations h2 { margin-bottom: 24px; font-size: clamp(1.65rem, 3vw, 2.4rem); } .account-registration-list { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); } .account-registration-list article { display: grid; padding: 20px; grid-template-columns: 1fr auto; gap: 25px; align-items: center; background: var(--cream); } .account-registration-list .course-dashboard-card { border-left: 9px solid #8f321f; } .account-registration-list .course-dashboard-card--land { background: #fff2e8; } .account-registration-list .course-dashboard-card--on-demand { background: #e4f3f8; border-left-color: #075d78; } .account-registration-list .course-dashboard-card--webinar { background: #eee6f7; border-left-color: #573276; } .course-dashboard-group { margin-top: 22px; } .course-dashboard-group + .course-dashboard-group { margin-top: 30px; padding-top: 24px; border-top: 3px solid var(--line); } .account-page--dashboard .course-dashboard-group h3 { margin: 0 0 12px; color: var(--forest-dark); font-size: 1.15rem; letter-spacing: -.01em; } .course-dashboard-card h1 { margin: 0 0 10px; font-size: 1.35rem; line-height: 1.35; letter-spacing: 0; overflow-wrap: anywhere; } .course-dashboard-card-labels { display: flex; margin-bottom: 9px; align-items: center; flex-wrap: wrap; gap: 7px; } .account-registration-list .course-format-badge, .course-history-table .course-type-badge { display: inline-flex; width: fit-content; margin: 0; padding: 8px 14px; align-items: center; color: #fff; background: #8f321f; border: 2px solid #682315; border-radius: 6px; font-family: var(--body-font); font-size: .86rem; font-weight: 800; line-height: 1; letter-spacing: 0; text-transform: none; white-space: nowrap; -webkit-font-smoothing: antialiased; } .account-registration-list .course-format-badge { color: #fff; } .account-registration-list .course-format-badge--on-demand, .course-history-table .course-type-badge--online { background: #075d78; border-color: #043e51; } .account-registration-list .course-format-badge--webinar, .course-history-table .course-type-badge--webinar { background: #573276; border-color: #3a204f; } .course-history-table .course-type-badge--cruise { background: #155368; border-color: #0b3745; } .course-history-table .course-type-badge--dvd { background: #6c4812; border-color: #493109; } .course-history-table .course-type-badge--cd { background: #4c5963; border-color: #303a41; } .course-history-table .course-type-badge--hospital { background: #7b2947; border-color: #54182f; } .course-history-table .course-type-badge--unknown { color: #283633; background: #e2e7e5; border-color: #aebbb6; } .course-dashboard-card-labels .status-badge { margin: 0; } .account-registration-list strong, .account-registration-list span { display: block; } .account-registration-list strong a:hover { color: var(--forest); text-decoration: underline; } .account-registration-list div:first-child > span:not(.course-format-badge) { margin-top: 5px; color: #60716e; font-size: .8rem; } .course-dashboard-requirements { display: flex; margin-top: 10px; flex-wrap: wrap; gap: 5px; } .course-dashboard-requirements--heading { margin: 0 0 8px; } .course-dashboard-requirement { padding: 4px 7px; color: #6a4b25; background: #e4d3b9; border: 1px solid #cdb894; font-size: .68rem; font-weight: 700; line-height: 1.2; } .course-dashboard-requirement[data-requirement-state="partial"] { color: #654f0d; background: #f3dfa1; border-color: #d3a72f; } .course-dashboard-requirement[data-requirement-state="complete"] { color: #165a3b; background: #dcefe3; border-color: #9fcbb0; } .course-dashboard-requirement[data-requirement-state="not-applicable"] { color: #526562; background: #e5eae8; border-color: #c7d1cd; } .account-registration-status { display: grid; gap: 4px; text-align: right; color: #60716e; font-size: .76rem; } .account-registration-status b { color: var(--ink); } .account-registration-status .button { margin-top: 5px; } .evaluation-completed { color: #246158; font-weight: 700; } .evaluation-unavailable { max-width: 260px; color: #765221; font-weight: 700; } .account-registration-empty { margin-bottom: 0; color: #60716e; } .course-wide-resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .course-wide-resource-grid h3 { margin-bottom: 12px; font-size: 1.1rem; } .course-session-list { display: grid; gap: 24px; } .course-session-panel { overflow: hidden; background: var(--cream); border: 1px solid var(--line); } .course-session-panel__header { display: block; padding: 22px 24px; color: white; background: #176987; } .course-session-panel__header > div { width: 100%; } .course-session-panel__header .eyebrow { margin-bottom: 6px; color: #d4e1dc; } .course-session-panel__header h3 { margin: 0; color: white; font-size: clamp(1.25rem, 2.5vw, 1.65rem); } .course-session-panel__header .course-session-panel__credit-hours { margin: 5px 0 0; color: #d4e1dc; font-size: .76rem; font-weight: 600; } .course-session-panel__content { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .course-control-panel--compact .course-session-panel__header { padding: 10px 14px; } .course-control-panel--compact .course-session-panel__header h3 { font-size: 1rem; } .course-control-panel--compact .course-session-panel__header .eyebrow { display: none; } .course-control-panel--compact .course-session-panel__header p { margin: 4px 0 0; font-size: .8rem; } .course-control-panel--compact .course-session-panel__header p span { margin-left: 12px; } .course-control-panel--compact .course-session-panel__content { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; padding: 10px 14px; } .course-control-panel--compact .session-compact-resources { min-width: 0; max-width: 100%; } .course-control-panel--compact .course-resource-table { width: 100%; } .course-control-panel--compact .course-resource-table small { margin-left: 8px; } .course-control-panel--compact .session-compact-resources summary { color: #006699; text-decoration: underline; cursor: pointer; font-size: .8rem; } .course-control-panel--compact .session-compact-resources[open] { flex-basis: 100%; } .course-control-panel--compact .button--small { font-size: .75rem; padding: 7px 10px; min-height: 32px; } .course-control-panel--compact button:disabled { opacity: .6; cursor: not-allowed; } .course-session-panel__content--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .course-session-panel__content > section { min-width: 0; padding: 22px; border-right: 1px solid var(--line); } .course-session-panel__content > section:last-child { border-right: 0; } .course-session-panel__content h4 { margin-bottom: 14px; color: var(--forest-dark); font-size: 1rem; } .course-session-panel__content .evaluation-completed { display: block; margin-top: 5px; } .session-resource-list { display: grid; gap: 8px; } .session-resource-list > div { display: flex; padding: 11px 12px; align-items: center; justify-content: space-between; gap: 12px; background: white; border: 1px solid var(--line); } .session-resource-list strong, .session-resource-list small { display: block; } .session-resource-list strong { font-size: .86rem; } .session-resource-list small { margin-top: 3px; color: #60716e; font-size: .72rem; } .course-session-panel .course-resource-table-section { padding: 0 14px 14px; margin-top: 14px; } .course-session-panel .course-resource-table-section + .course-resource-table-section { padding-top: 0; margin-top: 0; } .course-resource-table-section > h3, .course-resource-table-section > h4 { margin-bottom: 8px; font-size: .88rem; font-weight: 400; } .course-session-panel, .course-session-panel h3, .course-session-panel h4, .course-session-panel h5, .course-session-panel p, .course-session-panel th, .course-session-panel td, .course-session-panel a, .course-session-panel span { font-weight: 400; } .course-resource-table .admin-table-link { color: #075f9b !important; font-weight: 400 !important; text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 2px; cursor: pointer; } .course-resource-table .admin-table-link:hover, .course-resource-table .admin-table-link:focus-visible { color: #003f6b !important; text-decoration-thickness: 2px; } .course-video-selector { margin: 12px 0 20px; min-width: 0; } .course-file-list { padding: 14px; font-size: .85rem; font-weight: 400; } .learning-center .course-certificate-entry { padding: 12px 14px; background: transparent; border: 0; box-shadow: none; } .learning-center .course-session-list[data-course-step="complete"] { gap: 0; } .learning-center .course-session-list[data-course-step="complete"] > .course-certificate-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding: 6px 14px; border-bottom: 1px solid #e5e9ec; } .learning-center .course-session-list[data-course-step="complete"] > .course-certificate-entry:last-child { border-bottom: 0; } .learning-center .course-session-list[data-course-step="complete"] h3 { margin: 0; line-height: 1.3; } .learning-center .course-session-list[data-course-step="complete"] form { margin: 0; } .learning-center .course-session-list[data-course-step="complete"] .course-certificate-download { min-height: 32px; padding: 5px 10px; font-size: .78rem; } .learning-center .course-session-list[data-course-step="complete"] :is(p[role="status"], div[id^="credit-blockers-"]) { grid-column: 1 / -1; margin: 0; } .learning-center .course-session-list[data-course-step="complete"] div[id^="credit-blockers-"] p, .learning-center .course-session-list[data-course-step="complete"] div[id^="credit-blockers-"] ul, .learning-center .course-session-list[data-course-step="complete"] div[id^="credit-blockers-"] li { display: inline; margin: 0; padding: 0; } .learning-center .course-session-list[data-course-step="complete"] div[id^="credit-blockers-"] ul { list-style: none; } .learning-center .course-session-list[data-course-step="complete"] div[id^="credit-blockers-"] li + li::before { content: " · "; } .account-page--dashboard:has(.course-session-list[data-course-step="complete"]) { padding-block: 18px 28px; } .account-page--dashboard:has(.course-session-list[data-course-step="complete"]) .learning-center { padding: 14px; } .account-page--dashboard:has(.course-session-list[data-course-step="complete"]) .learning-center__steps { padding-block: 8px; margin-bottom: 6px; } .account-page--dashboard:has(.course-session-list[data-course-step="complete"]) .learning-center__footer { padding-block: 8px; } .learning-center .course-certificate-entry h3 { margin: 0 0 5px; font-size: 1rem; font-weight: 400; } .learning-center .course-certificate-entry p { margin: 0 0 10px; font-size: .85rem; font-weight: 400; } .learning-center .course-certificate-download { font-size: .85rem; font-weight: 400; min-height: 40px; padding: 8px 16px; } .learning-center .course-certificate-download:disabled { background: #e4e7eb; color: #525b65; border-color: #c5cbd2; cursor: not-allowed; } .course-file-list h3 { font-size: 1rem; } .course-file-list ul { list-style: none; padding: 0; margin: 0; } .course-file-list li { margin: 8px 0; overflow-wrap: anywhere; } .learning-center .course-document-row { margin: 5px 0; } .learning-center .course-document-row__link, .learning-center .course-document-row__label { display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box; padding: 6px 4px; line-height: 1.4; } .learning-center .course-document-row__link svg, .learning-center .course-document-row__label svg { flex: none; } .learning-center .course-document-row__link:hover, .learning-center .course-document-row__link:focus-visible { background: var(--mist); } .learning-center .course-document-row__link:focus-visible { outline: 3px solid var(--forest); outline-offset: 2px; } .learning-center .course-document-row__note, .learning-center .course-document-row__download { display: inline-block; margin-left: 38px; } .learning-center .course-session-list:has(> .course-file-list) { gap: 0; } .learning-center .course-session-list > .course-file-list { padding: 0 14px; margin: 0; } .learning-center .course-session-list > .course-file-list li { margin: 0; padding: 0; line-height: 1.4; } .learning-center .course-session-list[data-course-step="evaluations"] > .course-file-list li, .learning-center .course-session-list[data-course-step="credits"] > .course-file-list li { padding: 8px 0; } .learning-center .course-session-list[data-course-step="evaluations"] > .course-file-list + .course-file-list { margin-top: 12px; padding-top: 16px; border-top: 1px solid var(--line); } .learning-center .course-session-list[data-course-step="evaluations"] > .course-file-list h3 { margin: 0 0 6px; } .learning-center .course-file-list h3[id^="course-materials-session-"], .learning-center .course-file-list h3[id^="course-documents-session-"], .learning-center .course-session-list > article h3 { font-size: .9rem; font-weight: 700; } .course-file-list a { font-weight: 400; text-decoration: underline; color: #176987; } .learning-center { max-width: 1040px; margin-inline: auto; background: white; border: 1px solid #dce1e7; } .course-pdf-preview { max-width: 1040px; margin: 0 auto; padding: 12px; } .course-pdf-preview__controls { position: sticky; top: 0; z-index: 50; display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0; background: white; } .course-pdf-preview__controls .button { font-size: .85rem; padding: 10px 14px; } .course-pdf-preview h1 { font-size: 1rem; } .course-pdf-preview p { font-size: .85rem; } .course-pdf-preview__document { display: block; width: 100%; height: 75vh; height: 75dvh; border: 1px solid #dce1e7; } .quiz-learning-header { background: #32799a; color: white; padding: 12px 16px; } .quiz-learning-header h1 { margin: 0; color: white; font-size: .95rem; line-height: 1.4; font-weight: 700; } .quiz-learning-header p { margin: 6px 0 0; color: white; font-size: .85rem; line-height: 1.4; font-weight: 400; } .quiz-learning-body { padding: 14px; min-width: 0; font-size: .9rem; } .quiz-learning-body .evaluation-form { padding: 0; border: 0; box-shadow: none; background: transparent; } .quiz-learning-body .evaluation-scale-key, .quiz-learning-body .evaluation-objectives { padding: 12px; background: #f1f4f8; border: 1px solid #dce1e7; font-size: .9rem; } .quiz-learning-body .evaluation-objectives h2 { font-size: 1rem; } .quiz-learning-body .evaluation-scale-key, .quiz-learning-body .evaluation-scale-key strong, .quiz-learning-body .evaluation-scale-key span { color: #202b3b; } .quiz-learning-body .evaluation-question { padding: 12px 0; min-width: 0; } .quiz-learning-body .evaluation-question legend, .quiz-learning-body .likert-option label { font-size: .9rem; font-weight: 400; line-height: 1.5; } .quiz-learning-body .evaluation-question legend { font-weight: 700; } .quiz-learning-body .button { font-size: .85rem; font-weight: 400; min-height: 40px; padding: 8px 16px; } .quiz-learning-body .likert-options { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-inline-start: 24px; } .quiz-learning-body .likert-option { display: flex; align-items: baseline; gap: 10px; } .quiz-learning-body .likert-option input[type="radio"] { position: static; opacity: 1; appearance: auto; width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; flex: 0 0 16px; accent-color: #32799a; } .quiz-learning-body .likert-option label, .quiz-learning-body .likert-option input:checked + label { display: block; min-height: 0; padding: 0; color: var(--ink); background: transparent; border: 0; text-align: left; } .account-page--dashboard .learning-center > #on-demand-content-heading { background: #32799a; color: white; margin: 0; padding: 14px 16px; font-size: 1.3rem; line-height: 1.35; font-weight: 400; } .course-student-profile { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; box-sizing: border-box; margin: 0; padding: 12px 16px; background: #285f7e; color: white; font-size: .95rem; line-height: 1.4; font-weight: 400; } .course-student-profile__details { display: flex; align-items: center; flex-wrap: nowrap; gap: 16px; min-width: 0; margin: 0; } .course-student-profile__details div { min-width: 0; } .course-student-profile__details dd { margin: 0; color: white; white-space: nowrap; } .course-student-profile__history--separated { border-left: 1px solid rgba(255, 255, 255, .75); padding-left: 16px; } .course-student-profile .admin-table-link { flex: none; color: white; font-weight: 400; text-decoration: underline; text-underline-offset: 3px; } .course-student-profile .admin-table-link:hover { color: #bfe8ff; text-decoration-thickness: 2px; } .course-student-profile .admin-table-link:focus-visible { outline: 3px solid white; outline-offset: 3px; } .course-zoom-access { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; width: 100%; box-sizing: border-box; margin: 0; padding: 12px 16px; background: #eef0f2; border: 1px solid #cbd2d9; font-size: .95rem; font-weight: 700; line-height: 1.4; } .course-zoom-access a { color: #ad2929; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; } .course-zoom-access a:hover { color: #871d1d; text-decoration-thickness: 2px; } .course-zoom-access a:focus-visible { outline: 3px solid #ad2929; outline-offset: 3px; } @media (max-width: 1100px) { .course-student-profile__location { display: none; } .course-student-profile__history--separated { border-left: 0; padding-left: 0; } } @media (max-width: 900px) { .course-student-profile { gap: 12px; } .course-student-profile__details { gap: 12px; } } .learning-center > .eyebrow { display: none; } .learning-center .course-header-venue { display: block; margin-top: 6px; color: white; font-size: .95rem; font-weight: 400; line-height: 1.4; } .learning-center__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #f1f4f8; padding: 12px 4px; gap: 4px; margin-bottom: 18px; } .learning-center__steps--five { grid-template-columns: repeat(5, minmax(0, 1fr)); } .learning-center__steps + .course-file-list, .learning-center__steps + .learning-center__instructions, .learning-center__steps + .course-session-list > .course-certificate-entry:first-child { padding-top: 0; } .learning-center__step { display: flex; flex-direction: column; align-items: center; gap: 5px; color: #46556b; text-decoration: underline; font-size: .85rem; font-weight: 400; } .learning-center__step span { display: grid; place-items: center; border: 1px solid #ccd5df; border-radius: 50%; width: 24px; height: 24px; background: white; } .learning-center__step[aria-current] { color: #155c94; } .learning-center__step[aria-current] span { background: #176da8; color: white; } .learning-center__instructions { padding: 14px; font-size: .9rem; } .learning-center__footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr); align-items: center; gap: 12px; padding: 14px; border-top: 1px solid #dce1e7; } .learning-center__footer-slot { min-width: 0; } .learning-center__footer-slot--center { text-align: center; } .learning-center__footer-slot--forward { text-align: right; } .learning-center__footer form { margin: 0; } .learning-center__footer-button { max-width: 100%; padding: 6px 10px; border: 1px solid #92c69b; border-radius: 4px; background: #dff2df; color: #1f6031; font: inherit; font-size: .78rem; font-weight: 700; line-height: 1.25; white-space: normal; cursor: pointer; } .learning-center__footer-button:hover { background: #cbe9ce; border-color: #6bab79; } .learning-center__footer-button:focus-visible { outline: 3px solid #176da8; outline-offset: 2px; } .learning-center__footer-button--center { border-color: #a8c8e3; background: #e4f0fb; color: #165785; } .learning-center__footer-button--center:hover { border-color: #77aad2; background: #d0e5f7; } .learning-center__footer-button:disabled { border-color: #d1d7dc; background: #eef0f2; color: #7a8490; cursor: default; } .learning-center .course-session-panel__header { background: #f1f4f8; color: #202b3b; } .learning-center .course-session-panel__header h3 { color: #202b3b; font-size: 1rem; } @media (max-width: 600px) { .course-student-profile { flex-wrap: wrap; font-size: .85rem; } .course-student-profile__details { flex-wrap: wrap; gap: 6px 16px; } .course-student-profile__details dd { white-space: normal; overflow-wrap: anywhere; } .learning-center__step { font-size: .72rem; } .account-page--dashboard .learning-center > #on-demand-content-heading { padding: 12px; font-size: 1.1rem; } .learning-center .course-header-venue { font-size: .85rem; } .learning-center .course-resource-table { min-width: 0; width: 100%; } .learning-center__footer .button { padding: 10px; font-size: .8rem; } } .course-video-selector select { width: 100%; max-width: 100%; min-width: 0; font-size: .85rem; } .account-page--dashboard .course-assessment-table th, .account-page--dashboard .course-assessment-table td { width: auto; min-width: 0; white-space: normal; } .account-page--dashboard .course-resource-table td a { overflow-wrap: anywhere; } .account-page--dashboard .course-assessment-table thead, .account-page--dashboard .course-assessment-table th, .account-page--dashboard .course-materials-table thead, .account-page--dashboard .course-materials-table th { background: transparent !important; } .course-resource-table, .course-resource-table th, .course-resource-table td, .course-resource-table a, .course-resource-table span, .course-resource-table strong { font-weight: 400 !important; font-synthesis: none; } .course-assessment-table th:first-child, .course-assessment-table td:first-child { width: 130px; min-width: 130px; white-space: nowrap; } .course-video-player { width: min(760px, 100%); margin-top: 12px; } .course-video-player[hidden] { display: none; } .course-video-player--shared { width: 100%; padding: 14px; margin: 0 0 20px; background: white; border: 1px solid var(--line); scroll-margin-top: 120px; } .course-video-player--shared > h3 { margin-bottom: 10px; font-size: 1rem; font-weight: 400; } .course-video-player__details { display: grid; padding: 9px 11px; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; font-size: .75rem; font-weight: 400; } .course-video-player__details progress { width: 100%; height: 7px; accent-color: #176987; } .course-video-player__details a { color: #075f9b; font-weight: 400; text-decoration: underline; text-underline-offset: 2px; } .session-status-line { margin-bottom: 10px; color: #526562; font-size: .78rem; font-weight: 700; white-space: nowrap; } .session-result-statuses { display: grid; gap: 6px; margin: 0 0 14px; } .session-result-statuses div { display: flex; justify-content: space-between; gap: 12px; font-size: .8rem; } .session-result-statuses dt { color: #60716e; } .session-result-statuses dd { margin: 0; font-weight: 700; } .session-download-note { display: block; margin-top: 6px; color: #60716e; font-size: .75rem; } .vimeo-video-list { display: grid; gap: 14px; margin-top: 16px; } .vimeo-video { overflow: hidden; background: white; border: 1px solid var(--line); } .vimeo-video__frame { position: relative; padding-top: 56.25%; background: #102321; } .vimeo-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .vimeo-video__details { display: grid; padding: 12px; grid-template-columns: 1fr auto; gap: 5px 12px; align-items: center; } .vimeo-video__details strong { color: var(--forest-dark); font-size: .86rem; } .vimeo-video__details span { color: #526562; font-size: .72rem; font-weight: 700; } .vimeo-video__details progress { width: 100%; height: 7px; grid-column: 1 / -1; accent-color: var(--forest); } .account-deactivation { padding: 28px; margin-top: 34px; background: white; border: 1px solid #d5a29b; } .account-deactivation h2 { margin-bottom: 10px; font-size: 1.35rem; } .account-deactivation p { max-width: 760px; color: #526562; } .account-access-action { padding: 28px; margin-top: 34px; background: white; border: 1px solid var(--line); } .account-access-action h2 { margin-bottom: 10px; font-size: 1.35rem; } .account-access-action p { max-width: 760px; color: #526562; } .payment-checkout, .payment-hosted { width: min(820px, calc(100vw - 48px)); padding: 65px 0 100px; margin: auto; } .payment-summary, .payment-selection-form, .payment-hosted { background: white; border: 1px solid var(--line); box-shadow: 0 12px 35px rgba(18, 60, 58, .06); } .payment-summary { padding: 28px 32px; border-bottom: 0; } .payment-summary h2, .payment-hosted h2 { margin-bottom: 18px; font-size: 1.45rem; } .payment-summary dl { display: grid; gap: 10px; margin: 0; } .payment-summary dl div { display: grid; grid-template-columns: 120px 1fr; gap: 20px; } .payment-summary dt { color: #60716e; font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; } .payment-summary dd { margin: 0; font-weight: 700; } .payment-selection-form { padding: 32px; } .payment-selection-form fieldset { display: grid; gap: 10px; padding: 0; margin: 0 0 24px; border: 0; } .payment-selection-form legend { margin-bottom: 14px; font: 700 1.15rem var(--heading-font); } .payment-fee-option { display: grid; padding: 16px; grid-template-columns: auto 1fr; gap: 14px; align-items: center; background: var(--cream); border: 1px solid var(--line); cursor: pointer; } .payment-fee-option:has(input:checked) { background: var(--mist); border-color: var(--forest); } .payment-fee-option strong, .payment-fee-option small { display: block; } .payment-fee-option small { margin-top: 4px; color: #60716e; } .payment-security-note { padding: 16px 18px; color: #355653; background: var(--mist); border-left: 4px solid var(--sage); } .payment-hosted { padding: 32px; margin-block: 65px 100px; } .payment-hosted__heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; } .payment-hosted__heading p { color: #60716e; } .payment-hosted__frame { width: 100%; min-height: 650px; border: 1px solid var(--line); } .registration-checkout { display: grid; width: min(700px, calc(100vw - 48px)); gap: 10px; padding-block: 12px 24px; } .registration-pricing-form { padding: 12px 16px; background: white; border: 1px solid var(--line); box-shadow: 0 12px 35px rgba(18, 60, 58, .06); } .registration-pricing-form.admin-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; align-items: start; } .registration-pricing-form.admin-form fieldset { min-width: 0; padding: 8px 12px; margin: 0; } .registration-attendance-fieldset, .registration-venue-stay-fieldset, .registration-sessions-fieldset { grid-column: 1; } .registration-pricing-form > .form-field, .registration-pricing-form > .form-submit { grid-column: 1; } .registration-pricing-form.admin-form fieldset[hidden] { display: none; } .registration-pricing-form > .form-submit { flex-wrap: wrap; gap: 8px 18px; } .registration-pricing-form .registration-discount-input { min-height: 48px; padding: 10px 14px; background: #f4f8f7; border: 2px solid #668a87; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(18, 60, 58, .08); } .registration-pricing-form .registration-discount-input::placeholder { color: #526562; opacity: 1; } .registration-pricing-form .registration-discount-input:focus { background: white; border-color: var(--forest); outline: 3px solid var(--coral); outline-offset: 1px; } .registration-pricing-form .form-hint { margin: 0 0 5px; } .registration-advance-date { padding: 5px 8px; margin: 0 0 6px; color: #355653; background: var(--mist); border-left: 3px solid var(--sage); font-size: .82rem; } .registration-attendance-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .registration-attendance-options .payment-fee-option { min-width: 0; padding: 6px 10px; gap: 8px; } .registration-attendance-options .payment-fee-option strong { font-weight: 400; } .registration-session-option { display: grid; min-height: 0; padding: 4px 8px; grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 8px; border-bottom: 1px solid var(--line); } .registration-session-option .registration-session-option__name { min-width: 0; } .registration-session-option:last-child { border-bottom: 0; } .registration-checkout:has(.registration-price-result) { grid-template-columns: minmax(0, 1fr); } .registration-checkout:has(.registration-price-result) .registration-price-result { padding: 18px 22px; } .registration-checkout:has(.registration-price-result) .registration-price-result dl { gap: 6px; } .registration-checkout:has(.registration-price-result) .form-errors { grid-column: 1 / -1; } .registration-price-result { border-bottom: 1px solid var(--line); } .registration-price-total { padding-top: 12px; margin-top: 4px; border-top: 2px solid var(--forest); } .registration-price-total dt, .registration-price-total dd { color: var(--forest); font-size: 1rem; } .payment-purchase-form { padding-top: 24px; margin-top: 22px; border-top: 1px solid var(--line); } .payment-status--paid { color: #246158; font-weight: 700; } @media (max-width: 760px) { .registration-attendance-fieldset, .registration-venue-stay-fieldset, .registration-sessions-fieldset, .registration-pricing-form > .form-field, .registration-pricing-form > .form-submit { grid-column: 1; grid-row: auto; } } @media (min-width: 761px) and (max-height: 650px) { .registration-session-option .registration-session-option__name { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } .evaluation-page { display: grid; gap: 36px; } .evaluation-objectives { padding: 34px; background: var(--mist); border-left: 4px solid var(--sage); } .evaluation-objectives h2 { margin-bottom: 24px; font-size: clamp(1.7rem, 3vw, 2.5rem); } .evaluation-objective-list { display: grid; gap: 22px; } .evaluation-objective-list section { padding-top: 20px; border-top: 1px solid var(--line); } .evaluation-objective-list section:first-child { padding-top: 0; border-top: 0; } .evaluation-objective-list h3 { margin-bottom: 10px; font-size: 1.05rem; } .evaluation-objective-list ol, .evaluation-objective-list .rich-text > :last-child { margin-bottom: 0; } .evaluation-form { display: grid; gap: 30px; } .evaluation-scale-key { display: flex; padding: 18px 22px; align-items: center; justify-content: space-between; gap: 20px; color: white; background: var(--forest); } .evaluation-scale-key strong { font-family: var(--heading-font); } .evaluation-scale-key span { color: #d9e2dd; font-size: .85rem; } .knowledge-gap-assessment { padding: 28px; background: var(--mist); border: 2px solid var(--sage); } .knowledge-gap-assessment h2 { margin-bottom: 20px; color: var(--forest); font: 700 1.35rem/1.35 var(--heading-font); } .evaluation-questions { display: grid; gap: 16px; } .evaluation-question, .evaluation-comments { margin: 0; padding: 28px; background: white; border: 1px solid var(--line); } .evaluation-question legend, .evaluation-comments legend { padding: 0 8px; font: 700 1rem/1.5 var(--heading-font); } .evaluation-question legend span { color: var(--forest); } .evaluation-question--incorrect { background: #fff1f0; border-color: #b42318; } .evaluation-question--incorrect legend, .evaluation-question--incorrect legend span { color: #b42318; } .quiz-completed-test input[type="radio"]:disabled { opacity: 1; } .quiz-completed-test input[type="radio"]:disabled + label { color: var(--ink); opacity: 1; } .likert-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; } .likert-option { position: relative; } .likert-option input { position: absolute; opacity: 0; } .likert-option label { display: grid; min-height: 58px; padding: 9px; place-items: center; color: #526562; background: var(--cream); border: 1px solid var(--line); text-align: center; font-size: .78rem; font-weight: 700; cursor: pointer; } .likert-option input:checked + label { color: white; background: var(--forest); border-color: var(--forest); } .likert-option input:focus-visible + label { outline: 3px solid var(--coral); outline-offset: 2px; } .evaluation-comments { display: grid; gap: 24px; } .evaluation-comments legend span { padding-left: 8px; color: #60716e; font: 400 .75rem var(--body-font); text-transform: uppercase; letter-spacing: .08em; } .site-footer { padding: 32px 0 20px; color: #111; background: white; border-top: 1px solid var(--line); } .footer-inner { width: var(--page); margin: auto; display: grid; grid-template-columns: 1fr auto; column-gap: 28px; row-gap: 14px; align-items: center; } .footer-brand { max-width: 390px; } .footer-brand > a { display: inline-block; max-width: 100%; } .footer-logo { display: block; width: min(100%, 300px); height: auto; } .footer-inner p { margin: 7px 0 0; font-size: .82rem; } .footer-brand p { font-size: .76rem; } .footer-contact { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; color: #263331; font-size: .74rem; font-style: normal; line-height: 1.4; } .footer-contact span { display: inline-flex; align-items: center; white-space: nowrap; } .footer-contact span + span::before { margin: 0 10px; color: #87928f; content: "\2022"; } .footer-contact a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .footer-contact a:hover, .footer-contact a:focus-visible { color: var(--coral); } .footer-navigation { display: grid; justify-items: end; gap: 14px; } .footer-links { display: flex; gap: 30px; font-size: .85rem; font-weight: 600; } .footer-links a:hover { color: var(--coral); } .footer-social { display: flex; align-items: center; gap: 9px; } .footer-social a { display: grid; width: 32px; height: 32px; place-items: center; color: white; background: var(--forest); border-radius: 50%; transition: background-color .15s ease, transform .15s ease; } .footer-social a:hover, .footer-social a:focus-visible { color: white; background: var(--coral); outline: none; transform: translateY(-1px); } .footer-social a:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--coral) 35%, transparent); } .footer-social svg { width: 17px; height: 17px; fill: currentColor; } .copyright { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 14px; border-top: 1px solid var(--line); color: #111; } .build-information { white-space: nowrap; } .topics-hero h1 { font-size: clamp(2.6rem, 5vw, 4.5rem); } .topics-hero > div > p:last-child { font-size: .92rem; } .topics-index { width: var(--page); padding: 70px 0 110px; margin: auto; font-size: .9rem; } .on-demand-intro + .topics-index { padding-top: 20px; } .topic-controls { display: grid; gap: 24px; padding: 28px; background: white; border: 1px solid var(--line); } .topic-controls fieldset { padding: 0; margin: 0; border: 0; } .topic-controls legend { margin-bottom: 10px; color: var(--forest); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .topic-filter-buttons { display: flex; flex-wrap: wrap; gap: 8px; } .topic-filter-button { padding: 9px 14px; color: var(--forest); background: var(--mist); border: 1px solid transparent; border-radius: 999px; font: 600 .76rem var(--body-font); cursor: pointer; } .topic-filter-button:hover, .topic-filter-button:focus-visible { border-color: var(--forest); outline: none; } .topic-filter-button.active { color: white; background: var(--forest); } .topic-result-count { margin: 28px 0 12px; color: #526562; font-size: .85rem; font-weight: 700; } .topic-table-wrap { overflow-x: auto; background: white; border: 1px solid var(--line); } .topic-table { width: 100%; border-collapse: collapse; } .topic-table th { padding: 15px 18px; color: white; background: var(--forest); text-align: left; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; } .topic-sort-button { display: inline-flex; width: 100%; padding: 0; align-items: center; justify-content: space-between; gap: 8px; color: inherit; background: transparent; border: 0; font: inherit; letter-spacing: inherit; text-align: left; text-transform: inherit; cursor: pointer; } .topic-sort-button:hover, .topic-sort-button:focus-visible { color: var(--gold); outline: none; } .topic-sort-indicator { min-width: 1em; font-size: .68rem; text-align: center; } .topic-table td { padding: 17px 18px; border-bottom: 1px solid var(--line); vertical-align: top; font-size: .86rem; } .topic-table tbody tr:last-child td { border-bottom: 0; } .topic-table td:nth-child(1) { width: 13%; font-weight: 700; } .topic-table td:nth-child(2) { width: 26%; } .topic-table td:nth-child(3) { width: 18%; } .topic-table td:nth-child(4) { width: 15%; } .topic-table td:nth-child(5) { width: 10%; } .topic-table td:nth-child(6) { width: 18%; font-size: .78rem; line-height: 1.35; } .topic-table td a { color: #236d65; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .topic-course-table { table-layout: fixed; } .topic-course-table th:first-child, .topic-course-table td:first-child { width: auto; } .topic-course-table th:nth-child(2), .topic-course-table td:nth-child(2) { width: 8rem; white-space: nowrap; } .topic-course-table th:nth-last-child(-n+2), .topic-course-table td:nth-last-child(-n+2) { width: 8.5rem; white-space: nowrap; } .topic-course-name { display: inline-block; margin-bottom: 8px; font-size: .94rem; } .topic-course-sessions { display: grid; gap: 3px; margin: 0; padding-left: 1.2rem; color: #334744; font-size: .8rem; font-weight: 400; line-height: 1.35; } .topic-course-sessions > li { min-width: 0; padding-left: .15rem; overflow-wrap: anywhere; font-weight: 400; } .topic-course-table td.topic-course-date { font-weight: 400; } .topic-aafp-approval { text-align: center; } .topic-aafp-check { color: #236d65; font-size: 1.15rem; font-weight: 800; } .topic-format { display: inline-block; padding: 3px 8px; background: var(--mist); border-radius: 3px; white-space: nowrap; font-size: .72rem; font-weight: 700; } .topic-empty { padding: 30px; background: white; border: 1px solid var(--line); text-align: center; } @media (max-width: 1500px) { .faculty-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 900px) and (max-width: 1500px) { :root { --sticky-navigation-height: 98px; } .header-inner { height: 98px; padding: 0 14px; flex-wrap: nowrap; } .brand { width: min(255px, 21vw); height: auto; margin: 0 auto 0 0; } .brand-logo { max-height: 62px; } .menu-button { display: none; } .site-nav { display: flex; position: static; width: auto; margin-left: auto; align-items: center; justify-content: flex-end; gap: clamp(6px, .85vw, 18px); background: transparent; border-top: 0; } .site-nav > .nav-link, .site-nav > .nav-dropdown { min-width: 0; flex: 0 0 auto; } .nav-link { display: block; width: auto; min-height: 0; padding: 36px 0 31px; border-bottom: 3px solid transparent; font-size: clamp(.62rem, .8vw, .82rem); line-height: 1.18; text-align: center; white-space: nowrap; } .dropdown-panel { top: 76px; } } @media (max-width: 899px) { :root { --sticky-navigation-height: 82px; } .header-inner { height: 82px; padding-inline: 14px; } .brand { width: min(270px, 68vw); } .brand-logo { max-height: 60px; } .menu-button { display: block; } .site-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 20px 24px; align-items: stretch; flex-direction: column; gap: 0; background: var(--cream); box-shadow: 0 18px 30px rgba(0,0,0,.12); } .site-nav.is-open { display: flex; } .nav-link { display: block; width: 100%; padding: 14px 0; text-align: left; border-bottom: 1px solid var(--line); } .dropdown-panel { display: none; position: static; width: auto; padding: 6px 0 6px 15px; opacity: 1; pointer-events: auto; transform: none; box-shadow: none; background: transparent; } .dropdown-panel.is-open { display: block; } } @media (max-width: 900px) { .topics-index { padding-block: 50px 80px; } .topic-table-wrap { overflow: visible; border: 0; background: transparent; } .topic-table, .topic-table tbody { display: block; } .topic-table thead { display: none; } .topic-table tr { display: grid; padding: 18px; margin-bottom: 14px; background: white; border: 1px solid var(--line); } .topic-table td, .topic-table td:nth-child(n) { display: grid; width: auto; grid-template-columns: 120px 1fr; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); } .topic-table td:last-child { border-bottom: 0; } .topic-table td::before { content: attr(data-label); color: #60716e; font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .topic-course-table td.topic-course-details { display: block; } .topic-course-table td.topic-course-details::before { display: block; margin-bottom: 8px; } .topic-course-table .topic-course-name { display: block; width: 100%; } .topic-course-table .topic-course-sessions { width: 100%; } :root { --page: min(100% - 36px, 720px); --public-hero-height: 456px; } .survey-result-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); } .survey-result-meta div:nth-child(2) { border-right: 0; } .survey-result-meta div:nth-child(-n+2) { border-bottom: 1px solid var(--line); } .listing-hero { min-height: 456px; padding-block: 56px; align-items: flex-end; } .hero-stat { display: none; } .course-grid { grid-template-columns: repeat(2, 1fr); } .content-grid { grid-template-columns: 1fr; gap: 45px; } .faculty-intro { grid-template-columns: 1fr; gap: 15px; } .faculty-intro .eyebrow, .faculty-intro h2, .faculty-intro > p:last-child { grid-column: 1; grid-row: auto; } .faculty-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .profession-index, .profession-content { padding-block: 65px 85px; } .profession-format-grid { grid-template-columns: 1fr; } .on-demand-intro__lead, .on-demand-intro--home .on-demand-intro__lead { grid-template-columns: 1fr; gap: 18px; } .on-demand-intro__lead .eyebrow, .on-demand-intro__lead h2, .on-demand-intro__lead > p:last-child, .on-demand-intro__copy, .on-demand-intro--home .on-demand-intro__lead > p:last-child { grid-column: 1; grid-row: auto; } .on-demand-intro__lead h2, .on-demand-intro__copy { margin-top: 0; } .included-strip ul { grid-template-columns: repeat(2, 1fr); } .section-intro { position: static; } .venue-section { grid-template-columns: 1fr; } .venue-details-grid { grid-template-columns: 1fr; } .venue-detail-card--reservations { grid-column: auto; } .venue-image-wrap { height: 325px; } .course-hero__bottom { align-items: start; flex-direction: column; } .course-hero__content { padding: 24px 0 32px; } .course-hero__bottom { gap: 18px; } .course-hero h1 { margin-bottom: 16px; font-size: 2.4rem; } .course-hero h1.course-hero__search-heading { margin-bottom: 10px; font-size: 2.2rem; } .course-hero__course-name { margin-bottom: 16px; font-size: 1.05rem; } .hero-meta { gap: 18px; } .test-result-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); } .test-result-meta div, .test-result-meta div:nth-child(3n) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); } .test-result-meta div:nth-child(2n) { border-right: 0; } .test-result-meta div:nth-last-child(-n+2) { border-bottom: 0; } } @media (max-width: 620px) { .learning-center .course-session-list[data-course-step="complete"] > .course-certificate-entry { grid-template-columns: minmax(0, 1fr); } .course-history-modal__details { grid-template-columns: 1fr; } .on-demand-intro--home { padding: 36px 0 8px; } .on-demand-intro--home .credit-options { margin-top: 1px; } .courses-section--home { padding: 40px 0 48px; } .courses-section--home .section-heading { margin-bottom: 22px; } .demand-callout--home { padding-block: 34px; } .hero-image-grid { grid-template-columns: 1fr; } .analytics-course-picker__form { grid-template-columns: 1fr; } .analytics-chart-heading { align-items: flex-start; flex-direction: column; } :root { --page: calc(100% - 32px); --public-hero-height: 432px; } .header-inner { height: 82px; } .brand { width: min(265px, calc(100vw - 88px)); } .brand-logo { max-height: 55px; } .header-utility__inner { justify-content: center; flex-wrap: wrap; gap: 6px 12px; padding-block: 5px; } .header-utility__company { display: none; } .account-hero--image { padding-block: 18px; } .account-hero--image h1 { font-size: 1.7rem; } .account-hero--image .account-hero__content > p:last-child { font-size: .85rem; line-height: 1.35; } .listing-hero { min-height: 432px; padding-block: 44px; } .listing-hero h1 { font-size: 1.5rem; } .courses-section, .section { padding-block: 75px; } .section-heading, .demand-callout, .bottom-register { align-items: flex-start; flex-direction: column; } .course-grid { grid-template-columns: 1fr; } .profession-grid { grid-template-columns: 1fr; } .card-content h2 { min-height: 0; } .course-hero__content { padding: 20px 0 24px; } .course-hero__bottom { gap: 14px; } .course-hero h1 { margin-bottom: 14px; font-size: 2rem; } .course-hero h1.course-hero__search-heading { margin-bottom: 10px; font-size: 1.85rem; } .course-hero__course-name { margin-bottom: 14px; font-size: 1rem; } .hero-meta { gap: 10px; } .hero-meta { gap: 24px; flex-direction: column; } .course-hero .button { width: 100%; } .course-registration-actions { width: 100%; flex-direction: column; } .course-registration-actions form { width: 100%; } .course-registration-actions .button { width: 100%; } .course-floating-registration { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); left: 16px; } .course-floating-registration .button { width: 100%; min-width: 0; } .anchor-nav { justify-content: space-around; gap: 10px; } .speaker-grid { grid-template-columns: 1fr; } .faculty-section { padding-block: 70px; } .course-faculty-grid, .faculty-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .course-faculty-grid > .faculty-card { grid-column: auto; } .course-faculty-grid--count-2 > .faculty-card, .course-faculty-grid--count-4 > .faculty-card, .course-faculty-grid--remainder-2:not(.course-faculty-grid--count-2) > .faculty-card:nth-last-child(-n + 2) { grid-column: auto; } .course-faculty-grid--count-1 { grid-template-columns: minmax(0, 480px); } .course-faculty-grid--remainder-1:not(.course-faculty-grid--count-1):not(.course-faculty-grid--count-4) > .faculty-card:last-child { width: min(100%, 480px); grid-column: 1 / -1; justify-self: center; } .accreditation-grid { grid-template-columns: 1fr; } .faculty-card__image { height: 160px; flex-basis: 160px; } .on-demand-intro { padding-top: 24px; } .credit-options { grid-template-columns: 1fr; } .credit-options article, .included-strip { padding: 28px 24px; } .included-strip ul { grid-template-columns: 1fr; } .venue-section { gap: 45px; } .venue-image-wrap { height: 250px; } .venue-table > div { grid-template-columns: 110px 1fr; } .conference-navigation { grid-template-columns: 1fr; } .conference-navigation__slot--next { border-top: 1px solid var(--line); border-left: 0; } .conference-navigation__link { min-height: 150px; padding: 30px 24px; } .conference-navigation__arrow { flex-basis: 42px; width: 42px; height: 42px; } .placeholder-section { grid-template-columns: 1fr; gap: 35px; padding-block: 70px; } .about-content { padding-block: 65px 85px; } .about-content__footer { padding: 28px 24px; align-items: flex-start; flex-direction: column; } .blog-index, .blog-article { padding-block: 65px 85px; } .blog-grid { grid-template-columns: 1fr; } .placeholder-number { font-size: 7rem; } .footer-inner { grid-template-columns: 1fr; } .footer-navigation { justify-items: start; } .footer-links { flex-direction: column; gap: 12px; } .change-request-form { grid-template-columns: 1fr; padding: 22px 18px; } .change-request-form__wide { grid-column: 1; } .panda-section, .panda-detail-section { padding: 18px; } .panda-section-heading, .panda-data-heading { align-items: flex-start; flex-direction: column; gap: 7px; } .panda-table-status { justify-items: start; text-align: left; } .panda-action-strip { align-items: stretch; flex-direction: column; } .panda-action-strip .button { width: 100%; } .url-redirect-form--new { grid-template-columns: 1fr; } .url-redirect-arrow { display: none; } .form-grid { grid-template-columns: 1fr; } .additional-license-row { grid-template-columns: 1fr; justify-items: start; } .pharmacist-credentials { grid-template-columns: 1fr; } .form-grid--three { grid-template-columns: 1fr; } .form-field-group--two { grid-template-columns: 1fr; } .form-field-group--three { grid-template-columns: 1fr; } .form-field-group--quiz-settings { grid-template-columns: minmax(75px, .8fr) minmax(85px, .9fr) minmax(120px, 1.3fr); gap: 8px; } .form-field-group--accreditation-header { grid-template-columns: 1fr; } .form-field-group--name-title { grid-template-columns: 1fr; } .form-field-group--certificates { grid-template-columns: 1fr; } .form-control-with-action { grid-template-columns: 1fr; justify-items: start; } .form-control-with-action--position { grid-template-columns: 90px auto; } .test-result-meta { grid-template-columns: 1fr; } .test-result-meta div, .test-result-meta div:nth-child(2n), .test-result-meta div:nth-child(3n) { border-right: 0; border-bottom: 1px solid var(--line); } .test-result-meta div:last-child { border-bottom: 0; } .form-field--wide { grid-column: auto; } .account-page, .account-page--narrow { width: var(--page); padding-block: 55px 75px; } .account-hero { padding-block: 55px; } .account-hero--image { height: 240px; min-height: 240px; padding-block: 18px; } .account-hero--dashboard { padding-block: 20px; } .account-hero--dashboard h1 { font-size: clamp(1.7rem, 5vw, 2.2rem); } .account-hero--dashboard p:last-child { font-size: .85rem; line-height: 1.35; } .account-hero--profile { padding-block: 24px; } .account-hero--registration { padding-block: 12px; } .account-admin-callout { padding: 24px; align-items: flex-start; flex-direction: column; } .account-license-management { padding: 24px 18px; } .account-license-form { grid-template-columns: 1fr; } .account-license-form > .button { justify-self: start; } .account-registration-list article { grid-template-columns: 1fr; } .account-registration-status { text-align: left; } .course-wide-resource-grid, .course-session-panel__content { grid-template-columns: 1fr; } .account-page--dashboard .course-session-panel__status { grid-template-columns: 1fr; } .course-session-panel__status-summary { align-items: flex-start; flex-direction: column; gap: 3px; } .session-workflow { grid-template-columns: repeat(4, minmax(0, 1fr)); } .session-workflow__step { align-items: center; flex-direction: column; justify-content: center; text-align: center; } .course-session-panel__header { align-items: flex-start; flex-direction: column; } .course-session-panel__header > p { text-align: left; } .course-session-panel__content > section { border-right: 0; border-bottom: 1px solid var(--line); } .course-session-panel__content > section:last-child { border-bottom: 0; } .payment-checkout, .payment-hosted { width: var(--page); padding-block: 45px 70px; } .registration-checkout { padding-block: 16px 28px; } .registration-pricing-form { padding: 12px; } .registration-pricing-form.admin-form fieldset { padding: 12px; } .payment-summary, .payment-selection-form, .payment-hosted { padding: 24px 18px; } .payment-summary dl div { grid-template-columns: 1fr; gap: 2px; } .payment-hosted__heading { flex-direction: column; } .evaluation-objectives, .evaluation-question, .evaluation-comments { padding: 24px 18px; } .evaluation-scale-key { align-items: flex-start; flex-direction: column; } .likert-options { grid-template-columns: 1fr; } .likert-option label { min-height: 44px; justify-items: start; text-align: left; } } @media (max-width: 420px) { .login-modal__panel { padding: 26px 18px 22px; } .form-field-group--four { grid-template-columns: 1fr; } .course-faculty-grid, .faculty-grid { grid-template-columns: 1fr; } .course-faculty-grid > .faculty-card, .course-faculty-grid--remainder-1:not(.course-faculty-grid--count-1):not(.course-faculty-grid--count-4) > .faculty-card:last-child { width: auto; grid-column: auto; } .faculty-card__image { height: 220px; flex-basis: 220px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } } .course-kudos { padding-top: 48px; padding-bottom: 48px; background: var(--cream); } .course-kudos__list { display: grid; gap: 12px; } .course-kudo { padding: 20px 22px; margin: 0; background: white; border-left: 4px solid var(--coral); } .course-kudo p { margin: 0; font-family: "Lato", sans-serif; font-size: .72rem; font-weight: 400 !important; line-height: 1.4; font-synthesis: none; } .course-kudo p strong, .course-kudo p b { font-weight: 400 !important; } .course-kudo cite { display: block; margin-top: 8px; color: #60716e; font-size: .75rem; font-style: normal; } .simple-html-editor__preview table.cert--compact-icons { width: 100%; table-layout: fixed; } .simple-html-editor__preview table.cert--compact-icons td:first-child { box-sizing: border-box; width: 140px; padding: 8px; } .simple-html-editor__preview table.cert--compact-icons td:first-child { text-align: center; vertical-align: middle; } .simple-html-editor__preview table.cert--compact-icons td:first-child img { display: block; width: 120px; max-width: 100%; height: auto; margin: 0 auto; } .simple-html-editor__preview .certificate-page--bordered { border: 1px solid #d8e2df; border-radius: 16px; padding: 20px; } /* Editable content must not inherit the site table emphasis. */ .simple-html-editor__preview, .simple-html-editor__preview td, .simple-html-editor__preview th { font-weight: 400; } .simple-html-editor__preview table.cert--compact-icons td:first-child img.certificate-logo--small { width: 80px; } .simple-html-editor__preview .certificate-page--compact table { margin-top: 0; margin-bottom: 8px; } .simple-html-editor__preview .certificate-page--compact td { padding-top: 6px; padding-bottom: 6px; } .simple-html-editor__preview .certificate-page--compact p { margin-top: 0; margin-bottom: 6px; } .simple-html-editor__preview .certificate-page--compact td > :last-child, .simple-html-editor__preview .certificate-page--compact td > div > :last-child, .simple-html-editor__preview .certificate-page--compact > :last-child { margin-bottom: 0; } .certificate-test-options { display: flex; flex-wrap: wrap; gap: 16px; margin: 8px 0; } .certificate-test-options .certificate-test-option { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; letter-spacing: normal; text-transform: none; } .certificate-test-option input[type="radio"] { appearance: auto; width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; flex: 0 0 16px; accent-color: var(--forest); } /* Shared table sizing across public, student, instructor, and admin pages. */ :root { --table-font-size: .8rem; --table-actions-width: 110px; } body table, body table :is(th, td), body table :is(th, td) :is(a, button, input, select, textarea, label, summary, span, p, small, strong, div) { font-size: var(--table-font-size) !important; } body table :is(th.admin-row-actions-heading, th.admin-row-actions-cell, td.admin-row-actions-cell) { box-sizing: border-box; width: var(--table-actions-width) !important; min-width: var(--table-actions-width) !important; max-width: var(--table-actions-width) !important; padding-inline: 4px !important; white-space: nowrap; } /* Actions occupy the same left-aligned column on every screen. */ body table :is(th.admin-row-actions-heading, th.admin-row-actions-cell, td.admin-row-actions-cell) { display: table-cell !important; text-align: left !important; vertical-align: middle; white-space: normal; } body table td.admin-row-actions-cell :is(.admin-row-menu, .admin-actions, form) { margin-left: 0 !important; margin-right: 0 !important; justify-content: flex-start !important; text-align: left !important; } body table td.admin-row-actions-cell :is(button, .button, summary) { text-align: left !important; justify-content: flex-start !important; white-space: normal; max-width: 100%; box-sizing: border-box; } /* Table actions retain hyperlink appearance; page actions keep button styling. */ body main table a.admin-action, body main a.admin-table-link, body main a.admin-row-menu__link, body main summary.admin-row-menu__trigger { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #17649a !important; text-decoration: underline !important; } body main table a.admin-action:hover, body main a.admin-table-link:hover, body main a.admin-row-menu__link:hover, body main summary.admin-row-menu__trigger:hover { background: transparent !important; color: #10466d !important; text-decoration-thickness: 2px !important; } body main table a.admin-action:focus-visible, body main a.admin-table-link:focus-visible, body main a.admin-row-menu__link:focus-visible, body main summary.admin-row-menu__trigger:focus-visible { outline: 3px solid #649fc7; outline-offset: 3px; } /* Shared palette for form buttons. */ html body main :is(button, input[type="submit"], input[type="button"], input[type="reset"]) { background: #dceefa !important; border-color: #8bb9d8 !important; color: #174968 !important; } html body main :is(button, input[type="submit"], input[type="button"], input[type="reset"]):hover { background: #c5e2f5 !important; border-color: #649fc7 !important; color: #174968 !important; } html body main :is(button, input[type="submit"], input[type="button"], input[type="reset"], a):focus-visible { outline: 3px solid #649fc7; outline-offset: 3px; } /* Preserve controls already presented as links in menus and table headers. */ html body main :is(button.admin-table-link, button.admin-row-menu__link, button.admin-sort-link, summary.admin-row-menu__trigger), html body main .salesforce-control-actions button, html body main .admin-workspace[data-salesforce-table="contacts"] :is(button, input[type="submit"]) { background: transparent !important; border: 0 !important; color: #17649a !important; } /* Registration import proposals retain explicit text labels as well as colors. */ .registration-import-row--add > td { background-color: #e7f5e9; } .registration-import-row--update > td { background-color: #e3f0fc; } .registration-import-row--delete > td, .registration-import-row--blocked > td { background-color: #fce5e5; } .registration-import-dialog { width: min(95vw, 1400px); max-height: 90vh; overflow: auto; border: 1px solid #cbd5e1; border-radius: 8px; padding: 1.5rem; } .registration-import-dialog::backdrop { background: rgb(0 0 0 / 40%); } /* Public course registration and brochure calls to action remain buttons. */ html body main :is(.course-registration-actions, .course-floating-registration) a.button { min-height: 52px; padding: 10px 25px; border: 1px solid #176987 !important; border-radius: 4px; background: #176987 !important; color: #ffffff !important; font-weight: 400; text-decoration: none !important; } html body main :is(.course-registration-actions, .course-floating-registration) a.button:hover { background: #104d65 !important; border-color: #104d65 !important; color: #ffffff !important; } .registration-import-actions { display: flex; align-items: center; gap: 12px; padding: 12px 0; background: white; } .registration-import-actions form { margin: 0; } .registration-import-actions .button { min-width: 110px; min-height: 44px; padding: 10px 22px; font-size: 1rem; font-weight: 400; } .registration-import-dialog .registration-import-checkbox { display: inline-flex; align-items: center; gap: 4px; padding: 0; margin: 0; min-height: 0; border: 0; background: transparent; font-weight: 400; white-space: nowrap; } html body main input.registration-import-stage-button { width: auto; justify-self: start; align-self: start; min-width: 0; min-height: 38px; padding: 8px 16px; background: #176987 !important; border-color: #176987 !important; color: #fff !important; font-weight: 400; } html body main input.registration-import-stage-button:hover { background: #104d65 !important; border-color: #104d65 !important; color: #fff !important; } /* Page navigation for accounts with student and instructor access. */ .control-panel-tabs { display: flex; gap: 4px; margin: 0 0 24px; padding: 0; border-bottom: 1px solid #9bb9cc; } .control-panel-tabs a.control-panel-tabs__tab { display: block; margin-bottom: -1px; padding: 12px 24px; border: 1px solid #b8cbd8; border-radius: 5px 5px 0 0; background: #edf5fa; color: #145780; font-weight: 400; text-decoration: underline; text-underline-offset: 3px; } .control-panel-tabs a.control-panel-tabs__tab[aria-current="page"] { background: #fff; border-bottom-color: #fff; border-top: 3px solid #145780; padding-top: 10px; } .control-panel-tabs a.control-panel-tabs__tab:hover { background: #deedf6; } .control-panel-tabs a.control-panel-tabs__tab:focus-visible { outline: 3px solid #145780; outline-offset: 2px; } .instructor-course-list { padding-top: 24px; } .instructor-course-list h1 { margin: 0 0 20px; font-size: 1.5rem; } .instructor-course-list .admin-table-wrap { overflow: visible; } body .instructor-course-list table.instructor-session-table { width: 100%; min-width: 0; max-width: 100%; table-layout: fixed; border-collapse: collapse; font: 400 .8rem/1.35 Arial, Helvetica, sans-serif; } body .instructor-course-list table.instructor-session-table :is(th, td) { min-width: 0; max-width: none; padding: 6px 8px; text-align: left; font-weight: 400; vertical-align: top; border: 1px solid #ddd; white-space: normal; overflow-wrap: anywhere; } body .instructor-course-list table.instructor-session-table th { background: linear-gradient(#f5f5f5, #dcdcdc); color: #222; text-transform: none; letter-spacing: normal; font-size: .8rem; } body .instructor-course-list table.instructor-session-table :is(th, td):nth-child(2) { width: 145px; } body .instructor-course-list table.instructor-session-table :is(th, td):nth-child(3) { width: auto; } body .instructor-course-list table.instructor-session-table :is(th, td):nth-child(n+4) { width: 105px; text-align: center; overflow-wrap: normal; } .instructor-course-list .instructor-session-table tbody tr:nth-child(even) { background: #fafafa; } .instructor-course-list .instructor-session-table tbody tr:hover { background: #ffffd7; } .instructor-course-list .instructor-session-table caption { text-align: left; padding: 0 0 12px; font-size: .8rem; } .instructor-course-list .instructor-session-table th button { background: none; border: 0; padding: 0; color: #015ba7; font: inherit; text-decoration: underline; cursor: pointer; } .instructor-summary-workspace { padding-top: 24px; } .instructor-summary-workspace .salesforce-section-heading { padding: 12px; border: 1px solid #b7b7b7; border-top: 3px solid #4f3b78; background: #fff; } .instructor-summary-workspace .salesforce-section-heading h1 { margin: 4px 0; font-size: 1.5rem; } .instructor-summary-workspace .salesforce-section-heading p { margin: 4px 0; font-size: .85rem; } .instructor-summary-workspace .salesforce-table-action-strip { margin: 0; padding: 8px 12px; background: #fff; border: 1px solid #b7b7b7; border-top: 0; } .instructor-summary-workspace .admin-list-summary { padding: 10px 0; font-size: .8rem; } .instructor-summary-workspace .admin-table-wrap { margin-bottom: 20px; } body .instructor-summary-workspace table.admin-table { width: 100%; min-width: 0; table-layout: fixed; font: 400 .8rem/1.35 Arial, Helvetica, sans-serif; } body .instructor-summary-workspace table.admin-table :is(th, td) { min-width: 0; max-width: none; padding: 6px 8px; font-weight: 400; white-space: normal; overflow-wrap: anywhere; } body .instructor-summary-workspace table.admin-table :is(th, td):first-child { width: 34%; min-width: 0; max-width: none; text-align: left; } body .instructor-summary-workspace table.admin-table thead th { background: linear-gradient(#f5f5f5, #dcdcdc); text-transform: none; letter-spacing: normal; } body .instructor-summary-workspace table.admin-table tbody th { background: transparent; } .instructor-summary-workspace table.admin-table th button { padding: 0; border: 0; background: none; color: #015ba7; font: inherit; text-decoration: underline; cursor: pointer; } .instructor-summary-workspace table.admin-table small { display: block; margin-top: 3px; font-size: .7rem; color: #555; } .instructor-summary-workspace .instructor-written-responses caption { text-align: left; padding: 8px 0; } body .instructor-summary-workspace table.survey-summary-table :is(th, td):first-child { width: 50%; } body .instructor-summary-workspace table.survey-summary-table :is(th, td):not(:first-child) { padding-inline: 4px; text-align: center; overflow-wrap: normal; } /* Keep checkbox controls small and neutral across all workflows. */ input[type="checkbox"] { appearance: auto !important; accent-color: #111 !important; width: 13px !important; min-width: 13px !important; max-width: 13px !important; height: 13px !important; min-height: 13px !important; flex: 0 0 13px !important; padding: 0 !important; vertical-align: middle; }