/* BrainDance site-wide additions. Loaded after the page builder's own CSS on every page.
   Edit this file for site-wide look changes; see EDITING.md. Sections are marked with their reason. */

/* Buttons: pistachio hover. Tracy, 10/31: "use it for all of the links". The home page and the header already had it;
   this makes every blue pill button (the jkit buttons) hover the same way, with black text and arrow. */
.jeg-elementor-kit.jkit-button .jkit-button-wrapper:not(.hover-gradient):hover{background-color:#DCE4B9!important}
.jeg-elementor-kit.jkit-button .jkit-button-wrapper:hover{color:#000!important}
.jeg-elementor-kit.jkit-button .jkit-button-wrapper:hover svg{fill:#000!important}
.jeg-elementor-kit.jkit-button .jkit-button-wrapper:hover i{color:#000!important}
/* Same look for keyboard focus (focus-visible), so the state is not hover-only. */
.jeg-elementor-kit.jkit-button .jkit-button-wrapper:focus-visible{background-color:#DCE4B9!important;color:#000!important}
.jeg-elementor-kit.jkit-button .jkit-button-wrapper:focus-visible svg{fill:#000!important}
.jeg-elementor-kit.jkit-button .jkit-button-wrapper:focus-visible i{color:#000!important}

/* The nine "Request a Quote" buttons inside the pop-ups on /labs/ are blue pills too (they hovered light blue with white text, about 1.8:1). */
[data-elementor-type="popup"] .elementor-button:hover,[data-elementor-type="popup"] .elementor-button:focus-visible{background-color:#DCE4B9!important;color:#000!important}
[data-elementor-type="popup"] .elementor-button:hover svg,[data-elementor-type="popup"] .elementor-button:focus-visible svg{fill:#000!important}

/* The contact form's Send Message button: pistachio on hover and keyboard focus like every other button (not while it is sending). */
.elementor-form .elementor-button[type="submit"]:not([disabled]):hover,.elementor-form .elementor-button[type="submit"]:not([disabled]):focus-visible{background-color:#DCE4B9!important;color:#000!important}

/* The contact form's fields: a visible keyboard focus ring (the site kit swaps the outline for a 1 px shadow that is almost invisible). */
.elementor-form input:focus-visible,.elementor-form select:focus-visible,.elementor-form textarea:focus-visible{outline:2px solid #1762AE!important;outline-offset:2px}

/* Terms and Privacy: links inside the text turned white on hover (the site kit's a:hover color), which vanishes on the white page. */
body.page-id-2618 .elementor-widget-text-editor a:hover,body.page-id-2611 .elementor-widget-text-editor a:hover{color:#0d3b73}

/* People who ask for less motion: no 3D flip animation on the team cards (the cards still flip, instantly). */
@media (prefers-reduced-motion:reduce){
.ekit-wid-con .ekit-flip-box-inner,.ekit-wid-con .ekit-flip-box-front,.ekit-wid-con .ekit-flip-box-back{transition:none!important}
}

/* Join page: the blue form panel is now the whole page, so it needs room under the fixed header. */
.elementor-844 .elementor-element.elementor-element-ad258c3{--padding-top:140px;--padding-bottom:100px}

/* HEADER-4 start: the header with four menu items (generated by tools/builder/t13_header.py; do not edit by hand) */
/* 1025 to 1439 px: logo and menu button, the same look as a tablet. */
@media (min-width:1025px) and (max-width:1439.98px){
.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}.elementor-100 .elementor-element.elementor-element-77918164{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-100 .elementor-element.elementor-element-2915f642 img{width:85%;}.elementor-100 .elementor-element.elementor-element-685ef3dc{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-100 .elementor-element.elementor-element-7952058{--nav-menu-icon-size:25px;}.elementor-100 .elementor-element.elementor-element-53857db{--nav-menu-icon-size:25px;}.elementor-100 .elementor-element.elementor-element-7d0aeaf4 .jeg-elementor-kit.jkit-button .jkit-button-wrapper{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-100 .elementor-element.elementor-element-7495d395{--width:30%;}.elementor-100 .elementor-element.elementor-element-685ef3dc{--width:70%;}.elementor-100 .elementor-element.elementor-element-764b50f7{--width:100%;}
.elementor-nav-menu--dropdown-tablet .elementor-menu-toggle{display:flex}
.elementor-nav-menu--dropdown-tablet nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{display:block;overflow-y:auto}
.elementor-100 .elementor-element.elementor-element-7952058{display:none!important}
.elementor-100 .elementor-element.elementor-element-53857db{display:block!important}
.elementor-100 .elementor-element.elementor-element-7d0aeaf4{display:none!important}
}
/* 1440 to 1799 px: the bar stays, tighter, so four items and the Join button fit on one line. */
@media (min-width:1440px) and (max-width:1799.98px){
.elementor-100 .elementor-element.elementor-element-7952058 .elementor-nav-menu .elementor-item{font-size:14px}
.elementor-100 .elementor-element.elementor-element-7952058 .elementor-nav-menu--main .elementor-nav-menu a{padding-left:8px;padding-right:8px}
}
/* HEADER-4 end */

/* PAPERS start: white-paper cards on /collective-intelligence/ (generated by tools/builder/t13_papers.py). Same look as the AI Lab tiles on /labs/. */
.bd-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;width:100%}
.bd-papers .bd-paper{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #EFF6FF;border-radius:25px;transition:transform .3s ease,box-shadow .3s ease}
.bd-papers .bd-paper:hover{transform:translateY(-10px);box-shadow:0 6px 12px -6px rgba(23,98,174,.58)}
.bd-papers .bd-paper-media{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:25px 25px 0 0;background:#EFF6FF}
.bd-papers .bd-paper-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--bd-pos,center);border-radius:0}
.bd-papers .bd-paper-media--pending{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1762AE,#0d3b73);color:#fff;font:500 18px/1.2 "Playfair Display",serif;text-align:center;padding:16px}
.bd-papers .bd-paper-body{display:flex;flex-direction:column;flex:1;padding:24px 30px 30px}
.bd-papers .bd-paper h3.bd-paper-title{font:500 19px/24px "Playfair Display",serif;color:#2D2A3D;margin:0 0 6px;padding:0}
.bd-papers .bd-paper p.bd-paper-date{font:500 13px/1.2 "Poppins",sans-serif;color:#64748B;margin:0 0 14px}
.bd-papers .bd-paper p.bd-paper-text{font:400 14px/20px "Poppins",sans-serif;color:#334155;margin:0 0 20px}
.bd-papers .bd-paper a.bd-paper-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:500 14px/1 "Poppins",sans-serif;color:#334155;text-decoration:none}
.bd-papers .bd-paper a.bd-paper-more svg{width:14px;height:14px;fill:currentColor}
.bd-papers .bd-paper a.bd-paper-more::after{content:"";position:absolute;inset:0;border-radius:25px}
.bd-papers .bd-paper:hover a.bd-paper-more,.bd-papers .bd-paper a.bd-paper-more:focus-visible{color:#1762AE}
.bd-papers .bd-paper a.bd-paper-more:focus-visible{outline:none}
.bd-papers .bd-paper a.bd-paper-more:focus-visible::after{outline:3px solid #1762AE;outline-offset:3px}
@media (max-width:1024px){.bd-papers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bd-papers .bd-paper h3.bd-paper-title{font-size:17px;line-height:22px}.bd-papers .bd-paper p.bd-paper-text{font-size:15px}}
@media (max-width:767px){.bd-papers{grid-template-columns:1fr}.bd-papers .bd-paper h3.bd-paper-title{font-size:16px;line-height:22px}.bd-papers .bd-paper p.bd-paper-text{font-size:14px;line-height:22px}}
@media (prefers-reduced-motion:reduce){.bd-papers .bd-paper{transition:none}.bd-papers .bd-paper:hover{transform:none}}
/* PAPERS end */
/* Mission Realization: the six service icons are round pictures, as on the Value Creation page (Tracy, Nov 4). */
.elementor-widget.bd-icon-photo{background:none!important;padding:0!important;border-radius:0!important}
.bd-icon-photo .bd-icon-img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:50%}