/* TalentWell redesign chrome - header, footer, brand palette. */
:root{--twc-accent:#FFE100;--twc-accent-line:#B99F00;--twc-on-accent:#141414;
--twc-ground:#111110;--twc-ink:#F5F3EC;--twc-ink-2:#B9B6AB;--twc-line:#33322B;
--twc-f:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif}
.twc-wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
.twc-head{position:sticky;top:0;z-index:300;background:var(--twc-ground);color:var(--twc-ink);
border-bottom:1px solid var(--twc-line);font-family:var(--twc-f)}
.admin-bar .twc-head{top:32px}
@media(max-width:782px){.admin-bar .twc-head{top:46px}}
.twc-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-block:11px}
.twc-brand{display:flex;align-items:center;margin-right:auto;line-height:0;text-decoration:none}
.twc-brand img{height:40px;width:auto;display:block;max-width:none}
@media(max-width:520px){.twc-brand img{height:30px}}
.twc-switch{display:flex;background:#26251F;border-radius:999px;padding:3px;gap:3px;flex:0 0 auto}
.twc-switch button{font:inherit;font-family:var(--twc-f);font-size:.8rem;font-weight:700;border:0;cursor:pointer;
padding:7px 14px;border-radius:999px;background:transparent;color:var(--twc-ink-2);white-space:nowrap;
text-transform:none;letter-spacing:0;line-height:1.2;box-shadow:none;transition:none}
.twc-switch button:hover{background:transparent;color:var(--twc-ink)}
.twc-switch button[aria-pressed="true"]{background:var(--twc-accent);color:var(--twc-on-accent)}
@media(max-width:430px){.twc-switch button{font-size:.72rem;padding:6px 10px}}
.twc-nav{border-top:1px solid var(--twc-line);overflow-x:auto;-webkit-overflow-scrolling:touch}
.twc-nav::-webkit-scrollbar{height:0}
.twc-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;white-space:nowrap}
.twc-nav ul[hidden]{display:none}
.twc-nav li{margin:0}
.twc-nav a{display:block;padding:11px 13px;font-size:.87rem;font-weight:600;font-family:var(--twc-f);
text-decoration:none;color:var(--twc-ink-2);border-bottom:3px solid transparent}
.twc-nav a:hover{color:var(--twc-ink);background:transparent}
.twc-nav a[aria-current="page"]{color:var(--twc-ink);border-bottom-color:var(--twc-accent)}
.twc-foot{background:var(--twc-ground);color:var(--twc-ink-2);padding-block:44px 34px;
font-family:var(--twc-f);font-size:17px;line-height:1.6;margin:0;border:0;border-radius:0}
.twc-foot a{color:var(--twc-ink);text-decoration:none}
.twc-foot a:hover{color:var(--twc-accent)}
.twc-foot .twc-brand{margin:0 0 28px}
.twc-foot .twc-brand img{height:44px}
.twc-foot h4{color:var(--twc-ink);font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;
margin:0 0 12px;font-weight:700;font-family:var(--twc-f)}
.twc-foot ul{list-style:none;padding:0;margin:0;font-size:.9rem}
.twc-foot li{margin-bottom:7px}
.twc-foot p{margin:0 0 7px;font-size:.9rem}
.twc-fgrid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:34px}
.twc-frule{border-top:1px solid var(--twc-line);padding-top:20px;font-size:.8rem;
display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}

