/* ========================================================== GLOBAL RESETS ========================================================== */ /* Better default for headings inside rich text / arbitrary content */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ::selection { background-color: #EC5F33; color: #FFF9DE; } /* Remove default focus outline flash, replace with accessible one */ :focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } /* Images/media */ img, video, svg { max-width: 100%; display: block; } /* Form elements inherit fonts */ button, input, select, textarea { font-family: inherit; font-size: 1rem; } /* Fix iOS Safari 100vh issues */ html, body { height: 100%; } /* Remove Webflow's autofill yellow background on inputs */ input:-webkit-autofocus, input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px transparent inset; } /* Smooth scroll for anchor links */ html { scroll-behavior: auto; } /* Prevent layout shift from scrollbars */ html { scrollbar-gutter: stable; } .text-content p { font-size: 1.125rem; line-height: 1.7; } html.menu-open, html.menu-open body { overflow: hidden; } /* ========================================================== HOME ========================================================== */ /* Truncate event heading & description */ .event_heading { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .event_description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } /* Speakers marquee fade */ .marquee-advanced.speakers { -webkit-mask-image: linear-gradient(to right, transparent 0%, black 150px, black calc(100% - 150px), transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 150px, black calc(100% - 150px), transparent 100%); } /* Conference video autoplay */ [data-media-init] [data-media-placeholder] { transition: opacity 0.2s ease, visibility 0.2s ease; } [data-media-init][data-media-status="playing"] [data-media-placeholder], [data-media-init][data-media-status="paused"] [data-media-placeholder] { visibility: hidden; opacity: 0; } /* Section transition */ [data-shutter-scroll-panel] { display: flex; flex-direction: column; width: 100%; } [data-shutter-scroll-row] { height: 3em; width: 100%; background-color: #fff5d8; backface-visibility: hidden; will-change: transform; } [data-shutter-scroll-transition][data-shutter-height="1.5em"] [data-shutter-scroll-row] { height: 1.5em; } /* Hero video */ /* Animation */ [data-bunny-background-init] :is(.bunny-bg__placeholder, .bunny-bg__loading) { transition: opacity 0.3s linear, visibility 0.3s linear; } /* Placeholder */ [data-bunny-background-init][data-player-status="playing"] .bunny-bg__placeholder, [data-bunny-background-init][data-player-status="paused"] .bunny-bg__placeholder, [data-bunny-background-init][data-player-activated="true"][data-player-status="ready"] .bunny-bg__placeholder { opacity: 0; visibility: hidden; } /* Play/Pause */ [data-bunny-background-init][data-player-status="playing"] .bunny-bg__play-svg, [data-bunny-background-init][data-player-status="loading"] .bunny-bg__play-svg { display: none; } [data-bunny-background-init][data-player-status="playing"] .bunny-bg__pause-svg, [data-bunny-background-init][data-player-status="loading"] .bunny-bg__pause-svg { display: block; } /* Loading */ [data-bunny-background-init][data-player-status="loading"] .bunny-bg__loading { opacity: 1; visibility: visible; } /* Countdown */ .conf-countdown { gap: 0.5em; } .conf-countdown [data-countdown-update] { background-color: #DA4A1C; border-radius: 3em; padding: 0.5em 1em; line-height: 1; margin: 0; font-variant-numeric: tabular-nums; } .conf-countdown [data-countdown-update]:nth-last-child(1) { background-color: #FFE149; color: #254A89; } /* Event countdown */ .event-countdown { gap: 0.5em; text-size: 0.875rem; color: #666; } .event-countdown [data-countdown-update] { line-height: 1; margin: 0; font-variant-numeric: tabular-nums; } .event-countdown [data-countdown-update]:nth-last-child(1) { color: #254A89; } /* Text highlight animation */ [data-highlight-marker-reveal] { visibility: hidden; } .wf-design-mode [data-highlight-marker-reveal] { visibility: visible; } [data-highlight-marker-reveal] .highlight-marker-line { width: auto; display: inline-block !important; padding-bottom: 0.1em; margin-bottom: -0.01em; } .highlight-marker-bar { position: absolute; inset: -0.055em 0px; z-index: 1; pointer-events: none; } /* Meetups marquee */ [data-radial-cards-marquee-list] { --total: 12; --radius: 52em; --duration: 60s; display: grid; transform-origin: 50% var(--radius); animation: rotate360 var(--duration) linear infinite; } [data-radial-cards-marquee-list]>* { grid-area: 1 / 1; transform-origin: 50% var(--radius); transform: rotate(calc(360deg / var(--total) * (var(--card) - 1))); } @keyframes rotate360 { to { transform: rotate(-360deg); } } /* Can be removed when using the JavaScript version */ [data-radial-cards-marquee-list]> :nth-child(1) { --card: 1; } [data-radial-cards-marquee-list]> :nth-child(2) { --card: 2; } [data-radial-cards-marquee-list]> :nth-child(3) { --card: 3; } [data-radial-cards-marquee-list]> :nth-child(4) { --card: 4; } [data-radial-cards-marquee-list]> :nth-child(5) { --card: 5; } [data-radial-cards-marquee-list]> :nth-child(6) { --card: 6; } [data-radial-cards-marquee-list]> :nth-child(7) { --card: 7; } [data-radial-cards-marquee-list]> :nth-child(8) { --card: 8; } [data-radial-cards-marquee-list]> :nth-child(9) { --card: 9; } [data-radial-cards-marquee-list]> :nth-child(10) { --card: 10; } [data-radial-cards-marquee-list]> :nth-child(11) { --card: 11; } [data-radial-cards-marquee-list]> :nth-child(12) { --card: 12; } /* Meetups - If empty dont show upcoming */ .upcoming_meetup_section:not(:has(.upcoming_meetup_item)) { display: none; } /* ========================================================== BLOG POST ========================================================== */ /* Truncate post heading */ .post_title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .post_summary { display: -webkit-box; -webkit-line-clamp: 3; /* or however many lines you want */ -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; font-size: 1.125rem; } .text-content-wrap p { line-height: 1.7; font-size: 1.125rem; } .text-content-wrap h1, .text-content-wrap h2, .text-content-wrap h3 { color: #000; letter-spacing: -0.02em; margin: 1rem 0 1rem 0; } .single_post_content p { line-height: 1.7; font-size: 1.125rem; } .single_post_content figcaption { line-height: 1.3; font-size: 0.875rem; font-family: Merriweather; font-style: italic; margin: 0 0 2rem 0; } .single_post_content blockquote { font-family: Merriweather; font-size: 1.5rem; line-height: 1.3; font-style: italic; margin: 1rem 0 1rem 2rem; } .single_post_content div:has(> blockquote) { font-family: Merriweather; background-color: #ededed; margin: 2rem auto; padding: 1ren; } .single_post_content blockquote p::before { content: "\201C"; } .single_post_content blockquote p::after { content: "\201D"; } .single_post_content h2, .single_post_content h3 { color: #000; letter-spacing: -0.02em; line-height: 1.1; margin: 1rem 0 1rem 0; } .single_post_content img { border-radius: 0.5rem; max-width: 100%; height: auto; margin: 1rem 0 1rem 0; display: block; } .twitter-tweet { width: 100%; heigt: auto; margin: 0 auto; } /* Blog post share */ /* Clipboard Success Icon */ [data-social-share-type="clipboard"] .social-share__icon { transition: transform 0.4s cubic-bezier(0.625, 0.05, 0, 1); transform: translateY(0%) rotate(0.001deg); } [data-social-share-type="clipboard"] .social-share__icon.is--success { color: #009E3B; transform: translateY(200%) rotate(0.001deg); } [data-social-share-type="clipboard"][data-social-share-success] .social-share__icon { transform: translateY(-200%) rotate(0.001deg); } [data-social-share-type="clipboard"][data-social-share-success] .social-share__icon.is--success { transform: translateY(0%) rotate(0.001deg); } /* Optional hover styling */ [data-social-share-type] { transition: all 0.4s cubic-bezier(0.625, 0.05, 0, 1); transform: scale(1) rotate(0.001deg); } [data-social-share]:has([data-social-share-type]:hover) [data-social-share-type] { transform: scale(0.9) rotate(0.001deg); } [data-social-share]:has([data-social-share-type]:hover) [data-social-share-type]:hover { transform: scale(1.1) rotate(0.001deg); } /* Blog TOC */ [data-toc-item][data-toc-status="active"] { color: #ec5f33; border-color: #ec5f33; } [data-toc-item][data-toc-depth="3"] { padding-left: 2.5em; font-size: .75em; } [data-toc-content] h2:first-child { margin-top: 0; padding-top: 0; } /* Back to top */ /* Hide the back-to-top wrapper on default (to prevent flash on loaded site) */ [data-back-to-top="wrap"] { opacity: 0; } /* Show the button in the Webflow environment */ .wf-design-mode [data-back-to-top="wrap"], .w-editor [data-back-to-top="wrap"] { opacity: 1; } .back-top__arrow-row { transition: transform 0.5s cubic-bezier(.65, 0, 0, 1); } .back-top__button { transition: border-width 0.5s cubic-bezier(.65, 0, 0, 1); } /* Keyboard focus state */ .back-top__button:focus-visible { border-width: 0.6em; } .back-top__button:focus-visible .back-top__arrow-row { transform: translate(0px, -100%); } /* Hover styling */ @media (hover: hover) { .back-top__button:hover { border-width: 0.6em; } .back-top__button:hover .back-top__arrow-row { transform: translate(0px, -100%); } } /* ========================================================== EVENTS ========================================================== */ [data-logo-wall-list] [data-logo-wall-item]:nth-child(n+9) { display: none; } @media screen and (max-width: 991px) { [data-logo-wall-list] [data-logo-wall-item]:nth-child(n+7) { display: none; } } /* ========================================================== PARTNERS ========================================================== */ [data-odometer-element] { display: inline-flex; align-items: center; font-variant-numeric: tabular-nums; } [data-odometer-part="mask"], [data-odometer-part="static"] { display: inline-block; overflow: clip; padding: 0.05em; margin: -0.05em; } [data-odometer-part="roller"] { display: block; white-space: pre; text-align: center; will-change: transform; } [data-odometer-part="static"] { display: inline-block; font-variant-numeric: tabular-nums; } /* ========================================================== FOOTER SYMBOL ========================================================== */ .footer-symbol { --shift: 2200; /* desktop offset, in viewBox units */ } .footer-symbol__inner { transform: translateX(calc(var(--shift) * 1px)); } @media (max-width: 767px) { .footer-symbol { height: 20rem; /* mobile height */ --shift: 1800; /* tweak until the symbol sits where you want */ } } /* Symbol animation on conference */ .mark__ring { transform-origin: 304px 304px; /* center of the 608×608 viewBox */ animation: spin 12s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .mark__ring { animation: none; } }