/* cc-core.css v7.2 | CareerComms shared styles Rebuilt 2026-08-24 from inline style blocks common to all live pages. After enqueuing this file, delete the matching inline style blocks (see cc-inline-manifest). */ img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ @media screen { html { margin-top: 32px !important; } } @media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } } @media print { #wpadminbar { display:none; } } /*# sourceURL=admin-bar-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--theme-palette-1: var(--global-palette1);--wp--preset--color--theme-palette-2: var(--global-palette2);--wp--preset--color--theme-palette-3: var(--global-palette3);--wp--preset--color--theme-palette-4: var(--global-palette4);--wp--preset--color--theme-palette-5: var(--global-palette5);--wp--preset--color--theme-palette-6: var(--global-palette6);--wp--preset--color--theme-palette-7: var(--global-palette7);--wp--preset--color--theme-palette-8: var(--global-palette8);--wp--preset--color--theme-palette-9: var(--global-palette9);--wp--preset--color--theme-palette-10: var(--global-palette10);--wp--preset--color--theme-palette-11: var(--global-palette11);--wp--preset--color--theme-palette-12: var(--global-palette12);--wp--preset--color--theme-palette-13: var(--global-palette13);--wp--preset--color--theme-palette-14: var(--global-palette14);--wp--preset--color--theme-palette-15: var(--global-palette15);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: var(--global-font-size-small);--wp--preset--font-size--medium: var(--global-font-size-medium);--wp--preset--font-size--large: var(--global-font-size-large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: var(--global-font-size-larger);--wp--preset--font-size--xxlarge: var(--global-font-size-xxlarge);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: var(--global-calc-content-width);--wp--style--global--wide-size: var(--global-calc-wide-content-width); }:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-color{color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-color{color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-color{color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-color{color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-color{color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-color{color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-color{color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-color{color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-color{color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-color{color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-color{color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-color{color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-color{color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-color{color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-color{color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-background-color{background-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-background-color{background-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-background-color{background-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-background-color{background-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-background-color{background-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-background-color{background-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-background-color{background-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-background-color{background-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-background-color{background-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-background-color{background-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-background-color{background-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-background-color{background-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-background-color{background-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-background-color{background-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-background-color{background-color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-border-color{border-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-border-color{border-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-border-color{border-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-border-color{border-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-border-color{border-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-border-color{border-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-border-color{border-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-border-color{border-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-border-color{border-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-border-color{border-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-border-color{border-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-border-color{border-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-border-color{border-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-border-color{border-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-border-color{border-color: var(--wp--preset--color--theme-palette-15) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;}.has-xxlarge-font-size{font-size: var(--wp--preset--font-size--xxlarge) !important;} /*# sourceURL=global-styles-inline-css */ #wpadminbar .wpforms-menu-notification-counter, #wpadminbar .wpforms-menu-notification-indicator { background-color: #d63638 !important; color: #ffffff !important; } /*# sourceURL=wpforms-admin-bar-inline-css */ :root {--global-kb-font-size-sm:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-kb-font-size-md:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-kb-font-size-lg:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-kb-font-size-xl:clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--global-kb-font-size-xxl:clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--global-kb-font-size-xxxl:clamp(2.75rem, 0.489rem + 7.065vw, 6rem);} /*# sourceURL=kadence-blocks-global-variables-inline-css */ #wpadminbar .quicklinks #wp-admin-bar-nfd-site-visibility-badge a.ab-item { background-color: #F6F7F7; color: black; margin-top:7px; padding: 0 6px; height: 18px; line-height: 17px; border-radius: 2px; } #wpadminbar .quicklinks #wp-admin-bar-nfd-site-visibility-badge a.ab-item:hover, #wpadminbar .quicklinks #wp-admin-bar-nfd-site-visibility-badge a.ab-item:focus { background-color: #DCDCDE; } #wpadminbar .quicklinks #wp-admin-bar-nfd-site-visibility-badge a.ab-item:focus { outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color-darker-20); } #wpadminbar .quicklinks #wp-admin-bar-nfd-site-visibility-badge.nfd-site-status-badge-live a.ab-item { background-color: #E6F2E8; color: #00450C; } #wpadminbar .quicklinks #wp-admin-bar-nfd-site-visibility-badge.nfd-site-status-badge-live a.ab-item:hover, #wpadminbar .quicklinks #wp-admin-bar-nfd-site-visibility-badge.nfd-site-status-badge-live a.ab-item:focus { background-color: #B8E6BF; } #wpadminbar .quicklinks #wp-admin-bar-nfd-site-visibility-badge.nfd-site-status-badge-hidden { display: none; } /* CareerComms Global Enhancements */ /* ===== Reading Progress Bar ===== */ #cc-progress-bar { position: fixed; top: 0; left: 0; width: 0%; height: 4px; background: #0f172a; z-index: 99999; transition: width 0.1s linear; } /* ===== Stats Counter ===== */ .cc-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 3rem 0; } .cc-stat-card { background: #f8fafc; border-radius: 12px; padding: 1.25rem 1rem; text-align: center; border: 1px solid #e2e8f0; transition: transform 0.2s, box-shadow 0.2s; } .cc-stat-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15,23,42,0.1); } .cc-stat-icon { font-size: 1.4rem; margin-bottom: 0.4rem; display: block; } .cc-stat-number { font-size: 2rem; font-weight: 700; color: #0f172a; line-height: 1; margin-bottom: 0.5rem; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } .cc-stat-label { font-size: 0.9rem; color: #64748b; font-weight: 500; } /* ===== Tool Journey Path ===== */ .cc-journey-wrap { margin: 2rem 0; } .cc-journey-label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #94a3b8; text-align: center; margin-bottom: 1.25rem; } .cc-journey { display: flex; align-items: center; gap: 0; margin: 0; flex-wrap: wrap; justify-content: center; } .cc-journey-node { display: flex; flex-direction: column; align-items: center; cursor: pointer; opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease, transform 0.4s ease, border-color 0.2s, background 0.2s; min-width: 110px; max-width: 130px; padding: 1rem 0.75rem; border: 2px solid #e2e8f0; border-radius: 12px; background: white; text-align: center; margin: 0 3px; } .cc-journey-node.cc-visible { opacity: 1; transform: translateY(0); } .cc-journey-node.cc-active { border-color: #0f172a; background: #0f172a; color: white; } .cc-journey-node:hover:not(.cc-active) { border-color: #0f172a; transform: translateY(-2px); } .cc-journey-emoji { font-size: 1.5rem; margin-bottom: 0.25rem; line-height: 1; } .cc-journey-name { font-size: 0.7rem; font-weight: 700; margin-bottom: 0.2rem; color: inherit; } .cc-journey-desc { font-size: 0.6rem; color: #94a3b8; line-height: 1.3; } .cc-journey-node.cc-active .cc-journey-name { color: white; } .cc-journey-node.cc-active .cc-journey-desc { color: #94a3b8; } .cc-journey-arrow { font-size: 1rem; color: #cbd5e1; flex-shrink: 0; margin: 0 1px; align-self: center; } .cc-journey-panel { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.25rem 1.5rem; margin-top: 1rem; display: none; animation: ccFadeIn 0.3s ease; } .cc-journey-panel.cc-active { display: block; } .cc-journey-panel h4 { margin: 0 0 0.5rem; font-size: 1rem; color: #0f172a; } .cc-journey-panel p { margin: 0 0 0.75rem; font-size: 0.9rem; color: #475569; } .cc-journey-panel a.cc-btn { display: inline-block; background: #0f172a; color: white; padding: 0.5rem 1.25rem; border-radius: 8px; text-decoration: none; font-size: 0.875rem; font-weight: 600; transition: background 0.2s; } .cc-journey-panel a.cc-btn:hover { background: #1e293b; } /* ===== Framework Callout Boxes ===== */ .cc-callout { border-left: 4px solid; border-radius: 0 8px 8px 0; padding: 1.25rem 1.5rem; margin: 2rem 0; animation: ccFadeIn 0.4s ease; } .cc-callout-star { background: #eff6ff; border-color: #3b82f6; } .cc-callout-pillars { background: #f5f3ff; border-color: #8b5cf6; } .cc-callout-korean { background: #fff7ed; border-color: #f97316; } .cc-callout-title { font-weight: 700; font-size: 1rem; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem; color: #0f172a; } .cc-callout-footer { font-style: italic; color: #64748b; font-size: 0.85rem; margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(0,0,0,0.07); } .cc-star-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0.5rem 0; } .cc-star-step { background: #3b82f6; color: white; border-radius: 8px; padding: 0.75rem 0.5rem; text-align: center; font-size: 0.8rem; line-height: 1.3; } .cc-star-step-letter { font-size: 1.5rem; font-weight: 700; display: block; line-height: 1; margin-bottom: 0.25rem; } .cc-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0.5rem 0; } .cc-pillar { background: white; border: 1px solid #ddd6fe; border-radius: 8px; padding: 0.75rem; text-align: center; font-size: 0.85rem; } .cc-pillar-name { font-weight: 700; color: #6d28d9; display: block; margin-bottom: 0.25rem; font-size: 0.9rem; } .cc-korean-terms { margin: 0.5rem 0; } .cc-korean-terms dt { font-weight: 700; color: #0f172a; margin-top: 0.5rem; font-size: 0.9rem; } .cc-korean-terms dd { color: #475569; margin-left: 0; font-size: 0.85rem; margin-bottom: 0.25rem; } /* ===== Hover Reveal Tool Cards ===== */ .cc-tool-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 2rem 0; } .cc-tool-card { border: 1.5px solid #e2e8f0; border-radius: 14px; padding: 1.25rem; background: white; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; overflow: hidden; } .cc-tool-card:hover { border-color: #0f172a; box-shadow: 0 8px 24px rgba(15,23,42,0.1); transform: translateY(-2px); } .cc-tool-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 0.5rem; } .cc-tool-card-emoji { font-size: 1.75rem; } .cc-tool-card-name { font-weight: 700; font-size: 0.95rem; color: #0f172a; } .cc-tool-card-tag { font-size: 0.8rem; color: #64748b; margin-bottom: 0.75rem; } .cc-tool-card-reveal { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; } .cc-tool-card:hover .cc-tool-card-reveal { max-height: 200px; } .cc-tool-card-bullets { list-style: none; padding: 0; margin: 0 0 0.75rem; } .cc-tool-card-bullets li { font-size: 0.82rem; color: #475569; padding: 0.2rem 0; padding-left: 1.1rem; position: relative; } .cc-tool-card-bullets li::before { content: "✓"; position: absolute; left: 0; color: #22c55e; font-weight: 700; } .cc-tool-card-sample { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 0.5rem 0.75rem; font-size: 0.78rem; color: #475569; font-family: monospace; margin-bottom: 0.75rem; } .cc-tool-card a.cc-btn-sm { display: inline-block; background: #0f172a; color: white !important; padding: 0.4rem 1rem; border-radius: 6px; text-decoration: none !important; font-size: 0.8rem; font-weight: 600; transition: background 0.2s; } .cc-tool-card a.cc-btn-sm:hover { background: #1e293b; } /* ===== Animations ===== */ @keyframes ccFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* ===== Mobile ===== */ @media (max-width: 768px) { .cc-stats-grid { grid-template-columns: 1fr; gap: 12px; } .cc-stat-number { font-size: 1.75rem; } .cc-star-steps { grid-template-columns: repeat(2, 1fr); } .cc-pillars-grid { grid-template-columns: 1fr; } .cc-tool-cards { grid-template-columns: 1fr; } .cc-journey { flex-direction: column; align-items: center; } .cc-journey-node { max-width: 280px; width: 90%; } .cc-journey-arrow { transform: rotate(90deg); margin: 3px 0; } } @media (max-width: 480px) { .cc-stat-number { font-size: 1.5rem; } } /* ── Nav Bar Spacing ─────────────────────────────────────── */ .site-main-header-inner-wrap { min-height: 100px !important; padding-top: 12px !important; padding-bottom: 12px !important; } .site-header-row-container-inner { padding-top: 6px !important; padding-bottom: 6px !important; } .main-navigation .primary-menu-container > ul > li.menu-item > a { padding: 0.75em 0.85em !important; } /* ── Sticky Header ───────────────────────────────────────── */ #masthead.site-header { position: sticky !important; top: 0 !important; z-index: 9999 !important; background: rgba(12,14,19,0.97) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important; transition: box-shadow .3s ease !important; } #masthead.site-header.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important; } /* ── Active Nav Link ─────────────────────────────────────── */ .main-navigation .primary-menu-container > ul > li.current-menu-item > a, .main-navigation .primary-menu-container > ul > li.current_page_item > a, .main-navigation .primary-menu-container > ul > li.cc-nav-active > a { color: #60a5fa !important; position: relative; } .main-navigation .primary-menu-container > ul > li.current-menu-item > a::after, .main-navigation .primary-menu-container > ul > li.current_page_item > a::after, .main-navigation .primary-menu-container > ul > li.cc-nav-active > a::after { content: ''; position: absolute; bottom: 2px; left: 0.85em; right: 0.85em; height: 2px; background: linear-gradient(90deg,#1d4ed8,#60a5fa); border-radius: 2px; } /* ── Scroll-to-Top Button ────────────────────────────────── */ #cc-top-btn { position: fixed; bottom: 28px; right: 24px; width: 44px; height: 44px; background: #1d4ed8; color: #fff; border: none; border-radius: 50%; cursor: pointer; font-size: 18px; line-height: 44px; text-align: center; z-index: 9998; opacity: 0; transform: translateY(12px); transition: opacity .3s ease, transform .3s ease, background .2s ease; box-shadow: 0 4px 16px rgba(29,78,216,0.45); pointer-events: none; } #cc-top-btn.cc-top-visible { opacity: 1; transform: translateY(0); pointer-events: auto; } #cc-top-btn:hover { background: #2563eb; transform: translateY(-2px); } /* ── Try Another Tool Strip ──────────────────────────────── */ .cc-tool-strip { background: #0f172a; border-top: 1px solid rgba(255,255,255,.08); padding: 48px 0; } .cc-tool-strip-inner { max-width: 860px; margin: 0 auto; padding: 0 24px; text-align: center; } .cc-tool-strip h3 { color: #f1f5f9; font-size: 1.2rem; font-weight: 600; margin: 0 0 8px; } .cc-tool-strip p { color: #94a3b8; font-size: .95rem; margin: 0 0 24px; } .cc-tool-strip-cards { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; } .cc-tool-link { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #e2e8f0; text-decoration: none; font-size: .9rem; font-weight: 500; transition: all .22s ease; } .cc-tool-link:hover { background: rgba(29,78,216,.2); border-color: rgba(59,130,246,.5); color: #fff; transform: translateY(-2px); text-decoration: none; } .cc-tool-link .cc-tl-icon { font-size: 1.1em; } /* ── Footer Enhancement ──────────────────────────────────── */ footer, .site-footer { background: #080c14 !important; border-top: 1px solid rgba(255,255,255,.07) !important; padding: 56px 0 32px !important; position: relative; } footer::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #1d4ed8, #3b82f6, #60a5fa, #3b82f6, #1d4ed8); background-size: 200% auto; animation: hpGradShift 4s linear infinite; } .footer-inner { display: grid !important; grid-template-columns: 1.6fr 1fr 1fr !important; gap: 48px !important; max-width: 1100px !important; margin: 0 auto !important; padding: 0 24px !important; } .footer-brand-name { font-size: 1.15rem !important; font-weight: 700 !important; color: #f1f5f9 !important; display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 12px !important; } .nav-mark { background: linear-gradient(135deg,#1d4ed8,#3b82f6) !important; color: #fff !important; font-weight: 800 !important; font-size: .8rem !important; padding: 4px 7px !important; border-radius: 6px !important; letter-spacing: .04em !important; } .footer-brand-desc { color: rgba(255,255,255,.55) !important; font-size: .9rem !important; line-height: 1.65 !important; margin-bottom: 14px !important; } .footer-tag { font-size: .78rem !important; color: rgba(255,255,255,.3) !important; letter-spacing: .04em !important; } .footer-col-title { color: #60a5fa !important; font-size: .75rem !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; margin-bottom: 14px !important; } .footer-links a, .footer-navigation a { display: block !important; color: rgba(255,255,255,.55) !important; text-decoration: none !important; font-size: .88rem !important; padding: 4px 0 !important; transition: color .2s, transform .2s !important; } .footer-links a:hover, .footer-navigation a:hover { color: #93c5fd !important; transform: translateX(3px) !important; text-decoration: none !important; } .footer-bottom { border-top: 1px solid rgba(255,255,255,.06) !important; margin-top: 40px !important; padding-top: 20px !important; text-align: center !important; color: rgba(255,255,255,.25) !important; font-size: .78rem !important; } /* ── Pre-footer Newsletter CTA ───────────────────────────── */ .cc-prefooter { background: linear-gradient(135deg,#0f172a 0%,#1e2d4a 100%); border-top: 1px solid rgba(255,255,255,.08); padding: 56px 24px; text-align: center; } .cc-prefooter h3 { color: #f1f5f9; font-size: 1.5rem; font-weight: 700; margin: 0 0 10px; } .cc-prefooter p { color: #94a3b8; font-size: 1rem; margin: 0 0 24px; max-width: 520px; margin-left: auto; margin-right: auto; } .cc-prefooter-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(29,78,216,.15); border: 1px solid rgba(59,130,246,.25); border-radius: 99px; padding: 6px 16px; color: #93c5fd; font-size: .82rem; font-weight: 600; margin-bottom: 20px; } .cc-prefooter-btn { display: inline-block; background: #1d4ed8; color: #fff !important; padding: 13px 28px; border-radius: 8px; font-weight: 600; font-size: .95rem; text-decoration: none !important; transition: background .2s ease, transform .2s ease; box-shadow: 0 4px 16px rgba(29,78,216,.35); } .cc-prefooter-btn:hover { background: #2563eb !important; transform: translateY(-2px); } @media (max-width: 768px) { .footer-inner { grid-template-columns: 1fr !important; gap: 32px !important; } } /* ══ BUG FIXES ══════════════════════════════════════════════ */ /* FIX 1: Reset footer override on article/entry footers (was blackening blog cards) */ .entry-footer, article > footer, .hentry > footer, .post > footer, .type-post > footer, .wp-block-post-template footer { background: transparent !important; padding: 0 !important; border-top: none !important; margin-top: 0 !important; box-shadow: none !important; } .entry-footer::before, article > footer::before, .hentry > footer::before, .post > footer::before { display: none !important; content: none !important; background: none !important; } /* FIX 2: Pre-footer text — all white/light on dark background */ .cc-prefooter { background: linear-gradient(135deg,#0f172a 0%,#1a2744 100%) !important; } .cc-prefooter h3 { color: #ffffff !important; font-size: 1.6rem !important; } .cc-prefooter p { color: #94a3b8 !important; } .cc-prefooter-badge { color: #93c5fd !important; background: rgba(29,78,216,.2) !important; border-color: rgba(59,130,246,.3) !important; } .cc-prefooter-btn { color: #ffffff !important; background: #1d4ed8 !important; } .cc-prefooter-btn:hover { background: #2563eb !important; color: #ffffff !important; } /* FIX 3: Mobile hero — reduce excess top/bottom space */ @media (max-width: 768px) { section.hero { padding-top: 44px !important; padding-bottom: 44px !important; min-height: 0 !important; } .hero h1, section.hero h1 { font-size: clamp(28px, 8vw, 36px) !important; line-height: 1.15 !important; word-break: normal !important; overflow-wrap: break-word !important; } section.hero .hero-sub { font-size: .9rem !important; } } /* FIX 4: Mobile logo centering & header layout */ @media (max-width: 1024px) { .site-main-header-inner-wrap { display: flex !important; align-items: center !important; justify-content: space-between !important; } .site-header-main-section-left { flex: 0 0 auto !important; } .site-header-main-section-right { flex: 0 0 auto !important; } } /* FIX 5: Hamburger / mobile menu toggle button */ .menu-toggle { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; height: 40px !important; padding: 0 14px !important; background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 8px !important; color: #e2e8f0 !important; font-size: .82rem !important; font-weight: 600 !important; letter-spacing: .02em !important; cursor: pointer !important; text-transform: uppercase !important; } .menu-toggle:hover { background: rgba(255,255,255,.14) !important; color: #fff !important; } .menu-toggle .menu-toggle-icon { display: flex !important; flex-direction: column !important; gap: 4px !important; } .menu-toggle .menu-toggle-icon span, .menu-toggle-icon::before, .menu-toggle-icon::after { display: block !important; width: 18px !important; height: 2px !important; background: currentColor !important; border-radius: 2px !important; } /* Mobile open nav */ @media (max-width: 1024px) { .main-navigation .primary-menu-container { background: rgba(12,14,19,.98) !important; border-top: 1px solid rgba(255,255,255,.08) !important; } .main-navigation .primary-menu-container > ul > li > a { padding: 12px 20px !important; border-bottom: 1px solid rgba(255,255,255,.05) !important; color: #e2e8f0 !important; } .main-navigation .primary-menu-container > ul > li:last-child > a { border-bottom: none !important; } } /* FIX 6: Footer navigation links as pill buttons */ .footer-navigation ul, #colophon nav ul, footer nav ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; padding: 0 !important; margin: 12px 0 0 !important; list-style: none !important; } .footer-navigation li, #colophon nav li { list-style: none !important; } .footer-navigation a, #colophon nav a { display: inline-block !important; padding: 7px 16px !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 20px !important; color: rgba(255,255,255,.6) !important; font-size: .82rem !important; text-decoration: none !important; white-space: nowrap !important; transition: all .2s ease !important; } .footer-navigation a:hover, #colophon nav a:hover { background: rgba(29,78,216,.25) !important; border-color: rgba(59,130,246,.45) !important; color: #93c5fd !important; text-decoration: none !important; } /* FIX 7: Blog post READ MORE link style — prevent black rectangles */ .more-link, a.more-link, .read-more, .entry-footer .more-link { display: inline-block !important; background: transparent !important; color: #3b82f6 !important; border: none !important; padding: 0 !important; font-size: .9rem !important; font-weight: 600 !important; } .more-link:hover { color: #60a5fa !important; background: transparent !important; } /* ══ NAV OVERHAUL ════════════════════════════════════════════ */ /* Logo mark — fixed square, centred, no overflow */ .nav-mark { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; overflow: hidden !important; background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%) !important; color: #fff !important; font-size: 1.05rem !important; font-weight: 900 !important; letter-spacing: -.02em !important; border-radius: 10px !important; line-height: 1 !important; flex-shrink: 0 !important; box-shadow: 0 2px 12px rgba(29,78,216,.45) !important; } /* Branding row — logo + wordmark side by side */ .site-branding, .site-branding .brand, .branding-layout-standard .brand { display: flex !important; align-items: center !important; gap: 11px !important; text-decoration: none !important; } .site-title-wrap { margin: 0 !important; padding: 0 !important; } .site-title { margin: 0 !important; padding: 0 !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1 !important; } .site-title a, .site-title-text, .site-title span { color: #f1f5f9 !important; font-size: 1.15rem !important; font-weight: 700 !important; letter-spacing: -.015em !important; text-decoration: none !important; } /* Hide any duplicate stray site-title that renders outside the brand link */ .site-header-item .site-branding > p.site-title, .site-branding > p { display: none !important; } /* Nav links — bigger, more weight */ .main-navigation .primary-menu-container > ul > li.menu-item > a { font-size: 1rem !important; font-weight: 500 !important; letter-spacing: .005em !important; padding: 0.7em 1em !important; color: #cbd5e1 !important; } .main-navigation .primary-menu-container > ul > li.menu-item > a:hover { color: #fff !important; } /* CTA button in nav (Try a Tool Free) */ .main-navigation .primary-menu-container > ul > li.menu-item:last-child > a, .site-header-item .btn-primary, .header-button a { background: #1d4ed8 !important; color: #fff !important; border-radius: 8px !important; padding: 0.6em 1.2em !important; font-weight: 600 !important; border: none !important; transition: background .2s ease !important; } .main-navigation .primary-menu-container > ul > li.menu-item:last-child > a:hover, .header-button a:hover { background: #2563eb !important; } /* Nav bar height */ .site-main-header-inner-wrap { min-height: 72px !important; align-items: center !important; } .site-header-row-container-inner { padding-top: 0 !important; padding-bottom: 0 !important; } /* === Journey Path Animation === */ @keyframes jpSlide { from { opacity:0; transform:translateX(-14px); } to { opacity:1; transform:translateX(0); } } @keyframes jpArrowFlow { 0%,100%{opacity:.35;transform:translateX(0)} 50%{opacity:1;transform:translateX(3px)} } .journey-step { opacity:0; transition: background .35s ease, box-shadow .35s ease, color .35s ease, border-color .35s ease; } .journey-arrow { animation: jpArrowFlow 1.8s ease-in-out infinite; } .jp-in .journey-steps > .journey-step:nth-child(1) { animation: jpSlide .45s ease both 0s; } .jp-in .journey-steps > .journey-step:nth-child(3) { animation: jpSlide .45s ease both .12s; } .jp-in .journey-steps > .journey-step:nth-child(5) { animation: jpSlide .45s ease both .24s; } .jp-in .journey-steps > .journey-step:nth-child(7) { animation: jpSlide .45s ease both .36s; } .jp-in .journey-steps > .journey-step:nth-child(9) { animation: jpSlide .45s ease both .48s; } .jp-in .journey-steps > .journey-step:nth-child(11) { animation: jpSlide .45s ease both .6s; } .journey-step.jp-active { background: rgba(29,78,216,.35) !important; border-color: rgba(59,130,246,.6) !important; color: #fff !important; box-shadow: 0 0 18px rgba(29,78,216,.45) !important; } /* === Reading Progress Bar === */ #cc-read-progress { position:fixed; top:0; left:0; height:3px; width:0%; background:linear-gradient(90deg,#1d4ed8,#60a5fa,#1d4ed8); background-size:200% 100%; z-index:10001; pointer-events:none; border-radius:0 2px 2px 0; transition:width .1s linear; } /* === Typewriter Cursor === */ .cc-cursor { color:#60a5fa; animation:ccBlink .75s step-end infinite; font-weight:300; } @keyframes ccBlink { 0%,100%{opacity:1} 50%{opacity:0} } /* === Page Fade Transition === */ html { transition:opacity .22s ease; } html.cc-fade { opacity:0 !important; } /* === Work with Me Card Reveals === */ .hp-reveal { opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; } .hp-reveal.revealed { opacity:1 !important; transform:translateY(0) !important; } .hp-reveal.d1 { transition-delay:.08s; } .hp-reveal.d2 { transition-delay:.18s; } .hp-reveal.d3 { transition-delay:.28s; } .hp-reveal.d4 { transition-delay:.38s; } /* === Tool Result Reveal === */ @keyframes ccResultIn { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } .cc-result-reveal { animation:ccResultIn .55s ease both; } /* === Custom 404 Page === */ .cc-404-wrap { min-height:55vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:64px 24px; text-align:center; } .cc-404-code { font-size:6.5rem; font-weight:900; background:linear-gradient(135deg,#1d4ed8,#60a5fa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; margin-bottom:12px; } .cc-404-title { color:#f1f5f9 !important; font-size:1.75rem; font-weight:700; margin-bottom:10px; } .cc-404-sub { color:#94a3b8 !important; font-size:1.05rem; max-width:460px; margin:0 auto 32px; line-height:1.65; } .cc-404-tools { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:28px; } .cc-404-home { display:inline-flex; align-items:center; gap:8px; padding:12px 28px; background:#1d4ed8; color:#fff !important; border-radius:8px; text-decoration:none; font-weight:600; transition:background .2s, transform .2s; } .cc-404-home:hover { background:#2563eb; transform:translateY(-2px); } /* Tool pages — remove theme top/bottom margin (5rem default) */ .parent-pageid-1119 .content-area { margin-top: 0 !important; margin-bottom: 0 !important; } /* Newsletter section — fix grid squash: give CTA a fixed width */ .newsletter-inner { grid-template-columns: 1fr 260px !important; } .newsletter-note { white-space: normal; max-width: 100%; } /* Navigation dropdown — fix invisible white-on-white text */ /* Must beat #site-navigation .menu-item > a (1,1,1) — use (1,2,1) specificity */ #site-navigation .sub-menu .menu-item > a, #site-navigation .sub-menu .menu-item a { color: #1e293b !important; } #site-navigation .sub-menu .menu-item > a:hover, #site-navigation .sub-menu .menu-item a:hover { color: #1a56db !important; } /* My Classroom page — increase H1 to match site hero heading size */ .cl-hero h1 { font-size: 2.75rem !important; line-height: 1.15 !important; } @media (min-width: 768px) { .cl-hero h1 { font-size: 3.25rem !important; } } /* ============================================================ ANIMATIONS & MOTION — purposeful, scroll-triggered ============================================================ */ /* Scroll-reveal base state — elements start invisible/offset */ .reveal-on-scroll { opacity: 0; transform: translateY(24px); transition: opacity 0.55s ease, transform 0.55s ease; } .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); } /* Stagger children inside a revealed block */ .reveal-stagger > * { opacity: 0; transform: translateY(20px); transition: opacity 0.45s ease, transform 0.45s ease; } .reveal-stagger.is-visible > *:nth-child(1) { transition-delay: 0.05s; opacity: 1; transform: none; } .reveal-stagger.is-visible > *:nth-child(2) { transition-delay: 0.12s; opacity: 1; transform: none; } .reveal-stagger.is-visible > *:nth-child(3) { transition-delay: 0.19s; opacity: 1; transform: none; } .reveal-stagger.is-visible > *:nth-child(4) { transition-delay: 0.26s; opacity: 1; transform: none; } .reveal-stagger.is-visible > *:nth-child(5) { transition-delay: 0.33s; opacity: 1; transform: none; } .reveal-stagger.is-visible > *:nth-child(6) { transition-delay: 0.40s; opacity: 1; transform: none; } /* Reading progress bar — blog posts */ #reading-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0%; background: linear-gradient(90deg, #1a56db, #3b82f6); z-index: 100001; transition: width 0.1s linear; } /* Blog post body text — slightly darker for better readability */ .single-post .entry-content p, .single-post .entry-content li { color: #374151 !important; } /* Tool card icon — subtle scale on hover */ .tool-card .tool-icon, .tool-card [class*="icon"], .tool-card .tool-emoji { display: inline-block; transition: transform 0.25s ease; } .tool-card:hover .tool-icon, .tool-card:hover [class*="icon"], .tool-card:hover .tool-emoji { transform: scale(1.18) rotate(-4deg); } /* Hero CTA pulse animation */ @keyframes hero-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(26, 86, 219, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(26, 86, 219, 0); } } .hero-pulse { animation: hero-pulse 2s ease-in-out 3 !important; } /* ─── hp-reveal scroll animation (activated by JS Intersection Observer) ─── */ .hp-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; } .hp-reveal.d1 { transition-delay: 0.05s; } .hp-reveal.d2 { transition-delay: 0.15s; } .hp-reveal.d3 { transition-delay: 0.25s; } .hp-reveal.d4 { transition-delay: 0.35s; } .hp-reveal.d5 { transition-delay: 0.45s; } .hp-reveal.d6 { transition-delay: 0.55s; } .hp-reveal.active { opacity: 1 !important; transform: translateY(0) !important; } /* =================================================== TOOL READABILITY — DARK SECTION TEXT FIXES Dark navy backgrounds need light text throughout =================================================== */ /* Headings on dark backgrounds (Resume Radar viz/bars/strip) */ .rr-viz h1, .rr-viz h2, .rr-viz h3, .rr-bars-section h1, .rr-bars-section h2, .rr-bars-section h3, .cc-tool-strip h1, .cc-tool-strip h2, .cc-tool-strip h3 { color: #ffffff !important; } /* Subtitles / body text on dark backgrounds */ .rr-viz p, .rr-viz-sub { color: rgba(255, 255, 255, 0.85) !important; } .cc-tool-strip p { color: rgba(255, 255, 255, 0.82) !important; } /* Bar level descriptions — increase from 0.45 to 0.8 opacity */ .rr-bar-level { color: rgba(255, 255, 255, 0.8) !important; } /* =================================================== CONSULTATION CTA BUTTON — WHITE TEXT FIX Global a{color:var(--cc-accent)!important} overrides inline color:#fff =================================================== */ .entry-content a[style*="background:#7c3aed"], .entry-content a[style*="background: #7c3aed"], .entry-content a[style*="background:#8b5cf6"], .entry-content a[style*="background: #8b5cf6"] { color: #ffffff !important; text-decoration: none !important; } /* =================================================== TOOL PAGE SPACING — REDUCE EXCESS GAP BETWEEN SECTIONS =================================================== */ .cc-why-s + .cc-tw, .cc-tw + .cc-embed-s, .cc-steps-s + .cc-why-s { margin-top: 0 !important; padding-top: 40px !important; } .cc-why-s, .cc-steps-s { padding-bottom: 40px !important; } /* =================================================== MIC CHECK — DARK SECTION TEXT FIXES mc-vu and mc-filler have dark navy backgrounds =================================================== */ .mc-vu h2, .mc-vu h3, .mc-vu-inner h2, .mc-vu-inner h3, .mc-filler h2, .mc-filler h3, .mc-filler-inner h2, .mc-filler-inner h3 { color: #ffffff !important; } .mc-vu-sub, .mc-filler-sub { color: rgba(255, 255, 255, 0.82) !important; } /* Boost faint opacity labels from 0.4 to 0.72 */ .mc-filler-lbl, .mc-eq-score-lbl, .mc-eq-label { color: rgba(255, 255, 255, 0.72) !important; } /* =================================================== ABOUT PAGE — HIDE REDUNDANT BLACK HERO SECTION Page content has its own styled header (.aw block) so the Kadence banner is just a 360px black box =================================================== */ .page-id-6 .entry-hero, .page-id-6 .entry-hero-wrap { display: none !important; } /* =================================================== WORK WITH ME — FIX HERO GRID ALIGNMENT Left column (327px) vs right column (613px) align-items:start leaves 286px empty below CTA =================================================== */ .hero-light-inner { align-items: center !important; } /* =================================================== CC-REVEAL (Copy Checker "See the Difference") Dark navy bg — fix heading, subtitle, spacing =================================================== */ .cc-reveal h2, .cc-reveal h3 { color: #ffffff !important; } .cc-reveal p { color: rgba(255, 255, 255, 0.82) !important; } .cc-reveal { padding-top: 28px !important; } /* =================================================== GREEN CTA BUTTON (.cc-cta-btn) — PRESERVE GREEN TEXT Global a{color} rule must not override the green =================================================== */ a.cc-cta-btn, .cc-cta-btn { color: rgb(22, 163, 74) !important; background: #ffffff !important; } /* =================================================== MIC CHECK SUBTITLES — HIGHER SPECIFICITY FIX .section-mid p{!important} beats .mc-vu-sub{!important} Use ancestor chain to get specificity 20 =================================================== */ .mc-vu-inner .mc-vu-sub, .mc-filler-inner .mc-filler-sub { color: rgba(255, 255, 255, 0.85) !important; } /* ── MOBILE FIX #20: Newsletter band — stack to single column on mobile ── */ /* .newsletter-inner has grid-template-columns: 1fr 260px !important elsewhere; */ /* On phones (~375px) that leaves only ~115px for the text column → char-by-char wrap */ @media (max-width: 767px) { .newsletter-inner, .newsletter-inner.has-mock { grid-template-columns: 1fr !important; gap: 1.5rem; } .newsletter-cta { width: 100%; } .nl-mock-wrap { display: none !important; } } /* ── MOBILE FIX #21: Tool/builder button text — prevent mid-word breaks ── */ .tool-btn, .cc-tool-btn, .cc-tool-link { white-space: nowrap; } /* ══════════════════════════════════════════════════════════════════════ TOOL CARD VISUAL PREVIEWS — animated mockups injected via JS ══════════════════════════════════════════════════════════════════════ */ .tc-preview { width: 100%; height: 100px; margin-bottom: 14px; border-radius: 8px; overflow: hidden; position: relative; flex-shrink: 0; } @media (max-width: 480px) { .tc-preview { height: 76px; } } /* VALUES TEST — animated rating bars */ .tp-values { background: rgba(245,158,11,0.09); padding: 10px 14px; display: flex; flex-direction: column; gap: 8px; justify-content: center; } .tp-bar-row { display: flex; align-items: center; gap: 8px; } .tp-bar-label { font-size: 0.55rem; color: #92400e; width: 68px; text-transform: uppercase; letter-spacing: 0.07em; flex-shrink: 0; } .tp-bar { flex: 1; height: 5px; background: rgba(245,158,11,0.18); border-radius: 3px; overflow: hidden; } .tp-fill { height: 100%; width: 0; border-radius: 3px; animation: tpFill 1.4s cubic-bezier(.22,1,.36,1) forwards; } .tc-amber .tp-fill { background: #f59e0b; } .tp-bar-row:nth-child(1) .tp-fill { animation-delay: 0.3s; --tw: 88%; } .tp-bar-row:nth-child(2) .tp-fill { animation-delay: 0.65s; --tw: 72%; } .tp-bar-row:nth-child(3) .tp-fill { animation-delay: 1.0s; --tw: 56%; } @keyframes tpFill { to { width: var(--tw, 75%); } } /* MISSION & VISION — cascading form fields */ .tp-mvb { background: rgba(124,58,237,0.07); padding: 10px 14px; display: flex; flex-direction: column; gap: 7px; justify-content: center; } .tp-field { font-size: 0.58rem; color: #5b21b6; background: rgba(124,58,237,0.1); border-left: 2px solid #7c3aed; padding: 4px 8px; border-radius: 0 4px 4px 0; opacity: 0; transform: translateX(-8px); animation: tpSlide 0.5s ease forwards; } .tp-f1 { animation-delay: 0.25s; } .tp-f2 { animation-delay: 0.55s; } .tp-f3 { animation-delay: 0.85s; } @keyframes tpSlide { to { opacity: 1; transform: translateX(0); } } /* RESUME RADAR — gauge + dimension pills */ .tp-radar { background: rgba(37,99,235,0.07); display: flex; align-items: center; justify-content: center; gap: 14px; } .tp-gauge { text-align: center; } .tp-gauge-arc { width: 54px; height: 28px; border: 5px solid #93c5fd; border-bottom: none; border-radius: 54px 54px 0 0; margin: 0 auto 4px; position: relative; } .tp-gauge-arc::after { content: ''; position: absolute; bottom: -5px; left: 50%; width: 3px; height: 24px; background: #2563eb; border-radius: 2px; transform-origin: bottom center; transform: translateX(-50%) rotate(-75deg); animation: tpNeedle 1.6s cubic-bezier(.34,1.56,.64,1) forwards; } @keyframes tpNeedle { to { transform: translateX(-50%) rotate(-22deg); } } .tp-gauge-score { font-size: 1.15rem; font-weight: 900; color: #1d4ed8; line-height: 1; } .tp-gauge-label { font-size: 0.46rem; text-transform: uppercase; color: #3b82f6; letter-spacing: 0.1em; } .tp-dims { display: flex; flex-direction: column; gap: 4px; } .tp-dim { font-size: 0.48rem; color: #1e40af; background: rgba(37,99,235,0.1); padding: 3px 7px; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0; animation: tpFadeUp 0.35s ease forwards; } .tp-dim:nth-child(1) { animation-delay: 0.5s; } .tp-dim:nth-child(2) { animation-delay: 0.7s; } .tp-dim:nth-child(3) { animation-delay: 0.9s; } .tp-dim:nth-child(4) { animation-delay: 1.1s; } @keyframes tpFadeUp { to { opacity: 1; } } /* INTERVIEW STRATEGY — STAR blocks */ .tp-star { background: rgba(234,88,12,0.07); display: flex; gap: 5px; align-items: stretch; justify-content: center; padding: 12px 10px; } .tp-star-block { font-size: 0.95rem; font-weight: 900; color: #fff; background: #ea580c; border-radius: 6px; padding: 8px 6px 6px; text-align: center; flex: 1; opacity: 0; transform: translateY(12px); animation: tpStarIn 0.4s ease forwards; } .tp-star-block span, .tp-star-wd { display: block; font-size: 0.52rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.9; margin-top: 3px; line-height: 1.1; } .tp-star-let { font-size: 1.1rem; font-weight: 900; line-height: 1; } .tp-s1 { animation-delay: 0.2s; } .tp-s2 { animation-delay: 0.4s; } .tp-s3 { animation-delay: 0.6s; } .tp-s4 { animation-delay: 0.8s; } @keyframes tpStarIn { to { opacity: 1; transform: translateY(0); } } /* COPY CHECKER — text lines with pulsing highlight */ .tp-copy { background: rgba(21,128,61,0.07); padding: 14px; display: flex; flex-direction: column; gap: 8px; justify-content: center; } .tp-text-line { height: 6px; background: rgba(21,128,61,0.16); border-radius: 4px; position: relative; overflow: hidden; } .tp-tl-full { width: 100%; } .tp-tl-wide { width: 80%; } .tp-tl-med { width: 58%; } .tp-highlight { position: absolute; top: 0; left: 18%; width: 38%; height: 100%; background: rgba(21,128,61,0.55); border-radius: 3px; animation: tpHighPulse 1.8s ease-in-out infinite; } @keyframes tpHighPulse { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } } /* MIC CHECK — audio waveform */ .tp-mic { background: rgba(13,148,136,0.07); display: flex; align-items: center; justify-content: center; } .tp-wave { display: flex; align-items: center; gap: 4px; height: 64px; } .tp-wave .tp-bar { width: 5px; border-radius: 3px; background: #0d9488; animation: tpWave 1.1s ease-in-out infinite; } .wb1 { height: 18px; animation-delay: 0s; } .wb2 { height: 32px; animation-delay: 0.1s; } .wb3 { height: 50px; animation-delay: 0.2s; } .wb4 { height: 38px; animation-delay: 0.3s; } .wb5 { height: 56px; animation-delay: 0.4s; } .wb6 { height: 40px; animation-delay: 0.5s; } .wb7 { height: 48px; animation-delay: 0.6s; } .wb8 { height: 28px; animation-delay: 0.7s; } .wb9 { height: 14px; animation-delay: 0.8s; } @keyframes tpWave { 0%,100% { transform: scaleY(1); opacity: 0.65; } 50% { transform: scaleY(0.35); opacity: 1; } } /* ══════════════════════════════════════════════════════════════════════ NEWSLETTER VISUAL MOCKUP CARD ══════════════════════════════════════════════════════════════════════ */ .newsletter-inner.has-mock { grid-template-columns: 1fr 240px 185px !important; align-items: center; } .nl-mock-wrap { display: flex; align-items: center; justify-content: center; } .nl-mock { background: #fff; border-radius: 10px; width: 175px; padding: 14px 15px; transform: rotate(2.5deg); box-shadow: 0 10px 32px rgba(0,0,0,0.25); transition: transform 0.35s ease, box-shadow 0.35s ease; cursor: default; } .nl-mock:hover { transform: rotate(0deg) translateY(-5px); box-shadow: 0 18px 48px rgba(0,0,0,0.3); } .nl-mock-eyebrow { font-size: 0.44rem; letter-spacing: 0.18em; text-transform: uppercase; color: #1a56db; margin-bottom: 5px; font-weight: 700; } .nl-mock-title { font-size: 0.65rem; font-weight: 800; color: #0f172a; line-height: 1.35; margin-bottom: 10px; } .nl-mock-sections { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; } .nl-mock-sec { font-size: 0.48rem; padding: 3px 6px; border-radius: 3px; display: flex; align-items: center; gap: 4px; font-weight: 600; } .s-cb { background: rgba(26,86,219,0.1); color: #1a56db; } .s-wl { background: rgba(21,128,61,0.1); color: #15803d; } .s-ss { background: rgba(220,38,38,0.1); color: #b91c1c; } .nl-mock-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; flex-shrink: 0; } .nl-mock-cta { font-size: 0.46rem; text-align: center; background: #1a56db; color: #fff; padding: 5px 8px; border-radius: 4px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } @media (max-width: 900px) { .nl-mock-wrap { display: none !important; } } /* ══ Newsletter band — white text on blue background ══ */ .newsletter-inner h2, .newsletter-inner h3, .newsletter-inner h4, .newsletter-inner p { color: #ffffff !important; } /* Restore mock card natural colours */ .nl-mock, .nl-mock * { color: inherit !important; } /* ══ Mobile drawer menu — fix dark text on dark background ══ */ .popup-content, .drawer-inner { background: rgb(9, 12, 16) !important; } .mobile-navigation a, .drawer-navigation a, .mobile-navigation .menu-item > a, .popup-drawer a { color: rgba(255,255,255,0.92) !important; } .mobile-navigation a:hover, .drawer-navigation a:hover, .popup-drawer a:hover { color: #ffffff !important; opacity: 1; } .mobile-navigation .sub-menu a, .drawer-navigation .sub-menu a { color: rgba(255,255,255,0.72) !important; } .menu-toggle-open.drawer-toggle { background: rgba(255,255,255,0.12) !important; border: 1.5px solid rgba(255,255,255,0.35) !important; color: #ffffff !important; border-radius: 8px !important; padding: 6px 14px !important; font-size: 0.82rem !important; font-weight: 600 !important; cursor: pointer !important; } .menu-toggle-open.drawer-toggle:hover { background: rgba(255,255,255,0.2) !important; } .menu-toggle-close { color: #ffffff !important; } .mobile-navigation .dropdown-nav-toggle, .drawer-navigation .dropdown-nav-toggle { color: rgba(255,255,255,0.7) !important; } /* ══ Blog page — .br-featured dark navy section: fix invisible headings + subtitle ══ */ .br-featured h2, .br-featured h3, .br-featured h4 { color: #ffffff !important; } .br-featured-sub { color: rgba(255, 255, 255, 0.85) !important; } /* Boost topic pill contrast slightly */ .br-topic { color: rgba(255, 255, 255, 0.88) !important; } /* ══ Blog pagination — white text on dark .briefing-posts-wrap background ══ */ .briefing-posts-wrap .wp-block-query-pagination a, .briefing-posts-wrap .wp-block-query-pagination-next, .briefing-posts-wrap .wp-block-query-pagination-previous { color: rgba(255,255,255,0.85) !important; text-decoration: none !important; } .briefing-posts-wrap .wp-block-query-pagination a:hover, .briefing-posts-wrap .wp-block-query-pagination-next:hover, .briefing-posts-wrap .wp-block-query-pagination-previous:hover { color: #ffffff !important; } /* Current page number */ .briefing-posts-wrap .wp-block-query-pagination-numbers .page-numbers { color: rgba(255,255,255,0.85) !important; } .briefing-posts-wrap .wp-block-query-pagination-numbers .page-numbers.current { color: #ffffff !important; font-weight: 700 !important; text-decoration: underline !important; } /* Remove duplicate auto-arrow (we use text arrows in labels) */ .briefing-posts-wrap .wp-block-query-pagination-next .wp-block-query-pagination-next-arrow, .briefing-posts-wrap .wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow { display: none !important; } /* Center and space the pagination */ .briefing-posts-wrap .wp-block-query-pagination { margin-top: 2rem !important; padding-bottom: 2rem !important; gap: 0.75rem !important; } /* Newsletter sub-section (blog page) — fix bare paragraph colour on dark background */ .br-newsletter p, .br-featured .br-newsletter p { color: rgba(255, 255, 255, 0.88) !important; } /* Greyed-out / inactive nav items — ensure full opacity */ .main-navigation .menu-item a[style*="opacity"], .nav-drop-link[aria-disabled], .menu-item.inactive > a, nav .menu-item > a { opacity: 1 !important; pointer-events: auto !important; } /* ============================================================ CLASSROOM PAGE — Course card icons + scroll-reveal + hover ============================================================ */ .cl-course-icon { width: 44px; height: 44px; background: rgba(26, 86, 219, 0.09); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 0.85rem; flex-shrink: 0; transition: background 0.2s; } .cl-course-card:hover .cl-course-icon { background: rgba(26, 86, 219, 0.16); } .cl-course-icon svg { width: 22px; height: 22px; } /* Scroll-reveal: start hidden */ .cl-course-card, .cl-download-item { opacity: 0; transform: translateY(22px); transition: opacity 0.48s ease, transform 0.48s ease; } .cl-course-card.cl-revealed, .cl-download-item.cl-revealed { opacity: 1; transform: translateY(0); } /* Hover lift on course cards */ .cl-course-card { cursor: default; transition: opacity 0.48s ease, transform 0.48s ease, box-shadow 0.22s ease; } .cl-course-card.cl-revealed:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10); } /* ============================================================ WORK WITH ME — upgraded SVG service icons ============================================================ */ .service-icon { width: 54px; height: 54px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 0 !important; /* hide emoji text fallback */ } /* hide any img emoji inside service-icon */ .service-icon img.emoji { display: none !important; } .service-icon svg { width: 28px; height: 28px; } .sc-orange .service-icon { background: rgba(234, 88, 12, 0.10); } .sc-orange .service-icon svg { stroke: #ea580c; } .sc-blue .service-icon { background: rgba(26, 86, 219, 0.10); } .sc-blue .service-icon svg { stroke: #1a56db; } .sc-green .service-icon { background: rgba(5, 150, 105, 0.10); } .sc-green .service-icon svg { stroke: #059669; } .sc-purple .service-icon { background: rgba(109, 40, 217, 0.10); } .sc-purple .service-icon svg { stroke: #6d28d9; } /* Scroll-reveal for service cards */ .service-card { opacity: 0; transform: translateY(20px); transition: opacity 0.45s ease, transform 0.45s ease, box-shadow 0.2s ease; } .service-card.cl-revealed { opacity: 1; transform: translateY(0); } .service-card.cl-revealed:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.10); } /* ============================================================ GLOBAL SPACING REDUCTION — tighten section padding sitewide ============================================================ */ /* ── Classroom page ── */ .cl-hero { padding-top: 64px !important; padding-bottom: 52px !important; } .cl-courses { padding-top: 48px !important; padding-bottom: 52px !important; } .cl-downloads { padding-top: 48px !important; padding-bottom: 52px !important; } .cl-cta { padding-top: 48px !important; padding-bottom: 52px !important; } /* Section inner headings — tighten gap between heading and cards */ .cl-section-head { margin-bottom: 32px !important; } /* ── Work With Me ── */ .hero-light { padding-top: 60px !important; padding-bottom: 52px !important; } .section-mid { padding-top: 48px !important; padding-bottom: 48px !important; } .pricing-section { padding-top: 48px !important; padding-bottom: 48px !important; } .credentials-section { padding-top: 48px !important; padding-bottom: 48px !important; } .section { padding-top: 48px !important; padding-bottom: 48px !important; } /* ── Homepage / shared ── */ .hp-hero { padding-top: 64px !important; padding-bottom: 52px !important; } .hp-tools { padding-top: 48px !important; padding-bottom: 48px !important; } .hp-about { padding-top: 48px !important; padding-bottom: 48px !important; } .hp-brief { padding-top: 48px !important; padding-bottom: 48px !important; } /* ── Blog / Briefing page ── */ .br-featured { padding-top: 56px !important; padding-bottom: 52px !important; } .br-posts { padding-top: 40px !important; padding-bottom: 48px !important; } /* ── Kadence/WordPress block editor default spacers ── */ .wp-block-spacer { height: 32px !important; } /* ── Entry hero (page title banner at top of most pages) ── */ .entry-hero.page-hero-section { padding-top: 28px !important; padding-bottom: 28px !important; min-height: 0 !important; } /* ── Generic WP block groups with excessive padding ── */ .wp-block-group.alignfull { padding-top: 48px !important; padding-bottom: 48px !important; } /* ============================================================ ABOUT PAGE — tighten hero + photo block whitespace ============================================================ */ .about-hero { padding-top: 32px !important; padding-bottom: 28px !important; margin-bottom: 24px !important; } /* Standalone WP image blocks — kill excessive vertical whitespace */ .wp-block-image, .wp-block-image figure { margin-top: 0 !important; margin-bottom: 0 !important; } /* Kadence/WP block groups that wrap single images */ .wp-block-group:has(> .wp-block-image):not([class*="section"]) { padding-top: 24px !important; padding-bottom: 24px !important; } /* Credentials section — reduce internal column spacing */ .credentials-section { padding-top: 40px !important; padding-bottom: 40px !important; } /* Tighten the entry-content-wrap padding on standard pages */ .entry-content-wrap { padding-top: 0 !important; padding-bottom: 16px !important; } /* About page specific ac/aw wrapper top margin from page title */ .ac { padding-top: 0 !important; margin-top: 0 !important; } /* ── About page profile photo ── */ .about-photo { flex-shrink: 0; overflow: hidden; border-radius: 10px; } .about-photo img { width: 280px !important; height: 340px !important; object-fit: cover !important; object-position: 78% 8% !important; border-radius: 10px; display: block; } /* ══════════════════════════════════════════ BLOG CATEGORY PAGES – Icons & Animations ═══════════════════════════════════════════ */ /* Category hero icon bubble */ .cat-hero-icon { display: inline-flex; width: 52px; height: 52px; border-radius: 14px; align-items: center; justify-content: center; margin-bottom: 0.9rem; animation: cat-icon-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) both; } @keyframes cat-icon-pop { from { opacity:0; transform:scale(0.6) translateY(8px); } to { opacity:1; transform:scale(1) translateY(0); } } .cat-hero-icon svg { width: 26px; height: 26px; } /* Per-category icon colours */ .category-career-briefing .cat-hero-icon { background: rgba(26,86,219,0.13); } .category-career-briefing .cat-hero-icon svg { stroke: #1a56db; } .category-the-writing-lab .cat-hero-icon { background: rgba(5,150,105,0.13); } .category-the-writing-lab .cat-hero-icon svg { stroke: #059669; } .category-seoul-side .cat-hero-icon { background: rgba(220,38,38,0.13); } .category-seoul-side .cat-hero-icon svg { stroke: #dc2626; } .category-the-pitch-room .cat-hero-icon { background: rgba(124,58,237,0.13); } .category-the-pitch-room .cat-hero-icon svg { stroke: #7c3aed; } /* Animated title underline */ .cat-hero-icon + * + .archive-title::after, .entry-hero .archive-title::after { content: ''; display: block; width: 0; height: 3px; border-radius: 2px; margin-top: 6px; animation: cat-underline 0.6s 0.3s ease forwards; } @keyframes cat-underline { to { width: 56px; } } .category-career-briefing .archive-title::after { background: #1a56db; } .category-the-writing-lab .archive-title::after { background: #059669; } .category-seoul-side .archive-title::after { background: #dc2626; } .category-the-pitch-room .archive-title::after { background: #7c3aed; } /* Article card scroll reveal + hover */ .loop-entry { opacity: 0; transform: translateY(22px); transition: opacity 0.45s ease, transform 0.45s ease, box-shadow 0.2s ease; } .loop-entry.cat-revealed { opacity: 1; transform: translateY(0); } .loop-entry.cat-revealed:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,0,0,0.09); } /* ══════════════════════════════════════════ CLASSROOM ↔ MY COURSES CROSS-LINK BANNER ═══════════════════════════════════════════ */ .cl-crosslink { background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%); border: 1px solid rgba(26,86,219,0.15); border-left: 4px solid #1a56db; border-radius: 10px; max-width: 860px; margin: 0 auto 2.5rem; } .cl-crosslink--alt { background: linear-gradient(135deg, #f0fdf4 0%, #eff6ff 100%); border-left-color: #059669; max-width: 100%; margin: 0 0 2rem; } .cl-crosslink-inner { display: flex; align-items: center; gap: 1rem; padding: 0.95rem 1.25rem; flex-wrap: wrap; } .cl-crosslink-tag { background: #1a56db; color: #fff; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; padding: 0.22rem 0.55rem; border-radius: 4px; flex-shrink: 0; } .cl-crosslink--alt .cl-crosslink-tag { background: #059669; } .cl-crosslink-inner p { margin: 0; font-size: 0.88rem; color: #374151; } .cl-crosslink-link { color: #1a56db; font-weight: 600; text-decoration: none; } .cl-crosslink--alt .cl-crosslink-link { color: #059669; } .cl-crosslink-link:hover { text-decoration: underline; } /* ══════════════════════════════════════════ TOOLS PAGE – Share CTA ═══════════════════════════════════════════ */ .tool-share-row { border-top: 1px solid rgba(0,0,0,0.07); margin-top: 0.65rem; padding-top: 0.65rem; display: flex; justify-content: flex-end; } .tool-share-btn { display: inline-flex; align-items: center; gap: 0.32rem; background: none; border: 1px solid rgba(0,0,0,0.13); border-radius: 6px; color: #6b7280; cursor: pointer; font-size: 0.78rem; font-weight: 500; padding: 0.28rem 0.6rem; transition: background 0.18s, color 0.18s, border-color 0.18s; font-family: inherit; } .tool-share-btn:hover { background: #f3f4f6; border-color: rgba(0,0,0,0.22); color: #374151; } .tool-share-btn.tool-share-copied { background: #ecfdf5; border-color: #059669; color: #059669; } /* ══════════════════════════════════════════ BLOG HERO – word animation + contrast fixes ═══════════════════════════════════════════ */ /* Word-by-word title reveal */ .entry-hero .archive-title .word { display: inline-block; opacity: 0; transform: translateY(28px); animation: hero-word-up 0.52s cubic-bezier(0.22,1,0.36,1) both; } @keyframes hero-word-up { to { opacity: 1; transform: translateY(0); } } /* Description slides in after words finish */ .entry-hero .archive-description { opacity: 0; animation: hero-desc-in 0.55s ease 0.5s both; } @keyframes hero-desc-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } /* FIX: description was 70% white — bump to 90% for legibility */ .entry-hero .archive-description, .entry-hero .archive-description p { color: rgba(255,255,255,0.90) !important; } /* FIX: icon colours were dark-tinted (barely visible on dark navy) — use white */ .entry-hero .cat-hero-icon { background: rgba(255,255,255,0.13) !important; animation: cat-icon-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.05s both; } .entry-hero .cat-hero-icon svg { stroke: rgba(255,255,255,0.92) !important; } /* ══════════════════════════════════════════ MY COURSES – hub-hdr + card animations ═══════════════════════════════════════════ */ /* Staggered header entrance */ .hub-hero-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(26,86,219,0.1); display: flex; align-items: center; justify-content: center; margin-bottom: 0.9rem; opacity: 0; animation: cc-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.05s both; } .hub-hero-icon svg { width: 24px; height: 24px; stroke: #1a56db; } @keyframes cc-pop { from { opacity: 0; transform: scale(0.55); } to { opacity: 1; transform: scale(1); } } .hub-kicker { opacity: 0; animation: cc-fade-up 0.48s ease 0.12s both; } .hub-hdr h1 { opacity: 0; animation: cc-fade-up 0.52s cubic-bezier(0.22,1,0.36,1) 0.22s both; } .hub-hdr > p { opacity: 0; animation: cc-fade-up 0.48s ease 0.38s both; } .hub-stats { opacity: 0; animation: cc-fade-up 0.48s ease 0.5s both; } @keyframes cc-fade-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } /* Animated rule under heading */ .hub-rule { width: 0 !important; animation: cc-rule 0.55s ease 0.32s forwards; } @keyframes cc-rule { to { width: 48px !important; } } /* Course cards scroll-reveal + hover */ .ccard { opacity: 0; transform: translateY(20px); transition: opacity 0.42s ease, transform 0.42s ease, box-shadow 0.2s ease; } .ccard.cc-revealed { opacity: 1; transform: translateY(0); } .ccard.cc-revealed:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.10); } /* Section dividers reveal */ .sec-div { opacity: 0; transform: translateY(12px); transition: opacity 0.4s ease, transform 0.4s ease; } .sec-div.cc-revealed { opacity: 1; transform: translateY(0); } /* ============================================= TOOL CARDS — FREE badge centred below button ============================================= */ .tool-card-footer { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0.55rem !important; } .tool-btn { width: 100%; text-align: center; } .tool-badge { display: inline-block; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #6b7280; background: #f3f4f6; border: 1px solid rgba(0,0,0,0.09); border-radius: 20px; padding: 0.22rem 0.75rem; text-align: center; } .tool-share-row { width: 100%; } /* ============================================= HOMEPAGE / WORK WITH ME — section icon styles ============================================= */ .section-icon { display: inline-flex; width: 44px; height: 44px; border-radius: 12px; align-items: center; justify-content: center; margin-bottom: 0.75rem; opacity: 0; animation: si-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) both; } @keyframes si-pop { from { opacity:0; transform:scale(0.55); } to { opacity:1; transform:scale(1); } } .section-icon svg { width:22px; height:22px; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; fill:none; } /* Colour variants */ .section-icon--blue { background:rgba(26,86,219,0.10); } .section-icon--blue svg { stroke:#1a56db; } .section-icon--green { background:rgba(5,150,105,0.10); } .section-icon--green svg { stroke:#059669; } .section-icon--red { background:rgba(220,38,38,0.10); } .section-icon--red svg { stroke:#dc2626; } .section-icon--purple { background:rgba(124,58,237,0.10); } .section-icon--purple svg { stroke:#7c3aed; } .section-icon--amber { background:rgba(217,119,6,0.10); } .section-icon--amber svg { stroke:#d97706; } /* Stat-card icon */ .stat-icon { display:block; margin:0 auto 0.5rem; width:32px; height:32px; opacity:0; animation:si-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) both; } .stat-icon svg { width:32px; height:32px; stroke:#1a56db; stroke-width:1.6; fill:none; stroke-linecap:round; stroke-linejoin:round; } /* ===================================================== MOBILE MENU — Sub-menu tap targets + visual clarity ===================================================== */ /* Ensure drawer-nav-drop-wrap lays out as flex row */ .mobile-navigation .drawer-nav-drop-wrap { display: flex !important; align-items: stretch !important; width: 100% !important; } /* Parent link takes up most of the row */ .mobile-navigation .drawer-nav-drop-wrap > a { flex: 1 1 auto !important; min-height: 44px !important; display: flex !important; align-items: center !important; padding-right: 0.5rem !important; } /* Expand toggle button — always visible, good tap size */ .mobile-navigation .drawer-sub-toggle { flex: 0 0 44px !important; min-width: 44px !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-left: 1px solid rgba(0,0,0,0.08) !important; background: transparent !important; cursor: pointer !important; opacity: 1 !important; visibility: visible !important; } /* Sub-menu items: indent + smaller text */ .mobile-navigation .sub-menu { padding-left: 1rem !important; border-left: 3px solid rgba(26,86,219,0.15) !important; margin-left: 0.5rem !important; } .mobile-navigation .sub-menu a { font-size: 0.92em !important; min-height: 44px !important; display: flex !important; align-items: center !important; padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; } /* Nested sub-sub-menu (e.g. Seoul Nightlife Report under Seoul Side) */ .mobile-navigation .sub-menu .sub-menu { padding-left: 0.75rem !important; border-left: 3px solid rgba(26,86,219,0.08) !important; margin-left: 0.25rem !important; } .mobile-navigation .sub-menu .sub-menu a { font-size: 0.86em !important; } /* ===================================================== TOOLS PAGE HERO — Tool name chip strip ===================================================== */ .tool-hero-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.45rem; margin: 1.4rem auto 0; max-width: 680px; padding: 0 1rem; } .thc { display: inline-flex; align-items: center; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; padding: 0.28rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.88); background: rgba(255,255,255,0.07); transition: background 0.2s, border-color 0.2s; cursor: default; white-space: nowrap; } .thc--blue { border-color: rgba(96,165,250,0.45); background: rgba(96,165,250,0.13); } .thc--purple { border-color: rgba(167,139,250,0.45); background: rgba(167,139,250,0.13); } .thc--green { border-color: rgba(52,211,153,0.45); background: rgba(52,211,153,0.12); } .thc--amber { border-color: rgba(251,191,36,0.45); background: rgba(251,191,36,0.11); } .thc--red { border-color: rgba(248,113,113,0.45); background: rgba(248,113,113,0.11); } @media (max-width: 640px) { .thc { font-size: 0.68rem; padding: 0.24rem 0.65rem; } .tool-hero-chips { gap: 0.35rem; } } /* ===================================================== GAUGE ARC — improved visibility ===================================================== */ .tp-gauge-arc { border-color: #60a5fa !important; border-width: 6px !important; } .tp-gauge-arc::after { height: 22px !important; background: #1d4ed8 !important; box-shadow: 0 0 4px rgba(29,78,216,0.5) !important; } /* ===== Seoul Nightlife Report ===== */ /* Transition on bars — JS handles 0→target width via inline style */ /* Scroll-reveal base state for cards/callouts */ .persona, .callout, .future-card { opacity: 0; transform: translateY(22px); transition: opacity 0.65s ease, transform 0.65s ease; } .persona.snr-visible, .callout.snr-visible, .future-card.snr-visible { opacity: 1 !important; transform: translateY(0) !important; } /* Chart containers injected by JS */ .snr-chart-wrap { margin: 1.8rem auto; max-width: 640px; background: rgba(255,255,255,0.04); border-radius: 12px; padding: 1.4rem 1.4rem 1rem; border: 1px solid rgba(255,255,255,0.08); } .snr-chart-title { font-size: 0.79rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: rgba(255,255,255,0.45); margin-bottom: 0.9rem; } /* ===== SNR Extended Enhancements ===== */ .snr-section-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 9px; margin-right: 0.65rem; flex-shrink: 0; vertical-align: middle; } .snr-section-icon svg { width: 1.25rem; height: 1.25rem; } @keyframes snr-glow { 0%,100% { text-shadow: none; filter: brightness(1); } 50% { text-shadow: 0 0 14px rgba(96,165,250,0.65); filter: brightness(1.25); } } .snr-stat-highlight { color: #93c5fd; font-weight: 800; animation: snr-glow 3.5s ease infinite; } /* Polararea / doughnut chart centering */ .snr-chart-wrap canvas { display: block; margin: 0 auto; } /* ============================================================ SNR PAGE FIXES — spacing, mobile, readability .page-id-367 = Seoul Nightlife Report ============================================================ */ /* 1. Remove Kadence content-area top margin (white gap above hero) */ .page-id-367 .content-area { margin-top: 0 !important; } /* 2. Kill empty hero overlay div (56px dead space) */ .page-id-367 .hero-section-overlay { display: none !important; } /* 3. Tighten section padding — desktop 48px (was 64px) */ .page-id-367 .dark-section { padding-top: 48px !important; padding-bottom: 48px !important; } /* 4. Typography tightening */ .page-id-367 .dark-section p { line-height: 1.6 !important; margin-bottom: 12px !important; } .page-id-367 .dark-section h3 { margin-top: 24px !important; margin-bottom: 8px !important; } .page-id-367 .snr-section-icon + h2, .page-id-367 .snr-section-icon + h3 { margin-top: 8px !important; } /* ============================================================ MOBILE (max-width: 767px) ============================================================ */ @media (max-width: 767px) { .page-id-367 .hero-section { padding-top: 28px !important; padding-bottom: 28px !important; } .page-id-367 .dark-section { padding-top: 32px !important; padding-bottom: 32px !important; } .page-id-367 .hs .v { font-size: clamp(2.2rem, 9vw, 3.5rem) !important; line-height: 1.1 !important; } .page-id-367 .hs .l { font-size: 0.75rem !important; letter-spacing: 0.04em !important; } .page-id-367 .hero-stats { grid-template-columns: 1fr 1fr !important; gap: 16px !important; } .page-id-367 .snr-section-icon svg { width: 28px !important; height: 28px !important; } .page-id-367 .dark-section h2 { font-size: clamp(1.4rem, 5vw, 2rem) !important; margin-bottom: 12px !important; } .page-id-367 .cdon-row, .page-id-367 .cvbar-track { max-width: 100% !important; overflow: hidden !important; } .page-id-367 .snr-ring-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; } .page-id-367 .snr-ring-svg { width: 90px !important; height: 90px !important; } .page-id-367 .snr-district-row { flex-direction: column !important; gap: 10px !important; } .page-id-367 .cl { padding: 16px !important; font-size: 0.9rem !important; } .page-id-367 .persona { flex-direction: column !important; } .page-id-367 .future-card { width: 100% !important; min-width: unset !important; } } /* ============================================================ TABLET (768px - 1023px) ============================================================ */ @media (min-width: 768px) and (max-width: 1023px) { .page-id-367 .dark-section { padding-top: 40px !important; padding-bottom: 40px !important; } .page-id-367 .snr-ring-grid { grid-template-columns: repeat(2, 1fr) !important; } .page-id-367 .future-card { width: calc(50% - 12px) !important; } } /* SNR — hide Kadence page-title bar (redundant with custom hero) */ .page-id-367 .entry-hero.page-hero-section { display: none !important; } /* SNR — cap Chart.js canvas height on all viewports (prevents 3000px tall charts) */ .snr-chart-wrap { position: relative !important; height: 420px !important; max-height: 420px !important; overflow: hidden !important; } .snr-chart-wrap canvas { max-height: 420px !important; } @media (max-width: 767px) { .snr-chart-wrap { height: 340px !important; max-height: 340px !important; } .snr-chart-wrap canvas { max-height: 340px !important; } } /* ============================================================ SNR — Content Polish & UX Enhancements Sticky TOC, persona cards, callouts, progress bar, BTT ============================================================ */ /* 1. Sticky TOC — essential for 46k px report */ .page-id-367 .toc { position: sticky !important; top: 76px !important; z-index: 99 !important; box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important; } .admin-bar .page-id-367 .toc { top: 108px !important; } .page-id-367 .toc a { padding: 3px 8px !important; border-radius: 4px !important; transition: background 0.15s !important; text-decoration: none !important; } .page-id-367 .toc a:hover { background: rgba(255,255,255,0.18) !important; } .page-id-367 .toc a.toc-active { background: rgba(255,255,255,0.22) !important; font-weight: 700 !important; } /* 2. Callout blocks — rounded corners + bold left accent only */ .page-id-367 .callout { border-radius: 10px !important; border-top-width: 0 !important; border-right-width: 0 !important; border-bottom-width: 0 !important; border-left-width: 5px !important; margin-bottom: 24px !important; } .page-id-367 .callout .cl { font-size: 0.72rem !important; font-weight: 800 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin-bottom: 6px !important; display: block !important; } .page-id-367 .callout.dark .cl, .page-id-367 .callout.dark p, .page-id-367 .callout.dark li { color: rgba(255,255,255,0.92) !important; } /* 3. Persona cards — card feel with radius + shadow */ .page-id-367 .persona { border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 6px 24px rgba(0,0,0,0.15) !important; margin-bottom: 20px !important; border: 1px solid rgba(255,255,255,0.07) !important; } .page-id-367 .ph { border-radius: 0 !important; } .page-id-367 .ph h3 { font-size: 1.05rem !important; letter-spacing: 0.01em !important; } .page-id-367 .pb { background: rgba(255,255,255,0.04) !important; border-top: 1px solid rgba(255,255,255,0.06) !important; } /* 4. Future cards — rounded + accent border */ .page-id-367 .future-card { border-radius: 10px !important; border: 1px solid rgba(255,255,255,0.1) !important; transition: transform 0.2s, box-shadow 0.2s !important; } .page-id-367 .future-card:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 28px rgba(0,0,0,0.25) !important; } /* 5. Section header breathing room */ .page-id-367 .sh-row { margin-bottom: 28px !important; } .page-id-367 .snr-section-icon { margin-bottom: 10px !important; } /* 6. Reading progress bar (populated by JS) */ .snr-progress-bar { position: fixed !important; top: 0 !important; left: 0 !important; width: 0% !important; height: 3px !important; background: linear-gradient(90deg, #1a56db, #60a5fa) !important; z-index: 99999 !important; transition: width 0.08s linear !important; pointer-events: none !important; } /* 7. Back-to-top button */ .snr-btt { position: fixed !important; bottom: 28px !important; right: 24px !important; width: 44px !important; height: 44px !important; background: #1a56db !important; color: #fff !important; border: none !important; border-radius: 50% !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 18px rgba(26,86,219,0.45) !important; opacity: 0; transform: translateY(12px); transition: opacity 0.25s, transform 0.25s, background 0.15s !important; z-index: 9998 !important; } .snr-btt.snr-btt-visible { opacity: 1 !important; transform: translateY(0) !important; } .snr-btt:hover { background: #1e40af !important; transform: translateY(-2px) !important; } /* 8. Section quote text — inline pull quotes */ .page-id-367 section .sq { display: block !important; font-style: italic !important; color: #93c5fd !important; border-left: 3px solid #1a56db !important; padding: 8px 16px !important; margin: 20px 0 !important; font-size: 1rem !important; line-height: 1.6 !important; } /* 9. KPI bar numbers — bigger and bolder */ .page-id-367 .kv { font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important; font-weight: 800 !important; line-height: 1.1 !important; } .page-id-367 .kpi { padding: 20px 24px !important; } @media (max-width: 767px) { .page-id-367 .toc { top: 56px !important; z-index: 9 !important; } .admin-bar .page-id-367 .toc { top: 88px !important; } .snr-btt { bottom: 20px !important; right: 16px !important; width: 40px !important; height: 40px !important; } /* Ensure Kadence mobile nav drawer sits above everything on SNR page */ .page-id-367 .mobile-navigation.drawer-navigation, .page-id-367 .site-mobile-header-wrap { z-index: 100000 !important; } } /* ══ SNR BRAND RETHEME ══════════════════════════════════════════════════ */ /* 1. Hide the zero-counter "Seoul by the Numbers" stats cards */ .page-id-367 .sn-grid { display: none !important; } /* 2. Brand-blue section icons (use currentColor via CSS) */ .page-id-367 .snr-section-icon { color: #1a56db !important; } /* 3. Ring gauge progress arc colours — nth-child cycling through brand palette */ .page-id-367 .snr-ring-card:nth-child(1) svg circle:nth-child(2) { stroke: #1a56db !important; } .page-id-367 .snr-ring-card:nth-child(2) svg circle:nth-child(2) { stroke: #0d9488 !important; } .page-id-367 .snr-ring-card:nth-child(3) svg circle:nth-child(2) { stroke: #f59e0b !important; } .page-id-367 .snr-ring-card:nth-child(4) svg circle:nth-child(2) { stroke: #6366f1 !important; } .page-id-367 .snr-ring-card:nth-child(5) svg circle:nth-child(2) { stroke: #f43f5e !important; } /* 4. Ring card text contrast */ .page-id-367 .snr-ring-card text, .page-id-367 .snr-ring-card tspan { fill: #1e293b !important; } .page-id-367 .snr-ring-label, .page-id-367 .snr-ring-sublabel, .page-id-367 .snr-ring-card > div { color: #1e293b !important; } /* 5. Chart.js canvas wrapper — force dark text context for light-bg sections */ .page-id-367 .hero-section .snr-chart-wrap, .page-id-367 .light-section .snr-chart-wrap, .page-id-367 .snr-section:not(.dark-section) .snr-chart-wrap { background: transparent; } /* 6. KPI bar values — ensure strong contrast */ .page-id-367 .kpi .v { color: #ffffff !important; } .page-id-367 .kpi .l, .page-id-367 .kpi .s { color: rgba(255,255,255,0.80) !important; } /* ══ END SNR BRAND RETHEME ══════════════════════════════════════════════ */ /* ══ SNR RING CARDS — COMPACT SINGLE ROW ═══════════════════════════════ */ /* Force ring cards into one nowrap row, smaller size */ .page-id-367 div:has(> .snr-ring-card) { flex-wrap: nowrap !important; gap: 10px 16px !important; overflow-x: auto; padding-bottom: 4px; } .page-id-367 .snr-ring-card { width: 96px !important; flex-shrink: 1 !important; min-width: 72px !important; } .page-id-367 .snr-ring-card svg { width: 68px !important; height: 68px !important; display: block !important; margin: 0 auto !important; } @media (max-width: 480px) { .page-id-367 .snr-ring-card { width: 80px !important; min-width: 60px !important; } .page-id-367 .snr-ring-card svg { width: 56px !important; height: 56px !important; } } /* ══ SNR CHART TITLE & SPEND CONTRAST ══════════════════════════════════ */ /* Ensure all chart titles are bold and readable */ .page-id-367 .snr-chart-title { color: #1e293b !important; font-weight: 600 !important; } /* Spending section: ensure chart wrapper text always dark and readable */ .page-id-367 #s10 .snr-chart-title, .page-id-367 #s10 .snr-chart-wrap { color: #1e293b !important; } /* ══ END SNR COMPACT RINGS & CHART FIXES ═══════════════════════════════ */ /* ══ SNR DARK CALLOUT — WHITE TEXT ════════════════════════════════════ */ .page-id-367 .callout.dark h4, .page-id-367 .callout.dark .cdon-lbl, .page-id-367 .callout.dark .cdon-val { color: #ffffff !important; } .page-id-367 .callout.dark .cdon-fill { background: rgba(99,150,255,0.85) !important; } /* ══ END SNR DARK CALLOUT ══════════════════════════════════════════════ */ /* cc-nl-mobile-fix-v2 — force newsletter band to single column on mobile (overrides later 3-col desktop grid) */ @media (max-width: 767px){ .newsletter-inner.has-mock, .newsletter-inner { grid-template-columns: 1fr !important; gap: 1.25rem !important; } .newsletter-inner.has-mock > * { min-width: 0 !important; max-width: 100% !important; } .newsletter-title, .newsletter-note, .newsletter-cta { max-width: 100% !important; } } /* ===== Hide page-title hero on audience landing pages (match Home, also resolves duplicate H1) ===== */ .page-id-1611 .entry-hero, .page-id-1616 .entry-hero, .page-id-1610 .entry-hero, .page-id-1611 .entry-hero-container, .page-id-1616 .entry-hero-container, .page-id-1610 .entry-hero-container { display: none !important; } /* ===== Audience pages: motion + hover polish ===== */ @media (prefers-reduced-motion: no-preference){ /* Scroll-reveal of sections (progressive enhancement; unsupported browsers show content normally) */ @supports (animation-timeline: view()){ @keyframes ccReveal{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}} body.page-id-1611 .content-area section:not(.s2-hero), body.page-id-1616 .content-area section:not(.s2-hero), body.page-id-1610 .content-area section:not(.s2-hero){ animation:ccReveal both linear;animation-timeline:view();animation-range:entry 0% entry 35%; } } /* Button hover lift (social share buttons excluded) */ body.page-id-1611 .btn, body.page-id-1616 .btn, body.page-id-1610 .btn, body.page-id-1611 .tool-btn, body.page-id-1616 .tool-btn, body.page-id-1610 .tool-btn{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease;} body.page-id-1611 .btn:hover, body.page-id-1616 .btn:hover, body.page-id-1610 .btn:hover, body.page-id-1611 .tool-btn:hover, body.page-id-1616 .tool-btn:hover, body.page-id-1610 .tool-btn:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,23,42,.20);} /* Card hover lift */ body.page-id-1611 .tool-card, body.page-id-1616 .tool-card, body.page-id-1610 .tool-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease;} body.page-id-1611 .tool-card:hover, body.page-id-1616 .tool-card:hover, body.page-id-1610 .tool-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(15,23,42,.12);} } /* ===== Readability + audience fixes v4 (high specificity) ===== */ .s2-hero.s2-hero, .brief-box.brief-box, .section-dark.section-dark, .cta-block.cta-block { color:#f4f5f7; } .s2-hero.s2-hero h1, .s2-hero.s2-hero h2, .s2-hero.s2-hero h3, .s2-hero.s2-hero h4, .s2-hero.s2-hero h5, .s2-hero.s2-hero h6, .s2-hero.s2-hero p, .s2-hero.s2-hero li, .s2-hero.s2-hero blockquote, .brief-box.brief-box h1, .brief-box.brief-box h2, .brief-box.brief-box h3, .brief-box.brief-box h4, .brief-box.brief-box h5, .brief-box.brief-box h6, .brief-box.brief-box p, .brief-box.brief-box li, .brief-box.brief-box blockquote, .section-dark.section-dark h1, .section-dark.section-dark h2, .section-dark.section-dark h3, .section-dark.section-dark h4, .section-dark.section-dark h5, .section-dark.section-dark h6, .section-dark.section-dark p, .section-dark.section-dark li, .section-dark.section-dark blockquote, .cta-block.cta-block h1, .cta-block.cta-block h2, .cta-block.cta-block h3, .cta-block.cta-block h4, .cta-block.cta-block h5, .cta-block.cta-block h6, .cta-block.cta-block p, .cta-block.cta-block li, .cta-block.cta-block blockquote { color:#f4f5f7 !important; } /* Home: "For Organisations" card -> brand blue, white text */ body.home [style*="var(--dark)"]{ background:#1a56db !important; border-color:#1a56db !important; } body.home [style*="var(--dark)"] *{ color:#ffffff !important; } /* ===== Compact home testimonials/ambition (v2, tighter) ===== */ body.home .section-dark{ padding-top:6px !important; padding-bottom:10px !important; } body.home .section-dark > .container, body.home .section-dark > .statement{ padding-top:8px !important; padding-bottom:8px !important; } body.home .section-dark .hp-reveal, body.home .section-dark .section-title{ margin-top:6px !important; margin-bottom:10px !important; } body.home .section-dark .statement-sub{ margin-top:4px !important; margin-bottom:6px !important; } body.home .section-dark .section-label{ margin-bottom:4px !important; padding-bottom:0 !important; } body.home .section-dark .container > div:first-child{ margin-bottom:14px !important; } body.home .testimonials-grid{ margin-top:4px !important; } /* ===== Global section tightening (all pages) ===== */ .section, .section-mid, .section-dark, .brief-box, .cta-block{ padding-top:28px !important; padding-bottom:28px !important; } .s2-hero, .js-hero, .corp-hero, .content-area section[class*="hero"]{ padding-top:60px !important; padding-bottom:44px !important; } .section-title, .section-title-lg, h2.section-title{ margin-top:10px !important; margin-bottom:12px !important; } .section-label, .section-eyebrow, .eyebrow{ margin-bottom:6px !important; } .section .container > *:first-child, .section-mid .container > *:first-child, .section-dark .container > *:first-child{ margin-top:0 !important; } /* ===== Home flagship hero tighten (overrides .post-100 section.hero !important) ===== */ .post-100 section.hero.hero{ padding-top:64px !important; padding-bottom:48px !important; } /* ===== Mobile menu button visibility fix (force-show Kadence drawer toggle) ===== */ @media (max-width:1024px){ #mobile-header .site-header-main-section-right{ display:flex !important; align-items:center !important; overflow:visible !important; } #mobile-header .site-header-item{ overflow:visible !important; } #mobile-header .mobile-toggle-open-container{ display:flex !important; align-items:center !important; } #mobile-header .menu-toggle-open, #mobile-header .menu-toggle-open.drawer-toggle{ display:inline-flex !important; visibility:visible !important; opacity:1 !important; width:auto !important; height:auto !important; min-width:44px !important; min-height:44px !important; padding:8px !important; color:#ffffff !important; position:relative !important; z-index:5 !important; } #mobile-header .menu-toggle-open .menu-toggle-icon{ display:inline-flex !important; } #mobile-header .menu-toggle-open svg{ display:inline-block !important; width:30px !important; height:30px !important; fill:#ffffff !important; color:#ffffff !important; opacity:1 !important; } } /* ===== Mobile: stack audience cards (Who are you here for) ===== */ @media (max-width:768px){ body.home div:has(> [style*="var(--dark)"]){ grid-template-columns:1fr !important; gap:14px !important; } } /* ===== Mobile menu (custom header) v2 ===== */ .cc-mm-btn, .cc-mm-panel{ display:none !important; } @media (max-width:768px){ .cc-mm-btn{ display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:stretch !important; gap:5px !important; position:fixed !important; top:20px !important; right:18px !important; left:auto !important; width:46px !important; height:46px !important; padding:11px !important; margin:0 !important; background:rgba(18,20,26,.95) !important; border:1px solid rgba(255,255,255,.18) !important; border-radius:12px !important; box-shadow:none !important; cursor:pointer !important; z-index:100000 !important; -webkit-tap-highlight-color:transparent !important; } .cc-mm-btn span{ display:block !important; height:2px !important; width:100% !important; background:#fff !important; border-radius:2px !important; transition:transform .25s ease, opacity .2s ease !important; } .cc-mm-btn.open span:nth-child(1){ transform:translateY(7px) rotate(45deg) !important; } .cc-mm-btn.open span:nth-child(2){ opacity:0 !important; } .cc-mm-btn.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg) !important; } .cc-mm-panel{ display:none !important; position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; height:100% !important; margin:0 !important; max-width:none !important; transform:none !important; background:#0b0e13 !important; z-index:99990 !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:4px !important; padding:88px 24px 40px !important; overflow-y:auto !important; } .cc-mm-panel.open{ display:flex !important; } .cc-mm-panel a{ display:block !important; box-sizing:border-box !important; width:100% !important; max-width:420px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background:transparent !important; font-size:22px !important; font-weight:600 !important; text-align:center !important; text-decoration:none !important; padding:16px 18px !important; margin:0 auto !important; border-radius:12px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; } html.cc-menu-open, html.cc-menu-open body{ overflow:hidden !important; } } /* === Fix: white-on-white brand cards on International Courses page (added 2026-06-19, Cowork) === */ #hyu-courses-page #bg .bc .bmark[style*="#fff" i] span, #hyu-courses-page #bg .bc .bmark[style*="#f8f8f8" i] span { color:#1a1a1a !important; } /* ============================================================ 2026-07-16 · THE BRIEFING SUB-BRAND SYSTEM Unified post cards (blog + category archives), section coloured heroes (Seoul Side = Korean flag red/blue), lead story, more-sections row, single post section pill. ============================================================ */ /* section colour variables */ body.archive.category{--sec:#6ea8fe;--sec2:var(--sec);--sect:rgba(110,168,254,.12)} body.category.category-career-briefing{--sec:#1a56db;--sec2:#1a56db;--sect:rgba(26,86,219,.14)} body.category.category-strategy-desk{--sec:#0d9488;--sec2:#0d9488;--sect:rgba(13,148,136,.14)} body.category.category-ai-at-work{--sec:#7c3aed;--sec2:#7c3aed;--sect:rgba(124,58,237,.14)} body.category.category-the-writing-lab{--sec:#059669;--sec2:#059669;--sect:rgba(5,150,105,.14)} body.category.category-seoul-side{--sec:#CD2E3A;--sec2:#0047A0;--sect:rgba(205,46,58,.14)} body.category.category-student-writing{--sec:#d97706;--sec2:#d97706;--sect:rgba(217,119,6,.14)} /* hero: glow, gradient underline, icon tile */ body.category .entry-hero{position:relative;overflow:hidden} body.category .entry-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(620px 340px at 15% 0%,var(--sect),transparent 70%),radial-gradient(620px 340px at 88% 100%,var(--sect),transparent 72%)} body.category.category-seoul-side .entry-hero::before{background:radial-gradient(620px 340px at 15% 0%,rgba(205,46,58,.18),transparent 70%),radial-gradient(620px 340px at 88% 100%,rgba(0,71,160,.20),transparent 72%)} body.category .archive-title::after,body.category .entry-hero .archive-title::after{background:linear-gradient(90deg,var(--sec),var(--sec2)) !important} body.category .cat-hero-icon{width:46px !important;height:46px !important;border-radius:12px !important;display:flex !important;align-items:center;justify-content:center;background:var(--sect) !important;margin:0 auto 14px} body.category .cat-hero-icon svg{width:22px;height:22px;stroke:var(--sec) !important} body.category.category-seoul-side .cat-hero-icon svg{stroke:#CD2E3A !important} body.category .cc-sec-switch a.cur{background:linear-gradient(90deg,var(--sec),var(--sec2)) !important} /* unified post cards on category archives (match /blog/ master grid) */ body.category .loop-entry.entry{background:#16181e;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease} body.category .loop-entry.entry:hover{transform:translateY(-3px);border-color:var(--sec);box-shadow:0 12px 30px rgba(0,0,0,.35)} body.category .loop-entry .post-thumbnail .post-thumbnail-inner{position:relative;padding-bottom:56.25% !important;height:auto !important} body.category .loop-entry .post-thumbnail img{position:absolute;inset:0;object-fit:cover;width:100% !important;height:100% !important} body.category .loop-entry .entry-content-wrap{padding:20px 22px 22px} body.category .loop-entry .entry-title,body.category .loop-entry .entry-title a{color:#ffffff !important;font-weight:800} body.category .loop-entry .entry-title a:hover{color:var(--sec) !important} body.category .loop-entry .entry-summary,body.category .loop-entry .entry-summary p{color:rgba(255,255,255,.78) !important;font-size:.9rem;line-height:1.6} body.category .loop-entry .entry-meta,body.category .loop-entry .entry-date{font-family:'DM Mono','Courier New',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55) !important} body.category .loop-entry .entry-taxonomies a{color:var(--sec) !important;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none} body.category .loop-entry .entry-actions a{color:var(--sec) !important} /* lead story: first post on page one becomes a wide feature */ body.category .cc-lead{grid-column:1 / -1} @media(min-width:768px){ body.category .cc-lead{display:grid;grid-template-columns:46% 1fr;align-items:stretch} body.category .cc-lead .post-thumbnail{height:100%} body.category .cc-lead .post-thumbnail{max-height:420px;overflow:hidden} body.category .cc-lead .post-thumbnail .post-thumbnail-inner{padding-bottom:0 !important;height:100% !important;min-height:280px} body.category .cc-lead .entry-content-wrap{padding:30px 34px;display:flex;flex-direction:column;justify-content:center} body.category .cc-lead .entry-title{font-size:1.6rem;line-height:1.25} } /* more sections row (reuses explorer card component) */ .cc-more-secs{max-width:1160px;margin:8px auto 56px;padding:0 24px} .cc-more-secs .cc-ms-kick{font-family:'DM Mono','Courier New',monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:14px} .cc-more-secs .cc-ms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} @media(max-width:800px){.cc-more-secs .cc-ms-grid{grid-template-columns:1fr}} .cc-expl-card{display:flex;flex-direction:column;gap:8px;background:#ffffff;border:1px solid #e4e7ee;border-radius:12px;padding:20px 22px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s} .cc-expl-card:hover{border-color:var(--sc);transform:translateY(-3px);box-shadow:0 10px 26px rgba(8,16,34,.2)} .cc-expl-ic{width:40px;height:40px;border-radius:10px;background:var(--st);color:var(--sc);display:flex;align-items:center;justify-content:center} .cc-expl-ic svg{width:20px;height:20px} .cc-expl-name{font-weight:800;font-size:1rem;color:#0f1117} .cc-expl-desc{font-size:.82rem;line-height:1.55;color:#5c6270} .cc-expl-go{font-family:'DM Mono','Courier New',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sc);margin-top:auto} /* single post: section pill above the title + coloured underline */ .cc-sec-pill{display:inline-flex;align-items:center;gap:7px;font-family:'DM Mono','Courier New',monospace;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff !important;padding:6px 14px;border-radius:100px;margin:0 0 16px;text-decoration:none !important} .cc-sec-pill:hover{filter:brightness(1.12)} body.single-post .entry-title.cc-sec-titled::after{content:'';display:block;width:56px;height:3px;border-radius:2px;margin-top:10px;background:var(--pillbg,#1a56db)} /* ── [2026-07-18] PBD FAMILY: green preview accents on the four Personal Branding Lab tool pages ── */ body.page-id-1686 .cc-prev, body.page-id-1687 .cc-prev, body.page-id-1688 .cc-prev { background: radial-gradient(120% 130% at 85% -10%, rgba(84,196,124,.16), transparent 55%), linear-gradient(160deg,#12351e,#0c2414) !important; border-color: rgba(143,206,159,.3) !important; } body.page-id-1686 .cc-prev-tag, body.page-id-1687 .cc-prev-tag, body.page-id-1688 .cc-prev-tag-tag { color: #8fce9f !important; } body.page-id-1686 .cc-prev .bt, body.page-id-1687 .cc-prev .bt, body.page-id-1688 .cc-prev .bt .bt { border-color: rgba(143,206,159,.35) !important; color: #cfe8d4 !important; background: rgba(143,206,159,.1) !important; } body.page-id-1686 .cc-prev .bx, body.page-id-1687 .cc-prev .bx, body.page-id-1688 .cc-prev .bx .bx { border-color: rgba(143,206,159,.3) !important; background: rgba(143,206,159,.06) !important; } body.page-id-1686 .cc-prev .rail, body.page-id-1687 .cc-prev .rail, body.page-id-1688 .cc-prev .rail .rail { background: linear-gradient(180deg, rgba(143,206,159,.55), rgba(143,206,159,0)) !important; } body.page-id-1686 .cc-prev .beat, body.page-id-1687 .cc-prev .beat, body.page-id-1688 .cc-prev .beat { border-color: rgba(143,206,159,.25) !important; } /* ── [2026-08-18] cc-lane-skin: wrapper heroes match each tool family. RED = MMCD toolkit (SOSTAC, CMM, MBM, Positioning, Segmentation, Search Intent). GREEN = Strategic Personal Branding (Trace Your Impact). ── */ body.page-id-1747.page-id-1747 .cc-mh,body.page-id-1741.page-id-1741 .cc-mh,body.page-id-1745.page-id-1745 .cc-mh,body.page-id-1748.page-id-1748 .cc-mh,body.page-id-1743.page-id-1743 .cc-mh,body.page-id-1744.page-id-1744 .cc-mh,body.page-id-1746.page-id-1746 .cc-mh{background:linear-gradient(155deg,#3a110d 0%,#491915 55%,#2c0c09 100%)!important} body.page-id-1747.page-id-1747 .cc-mh .cc-pill,body.page-id-1741.page-id-1741 .cc-mh .cc-pill,body.page-id-1745.page-id-1745 .cc-mh .cc-pill,body.page-id-1748.page-id-1748 .cc-mh .cc-pill,body.page-id-1743.page-id-1743 .cc-mh .cc-pill,body.page-id-1744.page-id-1744 .cc-mh .cc-pill,body.page-id-1746.page-id-1746 .cc-mh .cc-pill,body.page-id-1747.page-id-1747 .cc-mh .cc-pill-a,body.page-id-1741.page-id-1741 .cc-mh .cc-pill-a,body.page-id-1745.page-id-1745 .cc-mh .cc-pill-a,body.page-id-1748.page-id-1748 .cc-mh .cc-pill-a,body.page-id-1743.page-id-1743 .cc-mh .cc-pill-a,body.page-id-1744.page-id-1744 .cc-mh .cc-pill-a,body.page-id-1746.page-id-1746 .cc-mh .cc-pill-a{background:rgba(239,104,91,.16)!important;border-color:rgba(239,104,91,.45)!important;color:#ffc9c2!important} body.page-id-1747.page-id-1747 .cc-livedot,body.page-id-1741.page-id-1741 .cc-livedot,body.page-id-1745.page-id-1745 .cc-livedot,body.page-id-1748.page-id-1748 .cc-livedot,body.page-id-1743.page-id-1743 .cc-livedot,body.page-id-1744.page-id-1744 .cc-livedot,body.page-id-1746.page-id-1746 .cc-livedot{background:#ef685b!important} body.page-id-1747.page-id-1747 .cc-xbtn.p,body.page-id-1741.page-id-1741 .cc-xbtn.p,body.page-id-1745.page-id-1745 .cc-xbtn.p,body.page-id-1748.page-id-1748 .cc-xbtn.p,body.page-id-1743.page-id-1743 .cc-xbtn.p,body.page-id-1744.page-id-1744 .cc-xbtn.p,body.page-id-1746.page-id-1746 .cc-xbtn.p{background:#c22a1c!important} body.page-id-1747.page-id-1747 .cc-xbtn.p:hover,body.page-id-1741.page-id-1741 .cc-xbtn.p:hover,body.page-id-1745.page-id-1745 .cc-xbtn.p:hover,body.page-id-1748.page-id-1748 .cc-xbtn.p:hover,body.page-id-1743.page-id-1743 .cc-xbtn.p:hover,body.page-id-1744.page-id-1744 .cc-xbtn.p:hover,body.page-id-1746.page-id-1746 .cc-xbtn.p:hover{background:#e83c2b!important} body.page-id-1747.page-id-1747 .cc-xchips svg,body.page-id-1741.page-id-1741 .cc-xchips svg,body.page-id-1745.page-id-1745 .cc-xchips svg,body.page-id-1748.page-id-1748 .cc-xchips svg,body.page-id-1743.page-id-1743 .cc-xchips svg,body.page-id-1744.page-id-1744 .cc-xchips svg,body.page-id-1746.page-id-1746 .cc-xchips svg{color:#ef8b81!important} body.page-id-1747.page-id-1747 .cc-mh .cc-bci,body.page-id-1741.page-id-1741 .cc-mh .cc-bci,body.page-id-1745.page-id-1745 .cc-mh .cc-bci,body.page-id-1748.page-id-1748 .cc-mh .cc-bci,body.page-id-1743.page-id-1743 .cc-mh .cc-bci,body.page-id-1744.page-id-1744 .cc-mh .cc-bci,body.page-id-1746.page-id-1746 .cc-mh .cc-bci,body.page-id-1747.page-id-1747 .cc-mh .cc-bci *,body.page-id-1741.page-id-1741 .cc-mh .cc-bci *,body.page-id-1745.page-id-1745 .cc-mh .cc-bci *,body.page-id-1748.page-id-1748 .cc-mh .cc-bci *,body.page-id-1743.page-id-1743 .cc-mh .cc-bci *,body.page-id-1744.page-id-1744 .cc-mh .cc-bci *,body.page-id-1746.page-id-1746 .cc-mh .cc-bci *{color:#e8c4be!important} body.page-id-1747.page-id-1747 .cc-prev,body.page-id-1741.page-id-1741 .cc-prev,body.page-id-1745.page-id-1745 .cc-prev,body.page-id-1748.page-id-1748 .cc-prev,body.page-id-1743.page-id-1743 .cc-prev,body.page-id-1744.page-id-1744 .cc-prev,body.page-id-1746.page-id-1746 .cc-prev{background:radial-gradient(120% 130% at 85% -10%,#6b2318 0%,#491915 60%)!important;border-color:rgba(239,104,91,.22)!important} body.page-id-1747.page-id-1747 .cc-prev .row,body.page-id-1741.page-id-1741 .cc-prev .row,body.page-id-1745.page-id-1745 .cc-prev .row,body.page-id-1748.page-id-1748 .cc-prev .row,body.page-id-1743.page-id-1743 .cc-prev .row,body.page-id-1744.page-id-1744 .cc-prev .row,body.page-id-1746.page-id-1746 .cc-prev .row{border-color:rgba(239,104,91,.22)!important} body.page-id-1747.page-id-1747 .cc-cta,body.page-id-1741.page-id-1741 .cc-cta,body.page-id-1745.page-id-1745 .cc-cta,body.page-id-1748.page-id-1748 .cc-cta,body.page-id-1743.page-id-1743 .cc-cta,body.page-id-1744.page-id-1744 .cc-cta,body.page-id-1746.page-id-1746 .cc-cta{background:linear-gradient(155deg,#3a110d 0%,#491915 55%,#2c0c09 100%)!important} body.page-id-1747.page-id-1747 .cc-cta:before,body.page-id-1741.page-id-1741 .cc-cta:before,body.page-id-1745.page-id-1745 .cc-cta:before,body.page-id-1748.page-id-1748 .cc-cta:before,body.page-id-1743.page-id-1743 .cc-cta:before,body.page-id-1744.page-id-1744 .cc-cta:before,body.page-id-1746.page-id-1746 .cc-cta:before{background:radial-gradient(circle,rgba(239,104,91,.16),transparent 66%)!important} body.page-id-1747.page-id-1747 .cc-cta-btn,body.page-id-1741.page-id-1741 .cc-cta-btn,body.page-id-1745.page-id-1745 .cc-cta-btn,body.page-id-1748.page-id-1748 .cc-cta-btn,body.page-id-1743.page-id-1743 .cc-cta-btn,body.page-id-1744.page-id-1744 .cc-cta-btn,body.page-id-1746.page-id-1746 .cc-cta-btn{color:#c22a1c!important} body.page-id-1747.page-id-1747 .cc-related-eyebrow,body.page-id-1741.page-id-1741 .cc-related-eyebrow,body.page-id-1745.page-id-1745 .cc-related-eyebrow,body.page-id-1748.page-id-1748 .cc-related-eyebrow,body.page-id-1743.page-id-1743 .cc-related-eyebrow,body.page-id-1744.page-id-1744 .cc-related-eyebrow,body.page-id-1746.page-id-1746 .cc-related-eyebrow{color:#c22a1c!important} body.page-id-1747.page-id-1747 .cc-related-btn,body.page-id-1741.page-id-1741 .cc-related-btn,body.page-id-1745.page-id-1745 .cc-related-btn,body.page-id-1748.page-id-1748 .cc-related-btn,body.page-id-1743.page-id-1743 .cc-related-btn,body.page-id-1744.page-id-1744 .cc-related-btn,body.page-id-1746.page-id-1746 .cc-related-btn{background:#c22a1c!important} body.page-id-1747.page-id-1747 .cc-related-card:hover,body.page-id-1741.page-id-1741 .cc-related-card:hover,body.page-id-1745.page-id-1745 .cc-related-card:hover,body.page-id-1748.page-id-1748 .cc-related-card:hover,body.page-id-1743.page-id-1743 .cc-related-card:hover,body.page-id-1744.page-id-1744 .cc-related-card:hover,body.page-id-1746.page-id-1746 .cc-related-card:hover{border-color:#c22a1c!important} body.page-id-1747.page-id-1747 a.cc-btn,body.page-id-1741.page-id-1741 a.cc-btn,body.page-id-1745.page-id-1745 a.cc-btn,body.page-id-1748.page-id-1748 a.cc-btn,body.page-id-1743.page-id-1743 a.cc-btn,body.page-id-1744.page-id-1744 a.cc-btn,body.page-id-1746.page-id-1746 a.cc-btn{background:#c22a1c!important;border-color:#c22a1c!important} body.page-id-1687.page-id-1687 .cc-mh{background:linear-gradient(155deg,#0b1710 0%,#12211a 55%,#0a130e 100%)!important} body.page-id-1687.page-id-1687 .cc-mh .cc-pill,body.page-id-1687.page-id-1687 .cc-mh .cc-pill-a{background:rgba(102,224,160,.13)!important;border-color:rgba(102,224,160,.4)!important;color:#a8e8c4!important} body.page-id-1687.page-id-1687 .cc-livedot{background:#66e0a0!important} body.page-id-1687.page-id-1687 .cc-xbtn.p{background:#0d5c3f!important} body.page-id-1687.page-id-1687 .cc-xbtn.p:hover{background:#0e7a3e!important} body.page-id-1687.page-id-1687 .cc-xchips svg{color:#66e0a0!important} body.page-id-1687.page-id-1687 .cc-mh .cc-bci,body.page-id-1687.page-id-1687 .cc-mh .cc-bci *{color:#bcd8c8!important} body.page-id-1687.page-id-1687 .cc-prev{background:radial-gradient(120% 130% at 85% -10%,#1b3a2a 0%,#12211a 60%)!important;border-color:rgba(102,224,160,.2)!important} body.page-id-1687.page-id-1687 .cc-prev .row{border-color:rgba(102,224,160,.2)!important} body.page-id-1687.page-id-1687 .cc-cta{background:linear-gradient(155deg,#0b1710 0%,#12211a 55%,#0a130e 100%)!important} body.page-id-1687.page-id-1687 .cc-cta:before{background:radial-gradient(circle,rgba(102,224,160,.13),transparent 66%)!important} body.page-id-1687.page-id-1687 .cc-cta-btn{color:#0d5c3f!important} body.page-id-1687.page-id-1687 .cc-related-eyebrow{color:#0d5c3f!important} body.page-id-1687.page-id-1687 .cc-related-btn{background:#0d5c3f!important} body.page-id-1687.page-id-1687 .cc-related-card:hover{border-color:#0d5c3f!important} body.page-id-1687.page-id-1687 a.cc-btn{background:#0d5c3f!important;border-color:#0d5c3f!important} /* ── [2026-08-18] Resume Radar print sheet: strip site chrome when printing the report ── */ @media print{ body.page-id-1120 #masthead, body.page-id-1120 #colophon, body.page-id-1120 .cc-mh, body.page-id-1120 .cc-cta, body.page-id-1120 .cc-rt-g, body.page-id-1120 .cc-tool-strip, body.page-id-1120 .cc-toolsnav-in, body.page-id-1120 footer, body.page-id-1120 nav, body.page-id-1120 .cc-related{display:none!important} body.page-id-1120{background:#fff!important} } /* Hide hero/page header on Tools landing and all child tool pages */ .page-id-1119 .entry-hero, .page-id-1119 .page-hero, .page-id-1119 .entry-header, .page-id-1119 .kadence-page-header, .page-id-1137 .entry-hero, .page-id-1137 .page-hero, .page-id-1137 .entry-header, .page-id-1137 .kadence-page-header, .page-id-1138 .entry-hero, .page-id-1138 .page-hero, .page-id-1138 .entry-header, .page-id-1138 .kadence-page-header, .parent-pageid-1119 .entry-hero, .parent-pageid-1119 .page-hero, .parent-pageid-1119 .entry-header, .parent-pageid-1119 .kadence-page-header { display: none !important; } .page-id-1119 .content-wrap, .page-id-1119 .entry-content-wrap, .page-id-1137 .content-wrap, .page-id-1137 .entry-content-wrap, .page-id-1138 .content-wrap, .page-id-1138 .entry-content-wrap, .parent-pageid-1119 .content-wrap, .parent-pageid-1119 .entry-content-wrap { padding-top: 0 !important; } /* Fix admin bar contrast: child theme li rule bleeds in, reset to WP default #c3c4c7 */ #wpadminbar li, #wpadminbar a, #wpadminbar a:link, #wpadminbar a:visited { color: #c3c4c7 !important; } /* Fix Kadence blue link color on light colored card backgrounds */ [style*="background:#eff6ff"] a:not([style*="background"]), [style*="background:#fff7ed"] a:not([style*="background"]), [style*="background:#f0fdf4"] a:not([style*="background"]), [style*="background:#f5f3ff"] a:not([style*="background"]), [style*="background:#fffbeb"] a:not([style*="background"]) { color: #1e293b !important; } /* Fix Kadence blue link color on dark tool app headers */ [style*="rgb(15, 17, 23)"] a, [style*="rgb(15, 17, 23)"] a:link, [style*="rgb(15, 17, 23)"] a:visited { color: #ffffff !important; border-color: rgba(255, 255, 255, 0.6) !important; } /* CareerComms Copy Check — Hide theme title banner & extra whitespace */ .page-id-968 .entry-header.page-title { display: none !important; } .page-id-968 .entry-content-wrap { padding-top: 0 !important; margin-top: 0 !important; } .page-id-968 .entry-content.single-content { padding-top: 40px !important; } /* Copy Check CTA Card */ .cc-cta-card { margin: 2rem 0; padding: 28px 32px; border: 1px solid #e2e8f0; border-left: 3px solid #2B6CB0; border-radius: 6px; background: #ffffff; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; } .cc-cta-card .cc-cta-label { margin: 0 0 6px; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #215387; } .cc-cta-card .cc-cta-heading { margin: 0 0 8px; font-size: 20px; font-weight: 500; color: #1A202C; } .cc-cta-card .cc-cta-text { margin: 0; font-size: 14px; color: #4A5568; line-height: 1.6; } .cc-cta-card .cc-cta-btn { display: inline-block !important; padding: 14px 28px !important; background: #1A202C !important; color: #ffffff !important; font-size: 16px !important; font-weight: 500 !important; text-decoration: none !important; border-radius: 4px !important; white-space: nowrap; flex-shrink: 0; } .cc-cta-card .cc-cta-btn:hover { background: #2D3748 !important; color: #ffffff !important; } /* WCAG: footer small text contrast */ .footer-tag,.footer-copy{color:rgba(255,255,255,0.85)!important;} /* WCAG: work-with-me credential panel label contrast */ .cp-orange .cred-panel-label{color:#c04a08!important;} .cp-teal .cred-panel-label{color:#0b7a70!important;} .cp-amber .cred-panel-label{color:#9a5505!important;} /* WCAG: about page skill chip contrast */ .chip-gold{color:#7a5200!important;} .chip-teal{color:#0a6460!important;} /* Type scale: 1.25x ratio for post/page content */ .single .entry-content h1, .page .entry-content h1 { font-size:2.125rem; line-height:1.15; margin-bottom:1.25rem; } .single .entry-content h2, .page .entry-content h2 { font-size:1.7rem; line-height:1.2; margin-bottom:1rem; margin-top:2rem; } .single .entry-content h3, .page .entry-content h3 { font-size:1.375rem; line-height:1.25; margin-bottom:.875rem; margin-top:1.75rem; } .single .entry-content h4, .page .entry-content h4 { font-size:1.1rem; line-height:1.3; margin-bottom:.75rem; margin-top:1.5rem; } .single .entry-content p, .page .entry-content p { font-size:1.0625rem; line-height:1.8; margin-bottom:1.25rem; } /* Line width cap */ .single .entry-content { max-width:65ch; margin-left:auto; margin-right:auto; } /* Reduced motion: pause ticker and hover transitions */ @media (prefers-reduced-motion:reduce) { .ticker-track { animation:none !important; } .btn,.post-tile,.hero-card,.hc a { transition:none !important; } } #wpadminbar .quicklinks li#wp-admin-bar-stats { height: 32px; } #wpadminbar .quicklinks li#wp-admin-bar-stats a { height: 32px; padding: 0; } #wpadminbar .quicklinks li#wp-admin-bar-stats a div { height: 32px; width: 95px; overflow: hidden; margin: 0 10px; } #wpadminbar .quicklinks li#wp-admin-bar-stats a:hover div { width: auto; margin: 0 8px 0 10px; } #wpadminbar .quicklinks li#wp-admin-bar-stats a img { height: 24px; margin: 4px 0; max-width: none; border: none; } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Caveat:wght@600&display=swap'); body, .entry-content, .site { font-family: 'Poppins', system-ui, sans-serif !important; font-size: 1.05rem; line-height: 1.75; } h1, h2, h3, h4, h5, h6, .entry-title, .site-title, .wp-block-heading { font-family: 'Poppins', system-ui, sans-serif !important; } p, li, td, dd, blockquote, .entry-content p, .entry-content li { font-family: 'Poppins', system-ui, sans-serif !important; } .post-meta, .entry-meta, .entry-meta a, time, .category-label, .breadcrumb, .cat-links, .cat-links a, .tags-links, .tags-links a, .post-categories, .post-categories a, .above-entry-meta, a.tag-cloud-link, .wp-block-tag-cloud a, .tagcloud a, .post-tags a, .entry-tags a { font-family: 'DM Mono', 'Courier New', monospace !important; font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; } article, article.entry, article .entry-content, article .entry-content p, article .entry-content li, article .entry-content h1, article .entry-content h2, article .entry-content h3, article .entry-content h4, article .entry-content h5, article .entry-content h6, article .entry-content blockquote, article .entry-content td, .single-content, .single-content p, .entry-content-wrap, .entry-content-wrap p { text-transform: none !important; font-family: 'Poppins', system-ui, sans-serif !important; } article .entry-content h1, article .entry-content h2, article .entry-content h3, article .entry-content h4, article .entry-content h5, article .entry-content h6 { font-family: 'Poppins', system-ui, sans-serif !important; } .entry-title, article .entry-title { text-transform: none !important; font-family: 'Poppins', system-ui, sans-serif !important; } .entry-summary, .entry-summary p, .loop-entry .entry-content, .loop-entry .entry-content p, .archive .entry-content p, .blog .entry-content p { text-transform: none !important; font-family: 'Poppins', system-ui, sans-serif !important; font-size: 1rem; line-height: 1.75; } .main-navigation a, nav a { font-family: 'Poppins', system-ui, sans-serif !important; } .hw { overflow: visible !important; } body.admin-bar .hw { margin-top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .hw { margin-top: 46px; } } a { color: #1a56db; } a:hover { color: #1240a8; } .wp-block-button__link, .button, .btn { font-family: 'Poppins', system-ui, sans-serif !important; font-weight: 600; } .page-id-659 .entry-hero { display: none !important; } .page-id-308 .entry-hero { display: none !important; } /* ── International Courses: hide page title ── */ .page-id-593 .entry-hero { display: none !important; } /* ── Blog grid: fix 6-column layout to 3 columns ── */ .page-id-8 .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 2rem !important; } @media (max-width: 768px) { .page-id-8 .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 1.25rem !important; } } @media (max-width: 480px) { .page-id-8 .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; } } /* ── Blog listing: smaller excerpt text on /blog/ page ── */ .page-id-8 .wp-block-post-template .wp-block-post-excerpt, .page-id-8 .wp-block-post-template .wp-block-post-excerpt p, .page-id-8 .wp-block-post-template .entry-content p, .page-id-8 .wp-block-post-template p { font-size: 0.85rem !important; line-height: 1.6 !important; } .page-id-8 .wp-block-post-template h2, .page-id-8 .wp-block-post-template .wp-block-post-title { font-size: 1.1rem !important; line-height: 1.3 !important; } /* ── Mobile menu: white text on dark background ── */ .mobile-navigation a, .mobile-navigation .menu-item a, .drawer-navigation a, .drawer-navigation .menu-item a, .popup-drawer .menu-item a, .mobile-toggle-open .menu-item a, #mobile-drawer .menu-item a, .kadence-mobile-navigation a { color: #ffffff !important; } .mobile-navigation a:hover, .drawer-navigation a:hover, .popup-drawer .menu-item a:hover, #mobile-drawer .menu-item a:hover, .kadence-mobile-navigation a:hover { color: #e2e8f0 !important; } /* ============================================================ 10. INTERNATIONAL COURSES HERO RESTYLE Dark hero matching My Courses design language. Uses #hyu-courses-page ID for specificity over inline CSS. ============================================================ */ /* Hero background - dark with blue undertone */ .page-id-593 #hyu-courses-page .hero { background: linear-gradient(160deg, #0c1a3d 0%, #122350 50%, #0e1d42 100%) !important; } /* Subtle grid overlay */ .page-id-593 #hyu-courses-page .hero::before { content: '' !important; position: absolute !important; inset: 0 !important; background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px) !important; background-size: 48px 48px !important; pointer-events: none !important; z-index: 0 !important; } .page-id-593 #hyu-courses-page .hc { position: relative !important; z-index: 1 !important; } /* Badge bar - frosted glass */ .page-id-593 #hyu-courses-page .hc-badge-bar { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 14px !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .page-id-593 #hyu-courses-page .hc-badge-name { color: #ffffff !important; } .page-id-593 #hyu-courses-page .hc-badge-sub { color: rgba(255,255,255,0.55) !important; } .page-id-593 #hyu-courses-page .hc-badge-enroll { border-color: rgba(255,255,255,0.25) !important; color: #ffffff !important; } .page-id-593 #hyu-courses-page .hc-badge-enroll:hover { background: rgba(255,255,255,0.1) !important; } /* Kicker + rule */ .page-id-593 #hyu-courses-page .dim { color: rgba(255,255,255,0.45) !important; } .page-id-593 #hyu-courses-page .hrul { background: #1a56db !important; } /* Main heading */ .page-id-593 #hyu-courses-page h1.htitle, .page-id-593 #hyu-courses-page h1.htitle span:not(.dim):not(.bl) { color: #ffffff !important; } .page-id-593 #hyu-courses-page h1.htitle .bl { color: #6b9ef7 !important; } /* Description */ .page-id-593 #hyu-courses-page .hd { color: rgba(255,255,255,0.65) !important; } /* Meta grid cards */ .page-id-593 #hyu-courses-page .hmeta { border-color: rgba(255,255,255,0.12) !important; } .page-id-593 #hyu-courses-page .hmi { border-color: rgba(255,255,255,0.12) !important; } .page-id-593 #hyu-courses-page .hml { color: rgba(255,255,255,0.45) !important; } .page-id-593 #hyu-courses-page .hmv { color: #ffffff !important; } /* CTA buttons */ .page-id-593 #hyu-courses-page .hcta .btn.bs { background: #1a56db !important; color: #ffffff !important; } .page-id-593 #hyu-courses-page .hcta .btn.bs:hover { background: #1e40af !important; } .page-id-593 #hyu-courses-page .hcta .btn.bo { border-color: rgba(255,255,255,0.25) !important; color: #ffffff !important; background: transparent !important; } .page-id-593 #hyu-courses-page .hcta .btn.bo:hover { background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.4) !important; } .page-id-593 #hyu-courses-page .hcta .btn.bh { background: #003087 !important; color: #ffffff !important; } .page-id-593 #hyu-courses-page .hcta .btn.bh:hover { background: #002470 !important; } /* Scroll indicator */ .page-id-593 #hyu-courses-page .scroll-h { color: rgba(255,255,255,0.35) !important; } .page-id-593 #hyu-courses-page .scroll-h .sl { background: rgba(255,255,255,0.25) !important; } /* Decorative bg elements - hide on dark */ .page-id-593 #hyu-courses-page .hg, .page-id-593 #hyu-courses-page .hb, .page-id-593 #hyu-courses-page .hb2, .page-id-593 #hyu-courses-page .hs { display: none !important; } /* Fix: meta card backgrounds + outline button visibility */ .page-id-593 #hyu-courses-page .hmi { background: rgba(255,255,255,0.05) !important; border-color: rgba(255,255,255,0.12) !important; } .page-id-593 #hyu-courses-page .hmeta { background: transparent !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 10px !important; } /* ============================================================ 11. BRAND / COMPANY CARDS RESTYLE Fixes: logo+text overlap, tiny images, cramped layout. - Cards WITH real logos: hide text, enlarge logo - Cards WITHOUT logos: clean text-only display ============================================================ */ /* --- Card container --- */ .page-id-593 #hyu-courses-page .bc { border-radius: 12px !important; border: 1px solid rgba(0,0,0,0.06) !important; background: #ffffff !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; overflow: hidden !important; } .page-id-593 #hyu-courses-page .bc:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; } /* --- Logo mark container: taller for better proportions --- */ .page-id-593 #hyu-courses-page .bmark { height: 56px !important; border-radius: 8px !important; overflow: hidden !important; position: relative !important; } /* --- Real logos: enlarge and center properly --- */ .page-id-593 #hyu-courses-page .blogo-real.loaded { max-width: 85% !important; max-height: 80% !important; width: auto !important; height: auto !important; opacity: 1 !important; position: absolute !important; z-index: 2 !important; } /* --- When a real logo is loaded, hide the text span --- */ .page-id-593 #hyu-courses-page .blogo-real.loaded ~ span { opacity: 0 !important; pointer-events: none !important; position: absolute !important; } /* --- Text-only cards (no logo): style the span nicely --- */ .page-id-593 #hyu-courses-page .bmark span { font-family: 'Poppins', system-ui, sans-serif !important; font-size: 0.65rem !important; font-weight: 800 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; z-index: 1 !important; text-align: center !important; line-height: 1.2 !important; word-break: break-word !important; } /* --- Category label below card --- */ .page-id-593 #hyu-courses-page .bs2 { font-family: 'DM Mono', monospace !important; font-size: 0.6rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #6b7280 !important; padding-top: 2px !important; } /* --- Grid: consistent card widths --- */ .page-id-593 #hyu-courses-page .brand-grid { gap: 12px !important; } /* ============================================================ 12. MY COURSES HERO RESTYLE Shift from near-black to deep navy blue, fix button color. ============================================================ */ /* Hero background - deep navy blue gradient */ .page-id-659 .hub-hdr { background: linear-gradient(160deg, #0c1a3d 0%, #122350 50%, #0e1d42 100%) !important; } /* Fix: "Open Course" button - white text on blue bg The page CSS has a { color: var(--cc-accent) !important } which forces all links blue. Must counter with !important on .ccta. */ .page-id-659 .cc-hub .ccta { background: #1a56db !important; color: #ffffff !important; } .page-id-659 .cc-hub .ccta:hover { background: #1e40af !important; color: #ffffff !important; } /* ============================================================ 13. BLOG / BRIEFING PAGE CARD + TEXT STYLING Make post cards clean and readable, matching other pages. ============================================================ */ /* Post cards on the blog page */ .page-id-8 .wp-block-post { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.06) !important; border-radius: 12px !important; overflow: hidden !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } .page-id-8 .wp-block-post:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; } /* Post card content padding */ .page-id-8 .wp-block-post .wp-block-post-excerpt, .page-id-8 .wp-block-post .wp-block-post-title { padding-left: 16px !important; padding-right: 16px !important; } /* Post titles - clean, readable */ .page-id-8 .wp-block-post-title a { color: #0f1117 !important; text-decoration: none !important; font-family: 'Poppins', system-ui, sans-serif !important; font-weight: 800 !important; } .page-id-8 .wp-block-post-title a:hover { color: #1a56db !important; } /* Featured images - rounded top corners */ .page-id-8 .wp-block-post-featured-image img { border-radius: 12px 12px 0 0 !important; } /* Category labels above posts */ .page-id-8 .wp-block-post .cat-links a, .page-id-8 .wp-block-post .post-categories a { font-family: 'DM Mono', monospace !important; font-size: 0.6rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #1a56db !important; } /* Excerpt text */ .page-id-8 .wp-block-post-excerpt__excerpt { color: #4b5563 !important; line-height: 1.6 !important; } /* ============================================================ 14. BRIEFING PAGE HERO RESTYLE Dark navy hero matching International Courses & My Courses. Larger title, proper spacing, brand-consistent look. ============================================================ */ /* Hero container: dark navy gradient */ .page-id-8 .entry-hero-container-inner { background: linear-gradient(160deg, #0c1a3d 0%, #122350 50%, #0e1d42 100%) !important; padding: 60px 0 !important; min-height: 180px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Hero title: large, white, Nunito */ .page-id-8 .entry-hero .entry-title { font-family: 'Poppins', system-ui, sans-serif !important; font-size: clamp(2rem, 4vw, 3.2rem) !important; font-weight: 800 !important; color: #ffffff !important; letter-spacing: -0.02em !important; text-align: center !important; } /* Remove default overlay */ .page-id-8 .entry-hero .hero-section-overlay { background: none !important; } /* ============================================================ 15. ALL BLOG CATEGORY / ARCHIVE PAGE HEROES Extends the dark navy hero to every category & archive page. ============================================================ */ /* Hero container: dark navy gradient for all categories */ .category .entry-hero-container-inner, .archive .entry-hero-container-inner, .tag .entry-hero-container-inner { background: linear-gradient(160deg, #0c1a3d 0%, #122350 50%, #0e1d42 100%) !important; padding: 60px 0 !important; min-height: 180px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Hero title: large, white, Nunito */ .category .entry-hero .entry-title, .category .entry-hero .archive-title, .archive .entry-hero .entry-title, .archive .entry-hero .archive-title, .tag .entry-hero .entry-title, .tag .entry-hero .archive-title { font-family: 'Poppins', system-ui, sans-serif !important; font-size: clamp(2rem, 4vw, 3.2rem) !important; font-weight: 800 !important; color: #ffffff !important; letter-spacing: -0.02em !important; text-align: center !important; } /* Archive description text: white on dark */ .category .entry-hero .archive-description, .category .entry-hero .taxonomy-description, .archive .entry-hero .archive-description, .archive .entry-hero .taxonomy-description, .tag .entry-hero .archive-description, .tag .entry-hero .taxonomy-description { color: rgba(255,255,255,0.7) !important; text-align: center !important; max-width: 640px !important; margin: 0 auto !important; } .category .entry-hero .archive-description p, .archive .entry-hero .archive-description p, .tag .entry-hero .archive-description p { color: rgba(255,255,255,0.7) !important; } /* Remove default overlay */ .category .entry-hero .hero-section-overlay, .archive .entry-hero .hero-section-overlay, .tag .entry-hero .hero-section-overlay { background: none !important; } /* — Hide duplicate hero on The Briefing page — */ .page-id-8 .entry-hero { display: none !important; } /* White-logo fix: invert so logos show on white card backgrounds */ .bmark img[src*="tamburins"] { filter: invert(0.85) brightness(0.15); } .bmark img[src*="the-body-shop"] { filter: invert(1); } /* ================================================ CAREERCOMMS FIX BATCH — May 2026 Fixes: Coming Soon badges, Share buttons removal, Mobile nav contrast, Testimonial contrast ================================================ */ /* --- FIX 1: "Coming Soon" badge on Values Test & Mic Check tool cards --- Targets homepage tool cards that reference those tools by their heading text. We use a ::after pseudo-element on the card wrapper. Kadence theme typically wraps each tool in .kb-info-box or a block with .wp-block-group */ /* --- FIX 2: Hide social share buttons on all pages (Work With Me, About, etc.) --- */ .sharedaddy, .sd-sharing-enabled, .sd-social-official, .sd-sharing, .sd-content, div[class*="sharedaddy"], .jetpack-sharing-buttons__services-list, .wp-block-jetpack-sharing-buttons, [class*="jetpack-sharing"], .entry-share, .post-share, .sharing-hidden { display: none !important; } /* --- FIX 3: Mobile nav contrast — grey #4a5568 on dark bg fails WCAG AA --- Target Kadence mobile navigation links to use near-white text */ @media (max-width: 1024px) { /* Mobile navigation drawer link colors */ .mobile-navigation .nav-link, .mobile-navigation a, #mobile-drawer a, #mobile-drawer .nav-link, .kadence-mobile-navigation a, .kadence-mobile-navigation .nav-link, .mobile-nav-wrap a, .mobile-nav-wrap .nav-link, .handheld-navigation a, .handheld-navigation .nav-link, .mobile-toggle-nav a, [id*="mobile"] nav a, .nav--toggle-sub a { color: rgba(255, 255, 255, 0.92) !important; } /* Sub-menu items in mobile drawer */ .mobile-navigation .sub-menu a, #mobile-drawer .sub-menu a, .kadence-mobile-navigation .sub-menu a, .mobile-nav-wrap .sub-menu a, .handheld-navigation .sub-menu a { color: rgba(255, 255, 255, 0.80) !important; } /* Active / current item */ .mobile-navigation .current-menu-item > a, #mobile-drawer .current-menu-item > a, .kadence-mobile-navigation .current-menu-item > a { color: #ffffff !important; font-weight: 600; } /* Nav toggle icons (hamburger lines) — ensure visibility */ .mobile-menu-toggle svg, .menu-toggle-icon, .mobile-toggle .menu-toggle-icon span, button.menu-toggle span { background-color: #ffffff !important; } button.menu-toggle, .mobile-menu-toggle { color: #ffffff !important; } } /* --- FIX 4: Testimonial author name contrast fix --- Ensure author names in testimonials are readable */ .testimonial-author, .wp-block-pullquote cite, .testimonial .author-name, .testimonial cite, blockquote cite, .testimonials-section cite, .testimonials-section .author, .author-info .name, .client-name, .review-author { color: #e2e8f0 !important; opacity: 1 !important; } /* Testimonial body text contrast */ .testimonial p, .testimonials-section p, .wp-block-pullquote p, blockquote.testimonial p { color: #f0f4f8 !important; opacity: 1 !important; } /* --- FIX 5: About page tag cloud — reduce visual noise --- */ .widget_tag_cloud .tagcloud a, .post-tags a, .tags-links a, .entry-tags a, .tag-cloud-link { font-size: 0.85rem !important; padding: 3px 10px !important; border-radius: 4px !important; background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(255,255,255,0.15) !important; color: rgba(255,255,255,0.75) !important; margin: 3px !important; display: inline-block !important; transition: background 0.2s !important; } .widget_tag_cloud .tagcloud a:hover, .post-tags a:hover, .tag-cloud-link:hover { background: rgba(255,255,255,0.15) !important; color: #ffffff !important; } /* ===== CareerComms mobile menu fix (added by Claude) ===== */ /* Makes the mobile/iPad hamburger drawer submenu toggles visible, tappable (48px), and reveals their sub-pages. Remove this block to revert. */ #mobile-menu .drawer-nav-drop-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} #mobile-menu .drawer-nav-drop-wrap > a{flex:1 1 auto;} #mobile-menu .drawer-sub-toggle{position:relative !important;flex:0 0 48px;width:48px !important;height:48px !important;display:flex !important;align-items:center;justify-content:center;margin:0 !important;padding:0 !important;background:transparent;border:0;color:inherit !important;cursor:pointer;} #mobile-menu .drawer-sub-toggle svg{width:20px !important;height:20px !important;display:block !important;transition:transform .2s ease;} #mobile-menu .drawer-sub-toggle[aria-expanded="true"] svg,#mobile-menu li.toggled-on > .drawer-nav-drop-wrap .drawer-sub-toggle svg{transform:rotate(180deg);} #mobile-menu .sub-menu{width:100%;flex-basis:100%;height:auto !important;max-height:none !important;overflow:visible !important;opacity:1 !important;visibility:visible !important;} #mobile-menu .sub-menu a{padding-left:1.5em;} /* ===== end CareerComms mobile menu fix ===== */ /* ===== CareerComms desktop/iPad dropdown caret fix (added by Claude) ===== */ /* Top-level dropdown toggles were rendering empty and 0x0, so on touch (iPad) there was no way to open submenus like My Classroom > My Courses. This makes them visible, tappable carets. Paired with nav set to open on click. */ .header-navigation .menu-item-has-children > .dropdown-nav-special-toggle, #primary-menu .menu-item-has-children > .dropdown-nav-special-toggle{ position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important; display:inline-flex !important;align-items:center;justify-content:center; width:1.6em !important;height:1.6em !important;min-width:1.6em; margin:0 0 0 .1em !important;padding:0 !important;vertical-align:middle; background:transparent;border:0;color:currentColor !important;cursor:pointer; overflow:visible !important;opacity:1 !important;visibility:visible !important;} .header-navigation .menu-item-has-children > .dropdown-nav-special-toggle::after, #primary-menu .menu-item-has-children > .dropdown-nav-special-toggle::after{ content:"" !important;display:block;width:.5em;height:.5em; border-right:2px solid currentColor;border-bottom:2px solid currentColor; transform:translateY(-25%) rotate(45deg);transition:transform .2s ease;} .header-navigation .menu-item-has-children > .dropdown-nav-special-toggle[aria-expanded="true"]::after, #primary-menu .menu-item-has-children > .dropdown-nav-special-toggle[aria-expanded="true"]::after, #primary-menu li.toggled-on > .dropdown-nav-special-toggle::after{ transform:translateY(15%) rotate(-135deg);} /* ===== end desktop/iPad dropdown caret fix ===== */ /* =================================================== FIX 1: Mobile footer – single-column stacked layout Problem: footer .footer-inner has 4-col grid with !important that overrides the existing mobile media query. Fix: Match the same specificity inside the media query. =================================================== */ @media (max-width: 768px) { footer .footer-inner { grid-template-columns: 1fr !important; gap: 24px !important; } footer .footer-inner > div { width: 100% !important; min-width: 0 !important; } } /* =================================================== FIX 2: Resume Radar / tool page preview card contrast Problem: .cc-prev background is near-identical to the dark hero section background — low contrast. Fix: Lighten the card background and strengthen border. =================================================== */ body.parent-pageid-1119 .cc-mh .cc-prev { background: radial-gradient(120% 130% at 85% -10%, rgb(32, 62, 118) 0%, rgb(23, 47, 92) 60%) !important; border: 1px solid rgba(143, 180, 255, 0.3) !important; box-shadow: rgba(0,0,0,0.55) 0px 30px 70px, rgba(143,180,255,0.5) 0px 0px 0px 1.5px !important; } /* =================================================== FIX 3: Score number centered in mobile donut chart Problem: .ring is shrunk to 58px on mobile but the SVG has hardcoded width/height="74", so the arc center is offset 8px from the .num text overlay. Fix: Force SVG to 58px to match the ring container. =================================================== */ @media (max-width: 600px) { body.parent-pageid-1119 .cc-mh .cc-prev .ring svg { width: 58px !important; height: 58px !important; } } /* =================================================== FIX 1 (v2): Mobile footer – higher-specificity override Sheet 41 has footer .footer-inner (0,1,1) !important. Using html body footer .footer-inner (0,1,3) to win. =================================================== */ @media (max-width: 768px) { html body footer .footer-inner { grid-template-columns: 1fr !important; gap: 24px !important; } html body footer .footer-inner > div { width: 100% !important; min-width: 0 !important; } } /* cc-unbox-fix: remove boxed white frame on pages so full-bleed designs reach the edges */ body.page article.content-bg{background:transparent !important;box-shadow:none !important;} body.page .entry-content-wrap{padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;padding-bottom:0 !important;} /* cc-pill-hover-fix: keep Read more pill text white on hover for all accent colours */ .section-card:hover .section-card-link{ color:#fff !important; } /* cc-font-unify: Poppins display + Inter body on the homepage, colours unchanged */ body{ --global-heading-font-family:'Poppins', system-ui, sans-serif !important; --global-body-font-family:'Inter', system-ui, sans-serif !important; --f:'Poppins', system-ui, sans-serif !important; } body, body p, body li, body span, body .entry-content, body input, body textarea, body select, body button, body a { font-family:'Inter', system-ui, sans-serif !important; } body h1, body h2, body h3, body h4, body h5, body h6, body .entry-title, body .site-title, body .kt-adv-heading-text, body .section-card h3 { font-family:'Poppins', system-ui, sans-serif !important; } /* cc-pill-balance: hero credential pills aligned + mobile */ .hero-creds{ justify-content:flex-start !important; gap:10px !important; } @media (max-width:600px){ .hero-creds{ justify-content:center !important; } } /* cc-blog-dedupe: category shows once (branded pill); tidy single-post header */ body.single-post .category-links.term-links{ display:none !important; } body.single-post .cc-breadcrumbs{ display:none !important; } /* cc-postnav-contrast: previous/next post links were white (.nav-links) on a light background; make them readable */ .post-navigation .nav-links a,.post-navigation .nav-links a:visited,.post-navigation a,.post-navigation a:visited,.post-navigation .nav-links a *,.post-navigation .post-title{color:#0f1117 !important;} .post-navigation .nav-links a .post-navigation-sub{color:#6b7280 !important;} .post-navigation .nav-links a:hover,.post-navigation .nav-links a:hover *,.post-navigation .post-title:hover{color:#c2410c !important;} /* cc-lang-fouc-fix: hide inactive language from first paint (head-loaded) */ body:not(.cc-ko) .l-ko{display:none !important;} body.cc-ko .l-en{display:none !important;} /* cc-classroom-icon-fix */ .cl-course-card .cl-course-icon{width:64px !important;height:64px !important;min-height:0 !important;display:inline-flex !important;align-items:center;justify-content:center;margin:0 0 14px 0 !important;} .cl-course-card .cl-course-icon svg{width:48px !important;height:48px !important;max-width:48px !important;max-height:48px !important;} .cl-course-card .cl-course-icon img{width:48px !important;height:48px !important;} /* cc-classroom-polish */ .cl-course-card .cl-badge.live{display:inline-flex !important;width:auto !important;align-self:flex-start !important;} .cl-course-card h3{margin-top:6px !important;} .cl-course-card .cl-course-foot{margin-top:auto !important;} .cl-course-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease;} .cl-course-card:hover{transform:translateY(-6px) !important;box-shadow:0 20px 44px -20px rgba(15,23,42,.4) !important;} .cl-course-card .cl-course-icon{transition:transform .3s ease;} .cl-course-card:hover .cl-course-icon{transform:translateY(-2px) scale(1.06);} /* cc-classroom-dark */ .cl-courses,.cl-downloads,.cl-praise{background:#111214 !important;} .cl-courses h2,.cl-downloads h2,.cl-praise h2{color:#f5f6f8 !important;} .cl-courses .cl-section-inner>p,.cl-downloads .cl-section-inner>p,.cl-praise .cl-section-inner>p{color:#aab2bd !important;} .cl-course-card{background:#1a1c21 !important;border:1px solid rgba(255,255,255,.08) !important;} .cl-course-card h3{color:#f5f6f8 !important;} .cl-course-card .cl-course-cat{color:#88a9ff !important;} .cl-course-card .cl-course-desc{color:#aab2bd !important;} .cl-course-card .cl-course-level{background:rgba(122,162,255,.14) !important;color:#a7c0ff !important;} .cl-course-card .cl-course-tags>*{background:rgba(255,255,255,.06) !important;color:#c7cdd6 !important;border-color:rgba(255,255,255,.08) !important;} .cl-course-card .cl-course-foot{color:#88a9ff !important;} .cl-course-card .cl-badge.live{background:rgba(52,211,153,.15) !important;color:#4ade80 !important;border:1px solid rgba(52,211,153,.32) !important;} .cl-course-card .cl-course-icon{width:56px !important;height:56px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:14px !important;color:#e2e6ec !important;} .cl-course-card .cl-course-icon svg{width:30px !important;height:30px !important;stroke:#e2e6ec !important;color:#e2e6ec !important;} .cl-course-card:hover{box-shadow:0 22px 46px -22px rgba(0,0,0,.7) !important;border-color:rgba(122,162,255,.42) !important;} .cl-download-item{background:#1a1c21 !important;border:1px solid rgba(255,255,255,.08) !important;} .cl-download-item h3,.cl-download-item h4,.cl-download-item strong{color:#f5f6f8 !important;} .cl-download-item p{color:#aab2bd !important;} .clp-card{background:#1a1c21 !important;border:1px solid rgba(255,255,255,.08) !important;} .clp-card p,.clp-card blockquote{color:#c2c9d3 !important;} .clp-card strong,.clp-card cite,.clp-card .clp-name{color:#f5f6f8 !important;} /* cc-classroom-dark2 */ html body .cl-courses .cl-section-header h2,html body .cl-downloads .cl-section-header h2{color:#f5f6f8 !important;} html body .cl-downloads .cl-section-header p{color:#aab2bd !important;} html body .cl-praise .clp-sub{color:#aab2bd !important;} html body .cl-courses strong{color:#dfe3ea !important;} html body .cl-courses a,html body .cl-courses .cl-course-prev,html body .cl-downloads .cl-dl-num,html body .cl-downloads .cl-dl-cat{color:#88a9ff !important;} html body .cl-downloads .cl-dl-title{color:#f5f6f8 !important;} html body .cl-praise .clp-nm{color:#f5f6f8 !important;} html body .cl-praise .clp-subj{color:#eef1f5 !important;} html body .cl-praise .clp-body{color:#c6ccd6 !important;} html body .cl-praise .clp-role,html body .cl-praise .clp-cat,html body .cl-praise .clp-meta{color:#9aa2ae !important;} html body .cl-courses .cl-badge.soon{background:rgba(251,191,36,.14) !important;color:#fcd34d !important;border:1px solid rgba(251,191,36,.32) !important;} html body .cl-course-card h3{font-size:19px !important;line-height:1.28 !important;} html body .cl-course-card .cl-course-desc{font-size:14.5px !important;line-height:1.55 !important;} html body .cl-course-card .cl-course-cat{font-size:12px !important;} html body .cl-course-card .cl-course-tags>*{font-size:12px !important;} html body .cl-course-card .cl-course-level{font-size:11.5px !important;} html body .cl-course-card{position:relative !important;overflow:hidden !important;} html body .cl-course-card::before{content:'' !important;position:absolute !important;top:0;left:0;right:0;height:3px;background:var(--acc,#88a9ff);} html body .cl-course-card .cl-course-cat{color:var(--acc,#88a9ff) !important;} html body .cl-course-card .cl-course-icon{color:var(--acc,#88a9ff) !important;} html body .cl-course-card .cl-course-icon svg{stroke:var(--acc,#88a9ff) !important;color:var(--acc,#88a9ff) !important;} html body .cl-course-grid .cl-course-card:nth-child(1){--acc:#fb923c;} html body .cl-course-grid .cl-course-card:nth-child(2){--acc:#34d399;} html body .cl-course-grid .cl-course-card:nth-child(3){--acc:#60a5fa;} html body .cl-course-grid .cl-course-card:nth-child(4){--acc:#a78bfa;} html body .cl-course-grid .cl-course-card:nth-child(5){--acc:#22d3ee;} html body .cl-course-grid .cl-course-card:nth-child(6){--acc:#f472b6;} html body .cl-course-grid .cl-course-card:nth-child(7){--acc:#fbbf24;} /* cc-classroom-dark3 */ html body .cl-course-card .cl-course-btn,html body .cl-course-card a.cl-course-btn{color:#ffffff !important;} /* cc-classroom-dark4 */ html body .cl-downloads .cl-section-header h2{-webkit-text-fill-color:#f5f6f8 !important;color:#f5f6f8 !important;} html body .cl-downloads .cl-dl-num{background:rgba(136,169,255,.16) !important;border-color:rgba(136,169,255,.4) !important;} html body .cl-downloads .cl-dl-btn{color:#9db8ff !important;border-color:#9db8ff !important;} /* cc-classroom-dark5 */ html body .cl-praise .clp-bub{background:#23262d !important;color:#d7dce4 !important;border:1px solid rgba(255,255,255,.06) !important;} html body .cl-course-card .cl-course-btn{background:var(--acc,#2563eb) !important;color:#0f1216 !important;border-color:transparent !important;} html body .cl-course-card .cl-course-btn:hover{filter:brightness(1.08);} /* cc-classroom-dark6 */ html body .cl-course-card .cl-course-btn,html body .cl-course-card .cl-course-btn *{color:#0f1216 !important;-webkit-text-fill-color:#0f1216 !important;font-weight:700 !important;} /* cc-classroom-tighten */ html body .cl-hero{padding-top:64px !important;padding-bottom:44px !important;} html body .cl-courses,html body .cl-downloads,html body .cl-praise{padding-top:44px !important;padding-bottom:48px !important;} html body .cl-cta{padding-top:48px !important;padding-bottom:52px !important;} html body .cl-courses .cl-section-header,html body .cl-downloads .cl-section-header{margin-bottom:30px !important;} html body .cl-course-grid{gap:16px !important;} html body .cl-course-card{padding:22px 22px 22px !important;} html body .cl-course-card .cl-course-icon{margin-bottom:12px !important;} html body .cl-course-card .cl-badge{margin-bottom:10px !important;} html body .cl-course-card .cl-course-cat{margin-bottom:8px !important;} html body .cl-course-card h3{margin-bottom:10px !important;} html body .cl-course-card .cl-course-level{margin-bottom:10px !important;} html body .cl-course-card .cl-course-desc{margin-bottom:16px !important;} /* cc-classroom-tighten2 */ html body .cl-courses,html body .cl-downloads,html body .cl-praise{padding-top:36px !important;padding-bottom:40px !important;} html body .cl-courses .cl-section-header,html body .cl-downloads .cl-section-header{margin-bottom:24px !important;} html body .cl-download-item{padding:18px 20px !important;} html body .cl-cta{padding-top:40px !important;padding-bottom:44px !important;} /* cc-dl-cards */ html body .cl-download-grid .cl-download-item:nth-child(1),html body .cl-download-grid .cl-download-item:nth-child(2){--dacc:#34d399;} html body .cl-download-grid .cl-download-item:nth-child(3),html body .cl-download-grid .cl-download-item:nth-child(5){--dacc:#f472b6;} html body .cl-download-grid .cl-download-item:nth-child(4){--dacc:#60a5fa;} html body .cl-download-grid .cl-download-item:nth-child(6){--dacc:#22d3ee;} html body .cl-download-item{padding:14px 16px !important;gap:13px !important;border-left:3px solid var(--dacc,#88a9ff) !important;} html body .cl-download-item .cl-dl-title{font-size:15px !important;} html body .cl-download-item .cl-dl-desc{font-size:13.5px !important;line-height:1.5 !important;} html body .cl-download-item .cl-dl-num{width:42px !important;height:42px !important;min-width:42px !important;border-radius:11px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:0 !important;color:var(--dacc,#88a9ff) !important;background:rgba(255,255,255,.05) !important;background:color-mix(in srgb,var(--dacc,#88a9ff) 14%,transparent) !important;border:1px solid rgba(255,255,255,.14) !important;border:1px solid color-mix(in srgb,var(--dacc,#88a9ff) 40%,transparent) !important;} html body .cl-download-item .cl-dl-num::before{content:'' !important;display:block !important;width:22px !important;height:22px !important;background-color:currentColor !important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cline x1='9' y1='13' x2='15' y2='13'/%3E%3Cline x1='9' y1='17' x2='13' y2='17'/%3E%3C/svg%3E") center/contain no-repeat !important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cline x1='9' y1='13' x2='15' y2='13'/%3E%3Cline x1='9' y1='17' x2='13' y2='17'/%3E%3C/svg%3E") center/contain no-repeat !important;} html body .cl-download-item .cl-dl-cat{color:var(--dacc,#88a9ff) !important;} html body .cl-download-item .cl-dl-btn{color:var(--dacc,#9db8ff) !important;border-color:rgba(157,184,255,.4) !important;border-color:color-mix(in srgb,var(--dacc,#9db8ff) 50%,transparent) !important;} /* cc-mm-panel-fix: keep mobile menu hidden until toggled open */ .cc-mm-panel{display:none !important;} .cc-mm-panel.open{display:flex !important;} .tool-card.tc-amber,.tool-card.tc-purple,.tool-card.tc-blue,.tool-card.tc-orange,.tool-card.tc-green,.tool-card.tc-teal{--tool-color:#1A56DB !important;background:#EEF2FF !important;border-top-color:#1A56DB !important;border-left-color:#1A56DB !important;} .tool-btn,.tool-card .tool-btn,.tool-card[class*="tc-"] .tool-btn{background:#1A56DB !important;color:#fff !important;border-color:#1A56DB !important;transition:background .18s ease,transform .18s ease;} .tool-btn:hover,.tool-card .tool-btn:hover{background:#1442AE !important;transform:translateY(-1px);} .cc-ico{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;} .tool-card .tool-icon{font-size:0 !important;} .tool-card .tool-icon .cc-tool{width:34px;height:34px;} .tool-card .tool-icon img.emoji{display:none !important;} #primary-menu .sub-menu{background:#fff !important;border:1px solid #E7E2D8 !important;border-radius:14px !important;box-shadow:0 18px 40px rgba(21,35,59,.14),0 4px 12px rgba(21,35,59,.08) !important;padding:8px !important;min-width:252px !important;margin-top:10px !important;transform:translateY(8px);transition:opacity .22s ease,transform .26s ease,visibility .22s ease !important;} #primary-menu .menu-item-has-children:hover>.sub-menu,#primary-menu .menu-item-has-children:focus-within>.sub-menu{transform:translateY(0) !important;} #primary-menu .sub-menu li{margin:0 !important;border:0 !important;} #primary-menu .sub-menu a{display:flex !important;align-items:center !important;gap:11px !important;padding:9px 12px !important;border-radius:10px !important;font-size:14.5px !important;line-height:1.25 !important;transition:background .15s ease,color .15s ease !important;} #primary-menu .sub-menu a:hover{background:#EEF2FF !important;color:#1A56DB !important;} #primary-menu .sub-menu .cc-mi{flex:none;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(26,86,219,.10);} #primary-menu .sub-menu .cc-mi svg{width:17px;height:17px;stroke:#1A56DB;fill:none;} .nav-links > li.cc-has-dd{position:relative;} .nav-links > li.cc-has-dd > .cc-dd{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .26s ease;background:#fff;border:1px solid #E7E2D8;border-radius:16px;box-shadow:0 24px 50px rgba(21,35,59,.18),0 6px 16px rgba(21,35,59,.08);padding:14px;z-index:99999;margin-top:8px;} .nav-links > li.cc-has-dd:hover > .cc-dd{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);} .nav-links > li.cc-has-dd > .cc-dd::before{content:'';position:absolute;top:-16px;left:0;right:0;height:18px;} .cc-dd .cc-dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:440px;} .cc-dd-classroom .cc-dd-grid{grid-template-columns:1fr;min-width:236px;} .cc-dd-tools .cc-dd-grid{grid-template-columns:1fr 1fr 1fr !important;gap:0 16px !important;min-width:600px !important;align-items:start;} .cc-dd-tools .cc-dd-h{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#8A93A3;padding:6px 12px 3px;} .cc-dd .cc-dd-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;font-size:14.5px;color:#15233B;text-decoration:none;transition:background .15s ease,color .15s ease;white-space:nowrap;} .cc-dd .cc-dd-item,.cc-dd .cc-dd-item span:last-child{color:#15233B !important;} .cc-dd .cc-dd-item:hover{background:#EEF2FF !important;} .cc-dd .cc-dd-item:hover,.cc-dd .cc-dd-item:hover span:last-child{color:#1A56DB !important;} .cc-dd .cc-mi{flex:none;width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(26,86,219,.10);} .cc-dd .cc-mi svg{width:18px;height:18px;stroke:#1A56DB;fill:none;} header, .site-header, .nav-links{overflow:visible !important;} /* cc-tool-skin v1 - unify tool pages to navy editorial system */ @keyframes ccGlow{0%,100%{opacity:.55;transform:translate(0,0)}50%{opacity:.95;transform:translate(-16px,12px)}} @keyframes ccUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} @keyframes ccPulse{0%{box-shadow:0 0 0 0 rgba(91,140,255,.55)}70%{box-shadow:0 0 0 8px rgba(91,140,255,0)}100%{box-shadow:0 0 0 0 rgba(91,140,255,0)}} body.parent-pageid-1119 .cc-mh{background:linear-gradient(155deg,#12244d 0%,#15233B 55%,#0d1b3a 100%)!important;position:relative!important;overflow:hidden!important} body.parent-pageid-1119 .cc-mh:before{content:'';position:absolute;width:540px;height:340px;right:5%;top:-50px;background:radial-gradient(circle,rgba(90,140,255,.30),transparent 66%);animation:ccGlow 9s ease-in-out infinite;pointer-events:none;z-index:0} body.parent-pageid-1119 .cc-mh>*{position:relative;z-index:1} body.parent-pageid-1119 .cc-mh .cc-tw>*{animation:ccUp .6s ease both} body.parent-pageid-1119 .cc-mh h1{color:#fff!important;font-family:'Nunito',sans-serif!important;font-weight:900!important;letter-spacing:-.6px!important;line-height:1.04!important} body.parent-pageid-1119 .cc-mh p{color:#c7d0e2!important} body.parent-pageid-1119 .cc-mh .cc-bci,body.parent-pageid-1119 .cc-mh .cc-bci *{color:#8ea6d6!important} body.parent-pageid-1119 .cc-mh .cc-pill,body.parent-pageid-1119 .cc-mh .cc-pill-a{background:rgba(120,160,255,.14)!important;border:1px solid rgba(120,160,255,.38)!important;color:#a8c4ff!important;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px!important} body.parent-pageid-1119 .cc-mh .cc-pill-a img.emoji{display:none!important} body.parent-pageid-1119 .cc-steps-s h2,body.parent-pageid-1119 .cc-why-s h2,body.parent-pageid-1119 .cc-embed-s h2,body.parent-pageid-1119 .cc-cta h2,body.parent-pageid-1119 .cc-related-title,body.parent-pageid-1119 h3{font-family:'Nunito',sans-serif!important;font-weight:800!important;letter-spacing:-.3px} body.parent-pageid-1119 .cc-why-b{transition:transform .18s,box-shadow .18s} body.parent-pageid-1119 .cc-why-b:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(16,32,64,.10)} body.parent-pageid-1119 .cc-cta{background:linear-gradient(150deg,#12244d,#15233B 55%,#0d1b3a)!important;position:relative!important;overflow:hidden!important} body.parent-pageid-1119 .cc-cta:before{content:'';position:absolute;width:480px;height:300px;left:-40px;bottom:-70px;background:radial-gradient(circle,rgba(90,140,255,.22),transparent 66%);pointer-events:none;z-index:0} body.parent-pageid-1119 .cc-cta>*{position:relative;z-index:1} body.parent-pageid-1119 .cc-cta h2,body.parent-pageid-1119 .cc-cta h3{color:#fff!important} body.parent-pageid-1119 .cc-cta .cc-cta-sub,body.parent-pageid-1119 .cc-cta p{color:#c7d0e2!important} body.parent-pageid-1119 .cc-cta-btn{background:#fff!important;color:#1A56DB!important;border-color:#fff!important;transition:transform .15s} body.parent-pageid-1119 .cc-cta-btn:hover{transform:translateY(-2px)} body.parent-pageid-1119 .cc-related-card{background:#fff!important;border:1px solid #e6e9f0!important;transition:transform .18s,box-shadow .18s,border-color .18s} body.parent-pageid-1119 .cc-related-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(16,32,64,.10);border-color:#1A56DB!important} body.parent-pageid-1119 .cc-related-name{color:#15233B!important} body.parent-pageid-1119 .cc-related-eyebrow{color:#1A56DB!important} body.parent-pageid-1119 .cc-related-btn{background:#1A56DB!important;color:#fff!important} body.parent-pageid-1119 a.cc-btn{background:#1A56DB!important;color:#fff!important;border-color:#1A56DB!important} .cc-livedot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5b8cff;margin-right:8px;animation:ccPulse 2s infinite;vertical-align:middle} .cc-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px} .cc-xbtn{display:inline-flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15px;border-radius:12px;padding:13px 22px;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:transform .15s,background .15s,border-color .15s} .cc-xbtn.p{background:#1A56DB;color:#fff}.cc-xbtn.p:hover{background:#2a63e6;transform:translateY(-2px)} .cc-xbtn.g{background:transparent;color:#dbe4f5;border-color:rgba(255,255,255,.24)}.cc-xbtn.g:hover{border-color:#fff;color:#fff} .cc-xchips{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#93a3c2;font-size:13px;font-family:'Plus Jakarta Sans',sans-serif} .cc-xchips span{display:inline-flex;align-items:center;gap:7px}.cc-xchips svg{width:15px;height:15px;color:#5b8cff} body.parent-pageid-1119 .cc-hero-cta .cc-xbtn.p{color:#fff!important} body.parent-pageid-1119 .cc-hero-cta .cc-xbtn.g{color:#dbe4f5!important} body.parent-pageid-1119 .cc-xbtn svg{width:18px!important;height:18px!important;flex:0 0 auto} body.parent-pageid-1119 .cc-xchips svg{width:15px!important;height:15px!important;flex:0 0 auto} body.parent-pageid-1119 .cc-hero-cta .cc-xbtn{line-height:1.1} /* cc-contrast: strong text contrast on navy tool heroes/closers */ body.parent-pageid-1119 .cc-mh p{color:#e3eaf8!important} body.parent-pageid-1119 .cc-mh .cc-bci,body.parent-pageid-1119 .cc-mh .cc-bci *{color:#c4d2ee!important} body.parent-pageid-1119 .cc-xchips{color:#cad5e8!important} body.parent-pageid-1119 .cc-xchips svg{color:#8fb4ff!important} body.parent-pageid-1119 .cc-mh .cc-pill,body.parent-pageid-1119 .cc-mh .cc-pill-a{color:#cdddff!important;border-color:rgba(150,185,255,.5)!important} body.parent-pageid-1119 .cc-cta .cc-cta-sub,body.parent-pageid-1119 .cc-cta p{color:#e3eaf8!important} .cc-dd-tools .cc-dd-item.cc-soon{opacity:.6;cursor:default} .cc-dd-tools .cc-soon-b{margin-left:8px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;background:rgba(120,160,255,.18);color:#8fb4ff;border-radius:6px;padding:2px 6px;font-weight:500} .cc-dd-tools .cc-dd-item{display:flex;align-items:center;gap:9px} .cc-dd-tools .cc-dd-grid{gap:6px 26px!important} /* cc-blend: soften hero->app seam (framework pages) + gold hairline in hero */ body.parent-pageid-1119 .cc-mh + .cc-embed-s{background:#faf6ec!important;position:relative!important;padding-top:104px!important} body.parent-pageid-1119 .cc-mh + .cc-embed-s::before{content:'';position:absolute;top:0;left:0;right:0;height:92px;background:linear-gradient(180deg,#0d1b3a 0,#1a2c52 30%,#faf6ec 100%);pointer-events:none;z-index:0} body.parent-pageid-1119 .cc-mh + .cc-embed-s > *{position:relative;z-index:1} body.parent-pageid-1119 .cc-mh .cc-bci,body.parent-pageid-1119 .cc-mh .cc-bci a,body.parent-pageid-1119 .cc-mh .cc-bci span{color:#dcc07a!important} /* framework hero/embed: constrain content column so text has margin + app aligns */ body.parent-pageid-1119 .cc-mh:has(+ .cc-embed-s) .cc-tw{max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important} body.parent-pageid-1119 .cc-mh + .cc-embed-s .cc-embed-wrap{max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important} .cc-dd-tools .cc-dd-grid{display:none!important}.cc-slim{display:flex;flex-direction:column;gap:2px;padding:12px;min-width:360px}.cc-slim-i{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;text-decoration:none!important;transition:background .15s}.cc-slim-i:hover{background:#eef2fb}.cc-slim-d{width:11px;height:11px;border-radius:3px;flex:0 0 auto}.cc-slim-tx{display:flex;flex-direction:column;line-height:1.25}.cc-slim-tx b{font-weight:800;font-size:15.5px;color:#16213c}.cc-slim-tx em{font-style:normal;font-weight:500;font-size:12.5px;color:#6b7385;margin-top:2px}.cc-slim-all{display:block;margin:6px 6px 2px;padding:11px 14px;border-radius:12px;background:#0d1b3a;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-decoration:none!important}.cc-slim-all:hover{background:#132a4d} .cc-toolsnav{background:#0d1b3a;padding:46px 20px;margin-top:6px}.cc-toolsnav-in{max-width:1040px;margin:0 auto}.cc-toolsnav-k{font:600 12px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#8fb4ff}.cc-toolsnav h3{font:800 25px/1.2 'Nunito',system-ui,sans-serif;color:#fff!important;margin:11px 0 6px}.cc-toolsnav p{color:#c3ccdd!important;margin:0 0 22px;font-size:15px;max-width:560px}.cc-toolsnav-chips{display:flex;flex-wrap:wrap;gap:11px;align-items:center}.cc-tn-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(143,180,255,.30);color:#eaf0fb!important;padding:11px 17px;border-radius:999px;text-decoration:none!important;font:600 14px/1 'Plus Jakarta Sans',system-ui,sans-serif;transition:.15s}.cc-tn-chip:hover{background:rgba(255,255,255,.16);border-color:rgba(143,180,255,.6)}.cc-tn-all{background:#1A56DB!important;border-color:#1A56DB!important;color:#fff!important}.cc-tn-all:hover{background:#1442ae!important} .header-navigation li.menu-item-has-children:hover > ul.sub-menu, .header-navigation li.menu-item-has-children:focus-within > ul.sub-menu{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important} .header-navigation li.cc-catitem > a{padding:8px 20px!important} @media(min-width:1025px){.header-navigation.click-to-open .dropdown-nav-toggle,.header-navigation .dropdown-nav-special-toggle{display:none!important}} .header-navigation li.menu-item-has-children.cc-hoveropen > ul.sub-menu{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important} .ccx-btn-pri{color:#fff!important}.ccx-btn-ghost{color:#eaf0fb!important}.ccx-link{color:#1A56DB!important}.ccx-link:hover{color:#fff!important} .ccx-tools .ccx-card{border:1.5px solid #cdd6e6!important;border-top:3px solid var(--c)!important;box-shadow:0 1px 2px rgba(16,28,54,.06),0 8px 20px rgba(16,28,54,.06)!important} .ccx-tools .ccx-card:hover{border-color:var(--c)!important;box-shadow:0 16px 36px rgba(16,28,54,.15)!important} @keyframes ccxHeroUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}} .ccx-hero .ccx-eyebrow{animation:ccxHeroUp .6s cubic-bezier(.2,.7,.2,1) both} .ccx-hero h1{animation:ccxHeroUp .7s cubic-bezier(.2,.7,.2,1) .08s both} .ccx-hero .ccx-lead{animation:ccxHeroUp .7s cubic-bezier(.2,.7,.2,1) .18s both} .ccx-hero .ccx-hero-cta{animation:ccxHeroUp .7s cubic-bezier(.2,.7,.2,1) .28s both} .ccx-hero .ccx-stats{animation:ccxHeroUp .7s cubic-bezier(.2,.7,.2,1) .38s both} .ccx-hero .ccx-jump{animation:ccxHeroUp .7s cubic-bezier(.2,.7,.2,1) .48s both} .ccx-hero::before{content:"";position:absolute;top:-25%;right:-8%;width:55%;height:120%;background:radial-gradient(circle,rgba(91,140,255,.16),transparent 62%);animation:ccxGlow 9s ease-in-out infinite alternate;pointer-events:none;z-index:0} .ccx-hero .ccx-wrap{position:relative;z-index:1} @keyframes ccxGlow{from{transform:translate(0,0) scale(1)}to{transform:translate(-7%,7%) scale(1.08)}} @media(prefers-reduced-motion:reduce){.ccx-hero .ccx-eyebrow,.ccx-hero h1,.ccx-hero .ccx-lead,.ccx-hero .ccx-hero-cta,.ccx-hero .ccx-stats,.ccx-hero .ccx-jump,.ccx-hero::before{animation:none}} body.parent-pageid-1119 .cc-eviwrap{background:#faf6ec;padding:6px 20px 46px} body.parent-pageid-1119 .cc-evi-in{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px} body.parent-pageid-1119 .cc-evi-card{background:#fff;border:1px solid #e7ded0;border-radius:15px;padding:22px 24px;box-shadow:0 6px 18px rgba(40,30,10,.05)} body.parent-pageid-1119 .cc-evi-why{border-top:3px solid #b8893a} body.parent-pageid-1119 .cc-evi-ex{border-top:3px solid #1A56DB} body.parent-pageid-1119 .cc-evi-k{font-family:'DM Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#8a6d2f;display:flex;align-items:center;gap:7px} body.parent-pageid-1119 .cc-evi-ex .cc-evi-k{color:#1442ae} body.parent-pageid-1119 .cc-evi-k::before{content:'';width:8px;height:8px;border-radius:2px;background:currentColor} body.parent-pageid-1119 .cc-evi-card p{color:#332b1d!important;-webkit-text-fill-color:#332b1d!important;font-size:14.7px;line-height:1.62;margin:11px 0 0} body.parent-pageid-1119 .cc-evi-src{display:inline-block;margin-top:12px;font-family:'DM Mono',monospace;font-size:11px;color:#9a8a6a} @media(max-width:760px){body.parent-pageid-1119 .cc-evi-in{grid-template-columns:1fr}} #cc-resume-radar-root .ccrr-in{background:linear-gradient(180deg,#eef4fd,#e0e9fa)!important;box-shadow:inset -1px 0 0 #d3e0f6} #cc-resume-radar-root .ccrr-in label{color:#1c2e5a!important} #cc-resume-radar-root textarea{background:#ffffff!important;border:1.5px solid #b7c7e8!important;border-radius:10px!important;box-shadow:inset 0 1px 2px rgba(16,28,54,.06)!important;transition:border-color .15s ease,box-shadow .15s ease!important} #cc-resume-radar-root textarea:hover{border-color:#93aae0!important} #cc-resume-radar-root textarea:focus{border-color:#1A56DB!important;box-shadow:0 0 0 3px rgba(26,86,219,.16)!important;outline:none!important} #cc-resume-radar-root textarea::placeholder{color:#94a2bd!important} #cc-resume-radar-root input[type=file]{background:#ffffff!important;border:1.5px dashed #9fb5e6!important;border-radius:9px!important;width:100%!important;cursor:pointer!important;transition:border-color .15s ease,background .15s ease!important} #cc-resume-radar-root input[type=file]:hover{border-color:#1A56DB!important;background:#f5f8ff!important} #cc-resume-radar-root button:disabled{background:#e2e8f0!important;color:#8a97ad!important;-webkit-text-fill-color:#8a97ad!important;box-shadow:none!important;opacity:1!important} body.parent-pageid-1119 .entry-content textarea, body.parent-pageid-1119 .entry-content input[type=text], body.parent-pageid-1119 .entry-content input[type=email], body.parent-pageid-1119 .entry-content input[type=search], body.parent-pageid-1119 .entry-content input[type=number], body.parent-pageid-1119 .entry-content input[type=url], body.parent-pageid-1119 .entry-content select{ background:#eef3fb!important; border:1.5px solid #b7c7e8!important; border-radius:10px!important; box-shadow:inset 0 1px 2px rgba(16,28,54,.05)!important; transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important; } body.parent-pageid-1119 .entry-content textarea:hover, body.parent-pageid-1119 .entry-content input[type=text]:hover, body.parent-pageid-1119 .entry-content input[type=email]:hover, body.parent-pageid-1119 .entry-content input[type=search]:hover, body.parent-pageid-1119 .entry-content input[type=number]:hover, body.parent-pageid-1119 .entry-content input[type=url]:hover, body.parent-pageid-1119 .entry-content select:hover{border-color:#93aae0!important} body.parent-pageid-1119 .entry-content textarea:focus, body.parent-pageid-1119 .entry-content input[type=text]:focus, body.parent-pageid-1119 .entry-content input[type=email]:focus, body.parent-pageid-1119 .entry-content input[type=search]:focus, body.parent-pageid-1119 .entry-content input[type=number]:focus, body.parent-pageid-1119 .entry-content input[type=url]:focus, body.parent-pageid-1119 .entry-content select:focus{ background:#ffffff!important;border-color:#1A56DB!important;box-shadow:0 0 0 3px rgba(26,86,219,.16)!important;outline:none!important; } body.parent-pageid-1119 .entry-content textarea::placeholder, body.parent-pageid-1119 .entry-content input::placeholder{color:#8f9cb5!important;opacity:1} body.parent-pageid-1119 .entry-content input[type=file]{ background:#ffffff!important;border:1.5px dashed #9fb5e6!important;border-radius:9px!important;cursor:pointer!important; transition:border-color .15s ease,background .15s ease!important; } body.parent-pageid-1119 .entry-content input[type=file]:hover{border-color:#1A56DB!important;background:#f5f8ff!important} body.page-id-1282 .cc-embed-wrap h1,body.page-id-1282 .cc-embed-wrap h2,body.page-id-1282 .cc-embed-wrap h3,body.page-id-1282 .cc-embed-wrap h4,body.page-id-1282 .cc-embed-wrap p{color:#e9eef9!important;-webkit-text-fill-color:#e9eef9!important} body.page-id-1119 .content-container.site-container, body.parent-pageid-1119 .content-container.site-container{max-width:none!important;padding-left:0!important;padding-right:0!important} body.page-id-1119 .entry-content-wrap, body.parent-pageid-1119 .entry-content-wrap{max-width:none!important;padding-left:0!important;padding-right:0!important} body.page-id-1119 .content-bg, body.parent-pageid-1119 .content-bg{border-radius:0!important;box-shadow:none!important;margin-left:0!important;margin-right:0!important} body.page-id-1119 .entry-content>*, body.parent-pageid-1119 .entry-content>*{margin-left:0!important;margin-right:0!important} body.page-id-1119 .ccx>*{margin-left:0!important;margin-right:0!important} body.parent-pageid-1119 .cc-mh .cc-mh-2col{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;display:flex!important;gap:44px;align-items:center;flex-wrap:wrap} body.parent-pageid-1119 .cc-mh .cc-mh-left{flex:1 1 400px;min-width:0} body.parent-pageid-1119 .cc-mh .cc-prevwrap{flex:0 1 520px;margin:0!important;padding:0!important;max-width:520px} body.parent-pageid-1119 .cc-mh .cc-prev{box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1.5px rgba(143,180,255,.34)!important} @media(min-width:901px){ body.parent-pageid-1119 .cc-mh .cc-prevwrap{transform:perspective(1300px) rotateY(-7deg) rotate(2deg)!important;transition:transform .45s ease} body.parent-pageid-1119 .cc-mh .cc-prevwrap:hover{transform:perspective(1300px) rotateY(0deg) rotate(0deg)!important} } @media(max-width:900px){ body.parent-pageid-1119 .cc-mh .cc-mh-2col{display:block!important} body.parent-pageid-1119 .cc-mh .cc-mh-left{flex:none} body.parent-pageid-1119 .cc-mh .cc-prevwrap{max-width:560px;margin:26px auto 0!important} } body.parent-pageid-1119 .cc-mh .cc-mh-left .cc-pill{display:inline-flex!important;width:auto!important;max-width:100%} .cc-dd-classroom.cc-slim-on .cc-dd-grid{display:none!important}.cc-dd-classroom .cc-slim{min-width:300px} #primary-menu .sub-menu.cc-coursemega,.header-navigation .sub-menu.cc-coursemega{min-width:300px} #primary-menu .sub-menu.cc-coursemega a,.header-navigation .sub-menu.cc-coursemega a{display:flex!important;align-items:center;gap:11px;padding:9px 12px!important;border-radius:10px!important} .sub-menu.cc-coursemega .ccm-sw{flex:none;width:30px;height:30px;border-radius:8px;display:inline-block} .sub-menu.cc-coursemega .ccm-tx{display:flex;flex-direction:column;line-height:1.2;text-align:left} .sub-menu.cc-coursemega .ccm-tx b{font-weight:800;font-size:15px;color:#15233B} .sub-menu.cc-coursemega .ccm-tx em{font-style:normal;font-weight:500;font-size:12.5px;color:#64748b;margin-top:2px} #primary-menu .sub-menu.cc-coursemega .ccm-cta a,.header-navigation .sub-menu.cc-coursemega .ccm-cta a{display:block!important;text-align:center;background:#152337!important;color:#fff!important;border-radius:10px!important;padding:11px 14px!important;font-weight:700;margin-top:6px} .cl-page .cl-course-card,.cl-page .cl-download-item,.cc-hub .ccard{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s} .cl-page .cl-course-card:hover,.cl-page .cl-download-item:hover,.cc-hub .ccard:not(.coming):hover{transform:translateY(-6px)!important;box-shadow:0 22px 46px rgba(8,16,34,.22)!important} .cl-fx-rev{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)} .cl-fx-rev.in{opacity:1;transform:none} @media(min-width:920px){ .cl-page .cl-hero-inner.cl-fx-2col{display:grid!important;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center} .cl-page .cl-hero-inner.cl-fx-2col .cl-fx-copy{min-width:0} .cl-fx-wrap{transform:perspective(1500px) rotateY(-9deg) rotate(1.4deg);transition:transform .5s ease} .cl-fx-wrap:hover{transform:perspective(1500px) rotateY(0) rotate(0)} } .cl-fx-wrap{max-width:460px;width:100%;justify-self:end} @media(max-width:919px){.cl-fx-wrap{margin:30px auto 0;max-width:420px}} .cl-fx-card{background:radial-gradient(120% 130% at 85% -10%,#16294f,#0d1b3a 60%);border-radius:20px;padding:20px 20px 22px;box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1.5px rgba(143,180,255,.28);font-family:"Plus Jakarta Sans",system-ui,sans-serif;position:relative;overflow:hidden} .cl-fx-head{display:flex;align-items:center;gap:8px;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#8fb4ff} .cl-fx-head .d{width:8px;height:8px;border-radius:50%;background:#37d67a;box-shadow:0 0 0 0 rgba(55,214,122,.6);animation:clfxP 1.8s infinite} @keyframes clfxP{0%{box-shadow:0 0 0 0 rgba(55,214,122,.5)}70%{box-shadow:0 0 0 7px rgba(55,214,122,0)}100%{box-shadow:0 0 0 0 rgba(55,214,122,0)}} .cl-fx-title{font-family:"Nunito",sans-serif;font-weight:900;font-size:18px;color:#fff;margin:12px 0 2px} .cl-fx-desc{font-size:12.5px;color:#aeb9d0;margin:0 0 14px} .cl-fx-row{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(143,180,255,.12);margin-top:8px;opacity:0;transform:translateY(9px);transition:opacity .45s ease,transform .45s cubic-bezier(.3,.7,.3,1)} .cl-fx-row.in{opacity:1;transform:none} .cl-fx-sw{width:26px;height:26px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;font-family:"DM Mono";font-size:11px;font-weight:600;color:#fff} .cl-fx-tx{flex:1;min-width:0} .cl-fx-tx b{display:block;font-family:"Nunito";font-weight:800;font-size:13.5px;color:#fff;line-height:1.2} .cl-fx-tx span{display:block;font-family:"DM Mono";font-size:10.5px;color:#9fb0cd;margin-top:1px} .cl-fx-ck{width:18px;height:18px;flex:none;opacity:0;transition:opacity .3s} .cl-fx-row.in .cl-fx-ck{opacity:1;transition-delay:.25s} body.page-id-593 .course-col,body.page-id-593 .ic-flag-card{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s} body.page-id-593 .course-col:hover,body.page-id-593 .ic-flag-card:hover{transform:translateY(-6px)!important;box-shadow:0 22px 46px rgba(8,16,34,.22)!important} body.page-id-593 .blogo-real{transition:transform .25s ease} body.page-id-593 .blogo-real:hover{transform:scale(1.07)} @media(min-width:960px){ body.page-id-593 .hero .hc-text.ic-fx-2col{display:grid!important;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center} body.page-id-593 .ic-fx-left{min-width:0} body.page-id-593 .ic-fx-wrap{transform:perspective(1500px) rotateY(-9deg) rotate(1.4deg);transition:transform .5s ease} body.page-id-593 .ic-fx-wrap:hover{transform:perspective(1500px) rotateY(0) rotate(0)} } body.page-id-593 .ic-fx-wrap{position:relative;max-width:440px;width:100%;justify-self:end} @media(max-width:959px){body.page-id-593 .ic-fx-wrap{margin:34px auto 0;max-width:420px}} .ic-hylion{position:absolute;top:-22px;right:-14px;width:66px;height:66px;z-index:6;border-radius:50%;background:#fff;padding:9px;box-shadow:0 12px 28px rgba(0,0,0,.42);animation:icBounceIn 1s cubic-bezier(.2,1.35,.4,1) .4s both,icBob 3.2s ease-in-out 1.6s infinite} .ic-hylion img{width:100%;height:100%;object-fit:contain;display:block} @keyframes icBounceIn{0%{transform:translateY(-150px) scale(.3) rotate(-18deg);opacity:0}55%{opacity:1}100%{transform:translateY(0) scale(1) rotate(0);opacity:1}} @keyframes icBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} .ic-hylion{background-image:url(data:image/png;base64,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)!important;background-size:74%!important;background-repeat:no-repeat!important;background-position:50% 47%!important;background-color:#fff!important}.ic-hylion>*{display:none!important} body.page-id-593 main.wrap{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;padding-left:28px!important;padding-right:28px!important}body.page-id-593 .hc{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}body.page-id-593 .ic-flags{display:block!important}body.page-id-593 .ic-flag-card-all .ic-cgrid{justify-content:center!important;gap:14px 18px!important}body.page-id-593 .ic-flag-card-all .ic-chip{width:72px!important}body.page-id-593 .hc-badge-lion{content:url(data:image/png;base64,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)!important;background:#fff!important;border-radius:50%!important;padding:7px!important;object-fit:contain!important;box-shadow:0 2px 10px rgba(0,0,0,.28)!important}body.page-id-593 .footer-navigation{position:static!important;z-index:auto!important}body.page-id-593 nav.main-navigation.header-navigation{position:static!important;width:auto!important} .mobile-navigation .sub-menu,.mobile-navigation li ul,.mobile-navigation [class*="catmega"],.mobile-navigation [class*="mega"],.mobile-navigation .cc-dd,.mobile-navigation .cc-slim,.mobile-navigation .cc-catitem-panel{display:none!important}.mobile-navigation .drawer-sub-toggle,.mobile-navigation .dropdown-nav-toggle{display:none!important}.mobile-navigation #mobile-menu>.menu-item>a,.mobile-navigation #mobile-menu>li>a{padding:15px 22px!important;font-size:1.06rem!important}.mobile-navigation #mobile-menu>.menu-item,.mobile-navigation #mobile-menu>li{border-bottom:1px solid rgba(255,255,255,.09)} .cc-tcta{max-width:820px;margin:24px auto 4px;padding:20px 24px;border-radius:16px;background:linear-gradient(135deg,#eef3ff,#f3efff);border:1px solid rgba(37,99,235,.3);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-family:system-ui,-apple-system,sans-serif}.cc-tcta-t{color:#12203d;font-size:1.02rem;line-height:1.45;font-weight:600;max-width:540px;margin:0}.cc-tcta-t b{color:#1a56db}.cc-tcta a.cc-tcta-b{flex:none;background:linear-gradient(135deg,#2563eb,#6d4aff);color:#fff!important;text-decoration:none;font-weight:700;font-size:.95rem;padding:12px 22px;border-radius:100px;white-space:nowrap;box-shadow:0 6px 18px rgba(37,99,235,.28);transition:transform .18s}.cc-tcta a.cc-tcta-b:hover{transform:translateY(-2px)}@media(max-width:560px){.cc-tcta{flex-direction:column;align-items:stretch;text-align:center}} .cc-mm-panel a[href*="/tools/"]:not([href$="/tools/"]),.cc-mm-panel a[href*="/my-courses/"],.cc-mm-panel a[href*="/international-courses/"]{display:none!important}.cc-mm-panel a{padding-top:16px!important;padding-bottom:16px!important} @media(max-width:600px){body.parent-pageid-1119 .cc-mh .cc-prev-head{align-items:center!important;gap:10px!important}body.parent-pageid-1119 .cc-mh .cc-prev .ring{width:58px!important;height:58px!important;flex:0 0 58px!important;position:relative!important;z-index:5!important}body.parent-pageid-1119 .cc-mh .cc-prev-head>*:first-child{min-width:0!important}} /* cc-course-skin v1 : a tool page takes the palette of the tool embedded in it, so the wrapper and the tool are one page, not two */ @keyframes ccPulseM{0%{box-shadow:0 0 0 0 rgba(232,60,43,.55)}70%{box-shadow:0 0 0 8px rgba(232,60,43,0)}100%{box-shadow:0 0 0 0 rgba(232,60,43,0)}} body.parent-pageid-1119.cc-course-mmcd .cc-mh{background:linear-gradient(155deg,#5a201a 0%,#491915 55%,#3a110d 100%)!important} body.parent-pageid-1119.cc-course-mmcd .cc-mh:before{background:radial-gradient(circle,rgba(232,60,43,.26),transparent 66%)!important} body.parent-pageid-1119.cc-course-mmcd .cc-mh p{color:#e6d2ce!important} body.parent-pageid-1119.cc-course-mmcd .cc-mh .cc-bci,body.parent-pageid-1119.cc-course-mmcd .cc-mh .cc-bci *{color:#cfa9a3!important} body.parent-pageid-1119.cc-course-mmcd .cc-mh .cc-pill,body.parent-pageid-1119.cc-course-mmcd .cc-mh .cc-pill-a{background:rgba(239,104,91,.15)!important;border-color:rgba(239,104,91,.42)!important;color:#f0b3ac!important} body.parent-pageid-1119.cc-course-mmcd .cc-livedot{background:#ef685b!important;animation:ccPulseM 2s infinite!important} body.parent-pageid-1119.cc-course-mmcd .cc-xbtn.p{background:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-xbtn.p:hover{background:#e83c2b!important} body.parent-pageid-1119.cc-course-mmcd .cc-xbtn.g{color:#e6d2ce!important;border-color:rgba(240,179,172,.30)!important} body.parent-pageid-1119.cc-course-mmcd .cc-xchips{color:#c9a49e!important} body.parent-pageid-1119.cc-course-mmcd .cc-xchips svg{color:#ef685b!important} /* the preview card in the hero */ body.parent-pageid-1119.cc-course-mmcd .cc-prev{background:radial-gradient(120% 130% at 85% -10%,#5f2a20 0%,#3f130f 60%)!important;border-color:rgba(239,104,91,.30)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev-tag{color:#ef9a90!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev-sub{color:#e6d2ce!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .row{background:rgba(255,255,255,.05)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .rt{color:#e0cbc7!important} /* the seam: the hero runs straight into the embedded tool, no cold band between them */ body.parent-pageid-1119.cc-course-mmcd .cc-embed-s{padding-top:0!important;background:linear-gradient(180deg,#3a110d 0,#3a110d 200px,#f4ece9 460px)!important} body.parent-pageid-1119.cc-course-mmcd .cc-embed-s iframe{border-radius:0!important;background:transparent!important} body.parent-pageid-1119.cc-course-mmcd .cc-embed-s:before{background:linear-gradient(180deg,#3a110d,#3a110d)!important} body.parent-pageid-1119.cc-course-mmcd .cc-embed-wrap{padding-left:0!important;padding-right:0!important} /* the rest of the page */ body.parent-pageid-1119.cc-course-mmcd .cc-eviwrap{background:#f4ece9!important} body.parent-pageid-1119.cc-course-mmcd .cc-toolsnav{background:#3a110d!important} body.parent-pageid-1119.cc-course-mmcd .cc-cta{background:linear-gradient(150deg,#5a201a,#491915 55%,#3a110d)!important} body.parent-pageid-1119.cc-course-mmcd .cc-cta:before{background:radial-gradient(circle,rgba(232,60,43,.22),transparent 66%)!important} body.parent-pageid-1119.cc-course-mmcd .cc-cta .cc-cta-sub,body.parent-pageid-1119.cc-course-mmcd .cc-cta p{color:#e6d2ce!important} body.parent-pageid-1119.cc-course-mmcd .cc-cta-btn{color:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-related-card:hover{border-color:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-related-name{color:#3a110d!important} body.parent-pageid-1119.cc-course-mmcd .cc-related-eyebrow{color:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-related-btn{background:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd a.cc-btn{background:#c22a1c!important;border-color:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .row{border-color:rgba(239,104,91,.16)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .ccbadge{background:rgba(239,104,91,.14)!important;border-color:rgba(239,104,91,.32)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev-foot{color:#cfa9a3!important} body.parent-pageid-1119.cc-course-mmcd .cc-evi-card.cc-evi-ex{border-color:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-evi-k{color:#96200f!important} body.parent-pageid-1119.cc-course-mmcd .cc-toolsnav-k{color:#ef9a90!important} body.parent-pageid-1119.cc-course-mmcd .cc-toolsnav p{color:#e0cbc7!important} body.parent-pageid-1119.cc-course-mmcd .cc-tn-chip{border-color:rgba(239,104,91,.34)!important;color:#f6e3e0!important} body.parent-pageid-1119.cc-course-mmcd .cc-tn-chip:hover{border-color:#ef685b!important;color:#fff!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .rl{color:#ef9a90!important;border-color:rgba(239,104,91,.34)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .ccbadge{color:#f0b3ac!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .ccbadge .bd{background:#ef685b!important;border-color:#ef685b!important;color:#ef685b!important} body.parent-pageid-1119.cc-course-mmcd .cc-tn-chip.cc-tn-all{background:#c22a1c!important;border-color:#c22a1c!important;color:#fff!important} body.parent-pageid-1119.cc-course-mmcd .cc-tn-chip.cc-tn-all:hover{background:#96200f!important;border-color:#96200f!important;color:#fff!important} body.parent-pageid-1119.cc-course-mmcd .cc-relread a{color:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-relread a:hover{color:#96200f!important} body.parent-pageid-1119.cc-course-mmcd .cc-relread-kick{color:#96200f!important} body.parent-pageid-1119.cc-course-mmcd .cc-toolsnav{margin-bottom:0!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .ccmap{border-color:rgba(239,104,91,.20)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .you{background:#c22a1c!important;color:#fff!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .yl{color:#f0b3ac!important;border-color:#f0b3ac!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .cccell.in{border-color:#ef685b!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .kd{background:#ef685b!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .axlab{color:#c9a9a4!important;border-color:#c9a9a4!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .rail{background:#ef685b!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .bt{color:#ef685b!important;border-color:#ef685b!important} body.parent-pageid-1119.cc-course-mmcd .cc-tcta{background:linear-gradient(135deg,#fdf1ee,#faeae6)!important;border-color:rgba(194,42,28,.28)!important} body.parent-pageid-1119.cc-course-mmcd .cc-tcta b{color:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-tcta a{color:#c22a1c!important} body.parent-pageid-1119.cc-course-mmcd .cc-mh{background:linear-gradient(180deg,#5a201a 0%,#4a1a15 48%,#3a110d 100%)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev{box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1.5px rgba(239,104,91,.34)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .matnote{color:#c9a9a4!important;border-color:#c9a9a4!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .dot{box-shadow:0 0 0 7px rgba(239,104,91,.10)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .lbl,body.parent-pageid-1119.cc-course-mmcd .cc-prev .pmnote,body.parent-pageid-1119.cc-course-mmcd .cc-prev .ex,body.parent-pageid-1119.cc-course-mmcd .cc-prev .bp{color:#c9a9a4!important;border-color:rgba(201,169,164,.42)!important} body.parent-pageid-1119.cc-course-mmcd .cc-prev .cdot{background:#8d6f6a!important} body.page-id-1689 .cc-mh{background:linear-gradient(180deg,#152238 0%,#101a2e 48%,#0a1020 100%)!important}