/* Brand palette over anything Avada, Fusion Forms or Kit paints its own colour. */
.fusion-button,.fusion-button-default,.fusion-button.button-default,
.fusion-body .fusion-button,button.fusion-button,a.fusion-button,
.fusion-form-form-wrapper input[type=submit],.fusion-form-form-wrapper button[type=submit],
input.fusion-button,.wp-block-button__link{
background:var(--twc-accent)!important;background-image:none!important;
border:1px solid var(--twc-accent-line)!important;color:var(--twc-on-accent)!important;
text-shadow:none!important;box-shadow:none!important;border-radius:3px!important}
.fusion-button:hover,a.fusion-button:hover,button.fusion-button:hover,
.wp-block-button__link:hover{background:#F2D600!important;color:var(--twc-on-accent)!important}
.fusion-button .fusion-button-text,a.fusion-button span{color:var(--twc-on-accent)!important}
.formkit-form [data-element="submit"],.formkit-form button[type=submit],
.formkit-submit,.formkit-submit>span,.seva-form button{
background-color:var(--twc-accent)!important;background-image:none!important;
color:var(--twc-on-accent)!important;border-radius:3px!important}
.formkit-form [data-element="submit"] span,.formkit-submit span{color:var(--twc-on-accent)!important}
.formkit-form input,.formkit-form .formkit-input{border-radius:3px!important}
.fusion-widget-area a:hover,.fusion-footer a:hover{color:var(--twc-accent)!important}

/* Legacy page bodies: brand buttons, and enough rhythm that a wall of text reads as sections. */
.tw-page a.button,.tw-page .tw-prose .button,.tw-page a.btn-primary,
.tw-prose a.button,.tw-prose button:not(.twc-switch button){
background:var(--twc-accent)!important;background-image:none!important;
color:var(--twc-on-accent)!important;border:1px solid var(--twc-accent-line)!important;
border-radius:3px!important;text-shadow:none!important;box-shadow:none!important;
display:inline-block;padding:12px 20px;font-weight:700;text-decoration:none!important}
.tw-page a.button:hover,.tw-prose a.button:hover{background:#F2D600!important}
.tw-shelled .tw-prose h2{font-size:clamp(1.35rem,2.6vw,1.9rem);margin:46px 0 14px;
padding-top:24px;border-top:1px solid #DFE1E4}
.tw-shelled .tw-prose > h2:first-child{border-top:0;padding-top:0;margin-top:0}
.tw-shelled .tw-prose h3{margin:30px 0 8px;font-size:1.1rem}
.tw-shelled .tw-prose > p:first-of-type{font-size:1.12rem;line-height:1.55;color:#45474A}
.tw-shelled .tw-prose li::marker{color:#B99F00}
.tw-shelled .tw-prose ul,.tw-shelled .tw-prose ol{padding-left:22px}
.tw-shelled .tw-prose li{margin-bottom:8px}
.tw-shelled .tw-prose blockquote{margin:20px 0;padding:16px 20px;background:#FFFCEA;
border-left:3px solid #B99F00;font-size:1rem}
.tw-shelled .tw-prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.94rem}
.tw-shelled .tw-prose th,.tw-shelled .tw-prose td{border:1px solid #DFE1E4;padding:9px 11px;text-align:left}
.tw-shelled .tw-prose th{background:#F4F5F6;font-weight:700}
.tw-shelled .tw-prose img{border-radius:3px;margin:18px 0}
.tw-shelled .tw-prose > *:last-child{margin-bottom:0}
/* Avada's own tinted panels and grey cards have no place in the redesign. */
.tw-page .fusion-content-boxes,.tw-page .fusion-column-wrapper[style*="rgba"],
.tw-page .post-content .fusion-post-wrapper{background:transparent!important}
.tw-page .fusion-blog-layout-grid .fusion-post-grid,
.tw-page .fusion-post-grid,.tw-page .fusion-blog-shortcode .post{
background:#fff!important;border:1px solid #DFE1E4!important;box-shadow:none!important;border-radius:3px!important}

/* Shelled pages: prose column plus a contents rail, so no half-empty screen. */
.tw-page .tw-split{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:56px;align-items:start}
.tw-page .tw-split .tw-prose{max-width:70ch}
.tw-page .tw-centred{margin-inline:auto}
.tw-aside{position:sticky;top:132px;font-size:.88rem;border-left:1px solid #DFE1E4;padding-left:20px}
.tw-aside ul{list-style:none;margin:0 0 24px;padding:0}
.tw-aside li{margin-bottom:9px;line-height:1.35}
.tw-aside a{color:#45474A;text-decoration:none;border-bottom:1px solid transparent}
.tw-aside a:hover{color:#141414;border-bottom-color:#B99F00}
.tw-aside-cta{background:#FFFCEA;border:1px solid #F0E6A8;border-radius:3px;padding:16px}
.tw-aside-cta p{margin:0 0 12px;font-size:.86rem;color:#45474A;line-height:1.4}
.tw-aside-btn{display:inline-block;background:#FFE100;color:#141414;font-weight:700;font-size:.84rem;
padding:9px 14px;border-radius:3px;text-decoration:none;border:1px solid #B99F00}
.tw-aside-btn:hover{background:#F2D600}
@media(max-width:980px){.tw-page .tw-split{grid-template-columns:minmax(0,1fr);gap:0}
.tw-aside{position:static;border-left:0;padding-left:0;border-top:1px solid #DFE1E4;padding-top:24px;margin-top:36px}
.tw-aside ul{display:none}}

/* Shelled pages rebuilt as artefact sections: one per h2, rail + column, alternating ground. */
.tw-page section.tw-alt{background:#F4F5F6}
.tw-shelled section.tw-intro{padding-bottom:0}
.tw-shelled .tw-flow>*+*{margin-top:16px}
.tw-shelled .tw-flow>h2+*{margin-top:14px}
.tw-shelled .tw-flow h3{margin-top:26px}
.tw-shelled .tw-flow p,.tw-shelled .tw-flow ul,.tw-shelled .tw-flow ol{max-width:68ch}
.tw-shelled .tw-lead{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.55;color:#45474A}
.tw-shelled .tw-cards{margin-top:22px}
.tw-shelled .tw-cards .card h3{margin:0 0 2px;font-size:1.05rem}
.tw-shelled .tw-cards .card p{margin:0;font-size:.95rem;color:#45474A;max-width:none}
.tw-page section.tw-alt .card{background:#fff}
.tw-shelled .tw-list{list-style:none;padding-left:0}
.tw-shelled .tw-list li{position:relative;padding-left:22px;margin-bottom:10px}
.tw-shelled .tw-list li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;
background:#FFE100;border:1px solid #B99F00;border-radius:2px}
.tw-shelled .tw-flow .steps{margin-top:20px}
.tw-shelled .tw-flow .steps li p{margin:0;color:#45474A}
.tw-shelled .tw-flow .tablewrap{margin-top:20px}
.tw-shelled .tw-flow img{max-width:100%;height:auto;border-radius:3px}
.tw-shelled .tw-flow .note{max-width:68ch}
.tw-shelled .tw-flow .btnrow{margin-top:22px}

/* Full-bleed: Avada's #main side padding inset every redesign section by 30px. */
body:has(.tw-page) #main{padding-left:0!important;padding-right:0!important}
body:has(.tw-page) #main>.fusion-row,body:has(.tw-page) #content{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin:0!important}
body:has(.tw-page) .post-content{margin:0!important}

.tw-shelled .tw-formblock{background:#fff;border:1px solid #DFE1E4;border-radius:3px;padding:clamp(18px,3vw,28px);max-width:760px}
.tw-page section.tw-alt .tw-formblock{background:#fff}