/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 06 2026 | 04:27:33 */
/* ==== News & Events: compact image hero with fade-in + animated hub background ==== */
.ne-hero{position:relative;overflow:hidden;background-color:#00213D!important;background-size:cover!important;background-position:center 40%!important;border:0!important}
/* navy fade over the photo, solid on the left like /our-team/ */
.ne-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,33,61,.95) 0%,rgba(0,33,61,.88) 42%,rgba(0,33,61,.6) 100%)}
/* fade-in: solid navy veil dissolves to reveal the image */
.ne-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#00213D;animation:neVeil 1.6s ease-out .1s forwards}
@keyframes neVeil{to{opacity:0}}
.ne-hero .av-section-color-overlay-wrap,.ne-hero .container{position:relative;z-index:1}
.ne-hero .container{padding-top:44px!important;padding-bottom:48px!important}
.ne-hero .ne-hero-text{margin-left:0!important}
.ne-hero-copy > *{opacity:0;animation:neRise .8s cubic-bezier(.2,.7,.2,1) forwards}
.ne-hero-copy .ne-eyebrow{animation-delay:.35s}
.ne-hero-copy h1{animation-delay:.5s}
.ne-hero-copy .ne-lead{animation-delay:.65s}
.ne-hero-copy .ne-btns{animation-delay:.8s}
@keyframes neRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ne-hero-copy .ne-eyebrow{display:inline-block;font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c9a06a;margin:0 0 10px}
.ne-hero-copy h1{position:relative;margin:0 0 10px!important;padding-top:18px;font-size:clamp(32px,3.4vw,44px)!important;line-height:1.1!important;font-weight:900!important;color:#fff!important}
.ne-hero-copy h1::before{content:""!important;position:absolute;top:0;left:0;width:56px;height:5px;border-radius:0 6px 0 0;background:#c9a06a}
.ne-hero .ne-hero-copy p.ne-lead{margin:0 0 20px;max-width:560px;font-size:18px!important;line-height:1.55!important;color:rgba(255,255,255,.85)}
.ne-hero-copy .ne-btns{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.ne-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none!important;transition:transform .25s,box-shadow .25s,border-color .25s,color .25s}
.ne-btn--gold{background:#c9a06a;color:#00213D!important}
.ne-btn--gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(201,160,106,.35)}
.ne-btn--ghost{border:1.5px solid rgba(255,255,255,.45);color:#fff!important}
.ne-btn--ghost:hover{border-color:#c9a06a;color:#c9a06a!important;transform:translateY(-2px)}

/* ==== Hub background: same animated swish as the homepage highlights block ==== */
.ne-hub-anim{position:relative;isolation:isolate;overflow:hidden}
.ne-hub-anim .container{position:relative;z-index:1}
.ne-hub-anim #iab-knowledge-hub{background:transparent!important}
.ne-hub-anim::before{content:"";position:absolute;left:-6%;right:-6%;top:calc(52% - 46.6vw);height:63vw;z-index:0;pointer-events:none;background:url("/wp-content/uploads/2026/09/iab-swish-background.webp") center top/100% 100% no-repeat;opacity:.1;will-change:transform,opacity;animation:neSwish 18s ease-in-out infinite alternate}
@keyframes neSwish{0%{transform:translate3d(-5%,2%,0) scale(1.04);opacity:.07}50%{transform:translate3d(0,-2%,0) scale(1.12);opacity:.19}100%{transform:translate3d(5%,2%,0) scale(1.05);opacity:.09}}

@media (prefers-reduced-motion:reduce){
 .ne-hero::after{animation:none;opacity:0}
 .ne-hero-copy > *{animation:none;opacity:1}
 .ne-hub-anim::before{animation:none;opacity:.12}
}
@media (max-width:989px){
 .ne-hero .container{padding-top:36px!important;padding-bottom:40px!important}
 .ne-hero .ne-hero-text{width:100%!important}
 .ne-hero::before{background:linear-gradient(90deg,rgba(0,33,61,.95),rgba(0,33,61,.82))}
}

/* compact */
.ne-hero .template-page{padding-top:0!important;padding-bottom:0!important}
.ne-hero .container{padding-top:34px!important;padding-bottom:38px!important}
.ne-hero .ne-hero-text{width:100%!important;margin-bottom:0!important}
.ne-hero-copy{display:grid;grid-template-columns:1fr auto;column-gap:48px;align-items:end}
.ne-hero-copy p{margin:0}
.ne-hero-copy .ne-eyebrow,.ne-hero-copy h1,.ne-hero-copy .ne-lead{grid-column:1}
.ne-hero .ne-hero-copy p.ne-lead{margin:0!important;max-width:760px}
.ne-hero-copy .ne-btns{grid-column:2;grid-row:1 / span 3;align-self:end}
@media (max-width:989px){.ne-hero-copy{display:block}.ne-hero .ne-hero-copy p.ne-lead{margin:0 0 18px!important}}
/* /compact */

/* ==== Upcoming events: coffee morning theme (only while the Coffee Morning is listed) ==== */
html #top #iab-knowledge-hub .iabkh-card:has(.iabkh-event-title[href*="coffee"]){position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(240px 170px at 100% 100%,rgba(201,160,106,.38),transparent 70%),linear-gradient(135deg,#fdf6ec 0%,#f3e3cb 100%)!important;border-color:#e9d6b8!important}
html #top #iab-knowledge-hub .iabkh-card:has(.iabkh-event-title[href*="coffee"])::after{content:"";position:absolute;right:4px;bottom:2px;width:78px;height:85px;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20130'%3E%3Cstyle%3E.s%7Bfill:none%3Bstroke:%238a6a45%3Bstroke-width:3%3Bstroke-linecap:round%3Bopacity:0%3Banimation:u%204.2s%20ease-in-out%20infinite%7D.s2%7Banimation-delay:1.4s%7D.s3%7Banimation-delay:2.8s%7D%40keyframes%20u%7B0%25%7Btransform:translateY(10px)%3Bopacity:0%7D35%25%7Bopacity:.55%7D100%25%7Btransform:translateY(-16px)%3Bopacity:0%7D%7D%40media%20(prefers-reduced-motion:reduce)%7B.s%7Banimation:none%3Bopacity:.35%7D%7D%3C/style%3E%3Cpath%20class='s'%20d='M42%2058c-7-8%207-14%200-22s7-14%200-22'/%3E%3Cpath%20class='s%20s2'%20d='M56%2058c-7-8%207-14%200-22s7-14%200-22'/%3E%3Cpath%20class='s%20s3'%20d='M70%2058c-7-8%207-14%200-22s7-14%200-22'/%3E%3Cellipse%20cx='56'%20cy='119'%20rx='48'%20ry='8'%20fill='%23e3cfb2'/%3E%3Cpath%20d='M88%2077a12%2012%200%200%201%200%2024'%20fill='none'%20stroke='%23c9a06a'%20stroke-width='7'/%3E%3Cpath%20d='M22%2068h68v20a30%2030%200%200%201-30%2030h-8a30%2030%200%200%201-30-30z'%20fill='%23c9a06a'/%3E%3Cpath%20d='M22%2074h68'%20stroke='%2300213D'%20stroke-width='3'%20opacity='.25'/%3E%3Cellipse%20cx='56'%20cy='68'%20rx='34'%20ry='6'%20fill='%235a3a22'/%3E%3Cellipse%20cx='50'%20cy='67'%20rx='10'%20ry='2'%20fill='%238a5d3b'%20opacity='.7'/%3E%3C/svg%3E") right bottom/contain no-repeat}
html #top #iab-knowledge-hub .iabkh-card:has(.iabkh-event-title[href*="coffee"])::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(90,58,34,.18) 1.2px,transparent 1.6px);background-size:18px 18px;-webkit-mask-image:linear-gradient(120deg,transparent 35%,#000 100%);mask-image:linear-gradient(120deg,transparent 35%,#000 100%)}
html #top #iab-knowledge-hub .iabkh-card:has(.iabkh-event-title[href*="coffee"]) .iabkh-event-text{padding-right:64px}

/* ==== Recent articles: cool slate backdrop, faint navy grid and a slow gold glint so the white cards stand out ==== */
.avia-section:has(.iabla){position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #dde3ea!important;background:radial-gradient(rgba(0,33,61,.07) 1px,transparent 1.4px) 0 0/24px 24px,radial-gradient(1100px 520px at 50% 0%,rgba(255,255,255,.9),transparent 70%),linear-gradient(180deg,#eef2f6 0%,#e5ebf2 100%)!important}
.avia-section:has(.iabla)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(201,160,106,.6) 1.3px,transparent 1.7px);background-size:24px 24px;-webkit-mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.45) 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.45) 45%,transparent 100%);-webkit-mask-size:700px 700px;mask-size:700px 700px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:neGlint 30s ease-in-out infinite alternate}
@keyframes neGlint{0%{-webkit-mask-position:-20% 15%;mask-position:-20% 15%}50%{-webkit-mask-position:50% 75%;mask-position:50% 75%}100%{-webkit-mask-position:120% 25%;mask-position:120% 25%}}
.avia-section:has(.iabla) .container{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.avia-section:has(.iabla)::before{animation:none;-webkit-mask-position:50% 40%;mask-position:50% 40%}}

.avia-section:has(.iabla) .iabla{background:transparent!important}