/* Campaigns Hub (templates/campaigns-hub.html, inc/campaigns-hub.php).
   Everything else on the page is Free Resources (free-resources.css). These
   are the campaign hero's Add Your Name / Share buttons and goal line
   (campaigns.css), unchanged, inside each campaign's Featured Insight card. */
.playerscout-campaigns-hub .playerscout-campaigns-hub-actions{display:flex;flex-direction:column;gap:16px;width:fit-content;max-width:100%}
.playerscout-campaigns-hub .pscampaign-actions{display:flex;flex-wrap:wrap;gap:16px}
.playerscout-campaigns-hub .pscampaign-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:14px 30px;border:2px solid #fff;border-radius:999px;font:700 14px/1.3 var(--wp--preset--font-family--inter,Inter,sans-serif);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.playerscout-campaigns-hub .pscampaign-button--white{background:#fff;color:var(--wp--preset--color--ps-black,#070907)}
.playerscout-campaigns-hub .pscampaign-button--white:hover{background:transparent;color:#fff}
.playerscout-campaigns-hub .pscampaign-button--outline{background:transparent;color:#fff}
.playerscout-campaigns-hub .pscampaign-button--outline:hover{background:#fff;color:var(--wp--preset--color--ps-black,#070907)}
/* No purple focus outline on the campaign buttons: keyboard focus shows each
   button's own hover look instead (white turns clear, outline fills white). */
.playerscout-campaigns-hub .pscampaign-button:focus,.playerscout-campaigns-hub .pscampaign-button:focus-visible{outline:none!important;box-shadow:none!important}
.playerscout-campaigns-hub .pscampaign-button--white:focus-visible{background:transparent;color:#fff}
.playerscout-campaigns-hub .pscampaign-button--outline:focus-visible{background:#fff;color:var(--wp--preset--color--ps-black,#070907)}
.playerscout-campaigns-hub .pscampaign-button-icon{display:inline-flex;flex:0 0 24px;width:24px;height:24px}
.playerscout-campaigns-hub .pscampaign-button-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.playerscout-campaigns-hub .pscampaign-counter{width:100%;color:#fff;font:600 16px/1.5 Inter,sans-serif}
.playerscout-campaigns-hub .pscampaign-counter-labels{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.playerscout-campaigns-hub .pscampaign-counter progress{appearance:none;display:block;width:100%;height:12px;border:0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.3)}
.playerscout-campaigns-hub .pscampaign-counter progress::-webkit-progress-bar{background:rgba(255,255,255,.3)}
.playerscout-campaigns-hub .pscampaign-counter progress::-webkit-progress-value{background:#8a49f5;border-radius:999px}
.playerscout-campaigns-hub .pscampaign-counter progress::-moz-progress-bar{background:#8a49f5;border-radius:999px}
/* The header's background video: over the background image, under the dark gradient. */
.playerscout-campaigns-hub .playerscout-plain-text-intro>.playerscout-campaigns-hub-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.playerscout-campaigns-hub .playerscout-campaigns-hub-video[hidden]{display:none}
/* Header heading 4px smaller than the Free Resources one on desktop (72px -> 68px; 84px -> 80px at 768-1439px). Phones unchanged. */
.playerscout-campaigns-hub .playerscout-plain-text-intro .playerscout-editorial-reading-title{font-size:68px}
@media (min-width:768px) and (max-width:1439px){.playerscout-campaigns-hub .playerscout-plain-text-intro .playerscout-editorial-reading-title{font-size:80px}}
@media (max-width:767px){.playerscout-campaigns-hub .playerscout-plain-text-intro .playerscout-editorial-reading-title{font-size:clamp(32px,8vw,56px)}}
/* The hero's two logos, under its text on the left: 50% see-through, with a
   1px grey line between them. */
.playerscout-campaigns-hub .playerscout-campaigns-hub-logos{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding-top:12px}
.playerscout-campaigns-hub .playerscout-campaigns-hub-logos__item{display:flex;align-items:center;opacity:.5}
.playerscout-campaigns-hub .playerscout-campaigns-hub-logos__item+.playerscout-campaigns-hub-logos__item{padding-left:20px;border-left:1px solid #9a9a9a}
.playerscout-campaigns-hub .playerscout-campaigns-hub-logos img{display:block;width:auto;height:43px;max-width:none;object-fit:contain}
@media (max-width:767px){.playerscout-campaigns-hub .playerscout-campaigns-hub-logos{gap:14px}.playerscout-campaigns-hub .playerscout-campaigns-hub-logos__item+.playerscout-campaigns-hub-logos__item{padding-left:14px}.playerscout-campaigns-hub .playerscout-campaigns-hub-logos img{height:37px;max-width:none}}
/* Campaign box: the campaign image fills the whole box; tag, title, text,
   buttons and goal line sit bottom-left over a dark fade. Hovering anywhere
   on the box darkens and zooms the image, with the card's own image rollover
   values (brightness .72, scale 1.04). */
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .container_2771e88e7551{position:relative;display:block!important;padding:0!important;isolation:isolate;border-radius:18px!important;overflow:hidden!important;background:#070907}
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .playerscout-blog-featured-insight__image-link{position:absolute!important;inset:0;z-index:0;width:auto!important;aspect-ratio:auto!important;flex:none!important}
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .container_2771e88e7551::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,9,7,0) 20%,rgba(7,9,7,.88) 100%)}
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .container_6fcc541d0658{position:relative;z-index:2;box-sizing:border-box;width:100%!important;max-width:680px;min-height:480px;flex:none!important;justify-content:flex-end;padding:40px!important;pointer-events:none}
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .container_6fcc541d0658>*{pointer-events:auto}
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .text_1460ebe52fd0{color:rgba(255,255,255,.85)!important}
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .container_2771e88e7551:hover .playerscout-blog-featured-insight__image-link img{filter:brightness(.72);transform:scale(1.04)}
/* A smaller tag than the Featured Insight's (10px text, 4px x 10px). */
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .container_0ada367459b2{padding:4px 10px}
.playerscout-campaigns-hub .playerscout-campaigns-hub-card .text_b9775e64f57f{font-size:10px!important;line-height:12px!important}
@media (max-width:824px){
 .playerscout-campaigns-hub .playerscout-campaigns-hub-card .container_6fcc541d0658{min-height:0;padding:160px 22px 28px!important}
 /* The campaign title 4px bigger on phones than the Featured Insight's 30px. */
 .playerscout-campaigns-hub .playerscout-campaigns-hub-card .container_6fcc541d0658 h2.text_58a9cbbfd45d{font-size:34px!important}
}
/* Cards are spaced like the Free Resources sections (50px), and the last one clears the footer. */
.playerscout-campaigns-hub .playerscout-blog-featured-insight + .playerscout-blog-featured-insight{padding-top:50px}
.playerscout-campaigns-hub .playerscout-blog-featured-insight:last-of-type{padding-bottom:50px}
/* The card's text column is narrower than the hero, so the two buttons use the
   campaign page's smaller button padding (24px) and a 12px gap to stay side by side. */
@media (min-width:768px){
 .playerscout-campaigns-hub .pscampaign-actions{gap:12px}
 .playerscout-campaigns-hub .pscampaign-button{padding-inline:24px}
}
@media (max-width:767px){
 /* Campaign boxes 20px from the screen edge on phones (the reading column's 16px + 4px), not 48px. */
 .playerscout-campaigns-hub .playerscout-campaigns-hub-card{width:calc(100% - 8px)!important;margin-left:4px!important;margin-right:4px!important}
 .playerscout-campaigns-hub .playerscout-campaigns-hub-actions{width:100%}
 .playerscout-campaigns-hub .pscampaign-actions{flex-direction:column}
 /* The campaign page's smaller button padding (16px), so the labels stay on one line in the card. */
 .playerscout-campaigns-hub .pscampaign-button{width:100%;padding-inline:16px}
}
@media (prefers-reduced-motion:reduce){.playerscout-campaigns-hub .pscampaign-button{transition:none}}