/**********************************/
/* Powerful Devs Conference */
/**********************************/
/* Aptos Font */
@font-face {
font-family: "aptos";src: url('/aptos.woff') format('woff'),url('/aptos.woff2') format('woff2'),
url('/aptos.svg#aptos') format('svg'),url('/aptos.eot'),url('/aptos.eot?#iefix') format('embedded-opentype'),
url('/aptos.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*************** VARIABLES *******************/
:root {
--bs-body-font-sans-serif: "aptos", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-body-font-family: var(--bs-body-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--title-font-family: var(--bs-body-font-sans-serif);
--bs-navbar-padding-x: 1rem;
--bs-navbar-padding-y: 2rem;
}
/*************** FONTS *******************/
.body {
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
}
/* Revert Power Pages Default Font Declaration */
body {
font-family: var(--bs-body-font-family);
font-weight: var(--bs-body-font-weight);
font-style: normal;
color: var(--bs-body-font-color);
}
/* FIX for portalbasictheme.css */
body footer,body .navbar-static-top.navbar .menu-bar>.navbar-nav>li>a,
body .navbar-inverse .navbar-nav>li>a,body a,body .a, body .poll .poll-tags h4,
body h5,body .h5,body p,body .p,body p.smallText body .page_section p,
body .section-diagonal-left p,body .section-diagonal-right p, body .p2,body .button1,body .button2,
body .section-landing .row>div .section-landing-sub-heading,
body .static-top.navbar .navbar-brand a .siteTitle>span, body .siteTitle,
body .static-top.navbar .navbar-brand a .siteTitle,.static-top .navbar-brand,
body .btn, body .btn-default, body .btn-primary, body .btn-secondary,
body .btn-outline-primary, body .btn-outline-secondary
{font-family: var(--bs-body-font-family);font-size: var(--bs-body-font-size);}
body h1,.h1,body .section-landing-heading,body .section-landing .row>div .section-landing-heading,
body .section-inline-search .row>div h1,body .section-landing h1,body .section-search .header-search h1,
body .page_section h1,body .color-inverse h1,body h1 p,
body h2,body .h2,body .page_section h2,body .color-inverse h2,body h2 p,
body h3,body .h3,body .page_section h3,body .color-inverse h3,body .sidebar-home h3,
body h4,body .h4,body .poll .poll-header h4,
body .static-top.navbar .menu-bar > .navbar-nav > li > a,
h1.siteTitle
{font-family: var(--bs-body-font-family);}
/* END FIX for portalbasictheme.css */
/* Remove the power page private site banner */
.private-mode-banner {
display:none
}
html {
height: unset;
}
/* Background Gradients */
body {
background-image:
url('data:image/svg+xml,'),
url('data:image/svg+xml,'),
url('data:image/svg+xml,'),
url('data:image/svg+xml,'),
url('data:image/svg+xml,');
background-position: left top, right top, 90% center, 40% bottom, center bottom;
background-size: 50%, 75%, 170%, 150%, 210%;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
overflow-x: hidden;
color: var(--color-foreground);
background-color: var(--color-background);
}
/* Design tokens */
:root {
--color-brand-primary: #016FD1;
--color-brand-secondary: #254695;
--color-brand-tertiary: #443570;
--color-primary-shade-10: #443570;
--color-primary-shade-20: #254695;
--color-primary-shade-30: #016FD1;
--color-primary-shade-40: #2F96E2;
--color-primary-shade-50: #69BCE8;
--color-primary-shade-30: #ADB7E4;
--color-primary-shade-30: #BCB2E5;
--color-midnight-blue-primary: #190649ff;
--color-midnight-blue-shade-10: #14053aff;
--color-midnight-blue-shade-20: #0f042cff;
--color-brand-purple-primary: #512bd4ff;
--color-brand-purple-shade-10: #4122aaff;
--color-brand-purple-shade-20: #311a7fff;
--color-brand-purple-shade-30: #201155ff;
--color-brand-purple-shade-35: #180d40ff;
--color-brand-purple-shade-40: #10092aff;
--color-brand-purple-shade-45: #080415ff;
--color-brand-purple-tint-10: #7455ddff;
--color-brand-purple-tint-20: #9780e5ff;
--color-brand-purple-tint-25: #ac99eaff;
--color-brand-purple-tint-30: #b9aaeeff;
--color-brand-purple-tint-35: #cbbff2ff;
--color-brand-purple-tint-40: #dcd5f6ff;
--color-brand-purple-tint-45: #eeeafbff;
--color-cyan-primary: #28c2d1ff;
--color-cyan-shade-10: #209ba7ff;
--color-cyan-shade-20: #18747dff;
--color-cyan-shade-30: #104e54ff;
--color-cyan-shade-35: #0c3a3fff;
--color-cyan-shade-40: #08272aff;
--color-cyan-shade-45: #041315ff;
--color-cyan-tint-10: #53cedaff;
--color-cyan-tint-20: #7edae3ff;
--color-cyan-tint-30: #a9e7edff;
--color-cyan-tint-35: #beedf1ff;
--color-cyan-tint-40: #d4f3f6ff;
--color-cyan-tint-45: #e9f9faff;
--color-blue-primary: #0b6cffff;
--color-blue-shade-10: #0956ccff;
--color-blue-shade-20: #074199ff;
--color-blue-shade-30: #042b66ff;
--color-blue-shade-35: #03204dff;
--color-blue-shade-40: #021633ff;
--color-blue-shade-45: #010b1aff;
--color-blue-tint-10: #3c89ffff;
--color-blue-tint-20: #6da7ffff;
--color-blue-tint-30: #9dc4ffff;
--color-blue-tint-35: #b6d3ffff;
--color-blue-tint-40: #cee2ffff;
--color-blue-tint-45: #e7f0ffff;
--color-flamingo-primary: #f65163ff;
--color-flamingo-shade-10: #cb4150ff;
--color-flamingo-shade-20: #a0313dff;
--color-flamingo-shade-30: #74222bff;
--color-flamingo-shade-35: #5f1a21ff;
--color-flamingo-shade-40: #491218ff;
--color-flamingo-shade-45: #340a0eff;
--color-flamingo-tint-10: #f87482ff;
--color-flamingo-tint-20: #fa97a1ff;
--color-flamingo-tint-30: #fbb9c1ff;
--color-flamingo-tint-35: #fccbd0ff;
--color-flamingo-tint-40: #fddce0ff;
--color-flamingo-tint-45: #feeeefff;
--color-magenta-primary: #d600aaff;
--color-magenta-shade-10: #ab0088ff;
--color-magenta-shade-20: #800066ff;
--color-magenta-shade-30: #560044ff;
--color-magenta-shade-35: #400033ff;
--color-magenta-shade-40: #2b0022ff;
--color-magenta-shade-45: #150011ff;
--color-magenta-tint-10: #de33bbff;
--color-magenta-tint-20: #e666ccff;
--color-magenta-tint-30: #ef99ddff;
--color-magenta-tint-35: #f3b2e5ff;
--color-magenta-tint-40: #f7cceeff;
--color-magenta-tint-45: #fbe5f6ff;
--color-yellow-primary: #f7b548ff;
--color-yellow-shade-10: #ca943aff;
--color-yellow-shade-20: #9d722cff;
--color-yellow-shade-30: #70511dff;
--color-yellow-shade-35: #5a4016ff;
--color-yellow-shade-40: #432f0fff;
--color-yellow-shade-45: #2d1f08ff;
--color-yellow-tint-10: #f9c46dff;
--color-yellow-tint-20: #fad391ff;
--color-yellow-tint-30: #fce1b6ff;
--color-yellow-tint-35: #fde9c8ff;
--color-yellow-tint-40: #fdf0daff;
--color-yellow-tint-46: #fef8edff;
--color-neutrals-dark-black: #000000ff;
--color-neutrals-dark-grey-4: #0a0a0aff;
--color-neutrals-dark-grey-8: #141414ff;
--color-neutrals-dark-grey-24: #3d3d3dff;
--color-neutrals-dark-grey-36: #5c5c5cff;
--color-neutrals-dark-grey-40: #666666ff;
--color-neutrals-dark-grey-52: #858585ff;
--color-neutrals-dark-grey-68: #adadadff;
--color-neutrals-dark-grey-84: #d6d6d6ff;
--color-neutrals-additionals-grey-2: #050505ff;
--color-neutrals-additionals-grey-6: #0f0f0fff;
--color-neutrals-additionals-grey-10: #1a1a1aff;
--color-neutrals-additionals-grey-12: #1f1f1fff;
--color-neutrals-additionals-grey-16: #292929ff;
--color-neutrals-additionals-grey-18: #2e2e2eff;
--color-neutrals-additionals-grey-20: #333333ff;
--color-neutrals-additionals-grey-22: #383838ff;
--color-neutrals-additionals-grey-28: #474747ff;
--color-neutrals-additionals-grey-30: #4d4d4dff;
--color-neutrals-additionals-grey-32: #525252ff;
--color-neutrals-additionals-grey-34: #575757ff;
--color-neutrals-additionals-grey-42: #6b6b6bff;
--color-neutrals-additionals-grey-44: #707070ff;
--color-neutrals-additionals-grey-46: #757575ff;
--color-neutrals-additionals-grey-48: #7a7a7aff;
--color-neutrals-additionals-grey-54: #8a8a8aff;
--color-neutrals-additionals-grey-56: #8f8f8fff;
--color-neutrals-additionals-grey-58: #949494ff;
--color-neutrals-additionals-grey-60: #999999ff;
--color-neutrals-additionals-grey-62: #9e9e9eff;
--color-neutrals-additionals-grey-64: #a3a3a3ff;
--color-neutrals-additionals-grey-66: #a8a8a8ff;
--color-neutrals-additionals-grey-70: #b2b2b2ff;
--color-neutrals-additionals-grey-72: #b8b8b8ff;
--color-neutrals-additionals-grey-76: #c2c2c2ff;
--color-neutrals-additionals-grey-78: #c7c7c7ff;
--color-neutrals-additionals-grey-80: #ccccccff;
--color-neutrals-additionals-grey-86: #dbdbdbff;
--color-neutrals-additionals-grey-90: #e5e5e5ff;
--color-neutrals-light-grey-14: #242424ff;
--color-neutrals-light-grey-26: #424242ff;
--color-neutrals-light-grey-38: #616161ff;
--color-neutrals-light-grey-50: #808080ff;
--color-neutrals-light-grey-74: #bdbdbdff;
--color-neutrals-light-grey-82: #d1d1d1ff;
--color-neutrals-light-grey-88: #e0e0e0ff;
--color-neutrals-light-grey-90: #ebebebff;
--color-neutrals-light-grey-94: #f0f0f0ff;
--color-neutrals-light-grey-96: #f5f5f5ff;
--color-neutrals-light-grey-98: #fafafaff;
--color-neutrals-light-white: #ffffffff;
--color-information-blue: #005fb7ff;
--color-information-dark-green: #0f7b0fff;
--color-information-light-green: #dff6ddff;
--color-information-dark-red: #c42b1cff;
--color-information-light-red: #fde7e9ff;
--color-information-dark-green: #052505ff;
--color-information-dark-red: #3f1011ff;
--color-gradients-light-theme-multi-color-gradients-purple-magenta: linear-gradient(to bottom, #512bd451 0%, #d600aad6 100%);
--color-gradients-light-theme-multi-color-gradients-magenta-flamingo: linear-gradient(to bottom, #d600aad6 0%, #cb4150cb 100%);
--color-gradients-light-theme-multi-color-gradients-magenta-flamingo-webkit: -webkit-linear-gradient(to bottom, #d600aad6 0%, #cb4150cb 100%);
--color-gradients-light-theme-multi-color-gradients-flamingo-purple: linear-gradient(to bottom, #cb4150cb 0%, #512bd451 100%);
--color-gradients-light-theme-multi-color-gradients-purple-blue: linear-gradient(to bottom, #512bd451 0%, #0b6cff0b 100%);
--color-gradients-light-theme-multi-color-gradients-blue-purple: linear-gradient(to bottom, #0b6cff0b 0%, #512bd451 100%);
--color-gradients-light-theme-magenta-purple-primary: linear-gradient(to bottom, #d600aad6 0%, #512bd451 100%);
--color-gradients-light-theme-magenta-purple-primary-webkit: -webkit-linear-gradient(to bottom, #d600aad6 0%, #512bd451 100%);
--color-gradients-light-theme-magenta-purple-gradient-01: linear-gradient(to bottom, #d600aad6 0%, #b80ab3b8 85.4%);
--color-gradients-light-theme-magenta-purple-gradient-02: linear-gradient(to bottom, #b80ab3b8 0%, #9b13bd9b 100%);
--color-gradients-light-theme-magenta-purple-gradient-03: linear-gradient(to bottom, #9b13bd9b 0%, #7d1dc67d 100%);
--color-gradients-light-theme-magenta-purple-gradient-04: linear-gradient(to bottom, #7d1dc67d 0%, #512bd451 100%);
--color-gradients-light-theme-magenta-purple-gradient-05: linear-gradient(to bottom, #512bd451 0%, #7d1dc67d 100%);
--color-gradients-light-theme-magenta-purple-gradient-06: linear-gradient(to bottom, #7d1dc67d 0%, #9b13bd9b 100%);
--color-gradients-light-theme-magenta-purple-gradient-07: linear-gradient(to bottom, #9b13bd9b 0%, #b80ab3b8 100%);
--color-gradients-light-theme-magenta-purple-gradient-08: linear-gradient(to bottom, #b80ab3b8 0%, #d600aad6 100%);
--color-gradients-light-theme-blue-purple-primary: linear-gradient(to bottom, #0b6cff0b 0%, #512bd451 100%);
--color-gradients-light-theme-blue-purple-gradient-01: linear-gradient(to bottom, #0b6cff0b 0%, #1c5cf41c 85.4%);
--color-gradients-light-theme-blue-purple-gradient-02: linear-gradient(to bottom, #1c5cf41c 0%, #2e4cea2e 100%);
--color-gradients-light-theme-blue-purple-gradient-03: linear-gradient(to bottom, #2e4cea2e 0%, #403bdf40 100%);
--color-gradients-light-theme-blue-purple-gradient-04: linear-gradient(to bottom, #403bdf40 0%, #512bd451 100%, #512bd451 100%);
--color-gradients-light-theme-blue-purple-gradient-05: linear-gradient(to bottom, #512bd451 0%, #403bdf40 100%);
--color-gradients-light-theme-blue-purple-gradient-06: linear-gradient(to bottom, #403bdf40 0%, #2e4cea2e 100%);
--color-gradients-light-theme-blue-purple-gradient-07: linear-gradient(to bottom, #2e4cea2e 0%, #1c5cf41c 100%);
--color-gradients-light-theme-blue-purple-gradient-08: linear-gradient(to bottom, #1c5cf41c 0%, #0b6cff0b 100%);
--color-gradients-dark-theme-multi-color-gradients-text-graphic-elements-only-purple-magenta: linear-gradient(to bottom, #9780e597 0%, #de33bbde 100%);
--color-gradients-dark-theme-multi-color-gradients-text-graphic-elements-only-purple-magenta-webkit: -webkit-linear-gradient(to bottom, #9780e597 0%, #de33bbde 100%);
--color-gradients-dark-theme-multi-color-gradients-text-graphic-elements-only-magenta-flamingo: linear-gradient(to bottom, #de33bbde 0%, #f65163f6 100%);
--color-gradients-dark-theme-multi-color-gradients-text-graphic-elements-only-flamingo-purple: linear-gradient(to bottom, #f65163f6 0%, #9780e597 100%);
--color-gradients-dark-theme-multi-color-gradients-text-graphic-elements-only-purple-cyan: linear-gradient(to bottom, #9780e597 0%, #53ceda53 100%);
--color-gradients-dark-theme-multi-color-gradients-text-graphic-elements-only-cyan-purple: linear-gradient(to bottom, #53ceda53 0%, #9780e597 100%);
--color-gradients-dark-theme-magenta-purple-primary: linear-gradient(to bottom, #d600aad6 0%, #7455dd74 100%);
--color-gradients-dark-theme-magenta-purple-gradient-02: linear-gradient(to bottom, #be15b7be 0%, #a52bc4a5 100%);
--color-gradients-dark-theme-magenta-purple-gradient-01: linear-gradient(to bottom, #d600aad6 0%, #be15b7be 85.4%);
--color-gradients-dark-theme-magenta-purple-gradient-03: linear-gradient(to bottom, #a52bc4a5 0%, #8d40d08d 100%);
--color-gradients-dark-theme-magenta-purple-gradient-04: linear-gradient(to bottom, #8d40d08d 0%, #7455dd74 100%);
--color-gradients-dark-theme-magenta-purple-gradient-05: linear-gradient(to bottom, #7455dd74 0%, #8d40d08d 100%);
--color-gradients-dark-theme-magenta-purple-gradient-06: linear-gradient(to bottom, #8d40d08d 0%, #a52bc4a5 100%);
--color-gradients-dark-theme-magenta-purple-gradient-07: linear-gradient(to bottom, #a52bc4a5 0%, #be15b7be 100%);
--color-gradients-dark-theme-magenta-purple-gradient-08: linear-gradient(to bottom, #be15b7be 0%, #d600aad6 100%);
--color-gradients-dark-theme-blue-purple-primary: linear-gradient(to bottom, #0b6cff0b 0%, #7455dd74 100%);
--color-gradients-dark-theme-blue-purple-gradient-01: linear-gradient(to bottom, #0b6cff0b 0%, #2566f625 85.4%);
--color-gradients-dark-theme-blue-purple-gradient-02: linear-gradient(to bottom, #2566f625 0%, #4060ee40 100%);
--color-gradients-dark-theme-blue-purple-gradient-03: linear-gradient(to bottom, #4060ee40 0%, #5b5ae55b 100%);
--color-gradients-dark-theme-blue-purple-gradient-04: linear-gradient(to bottom, #5b5ae55b 0%, #7455dd74 100%);
--color-gradients-dark-theme-blue-purple-gradient-05: linear-gradient(to bottom, #7455dd74 0%, #5b5ae55b 100%);
--color-gradients-dark-theme-blue-purple-gradient-06: linear-gradient(to bottom, #5b5ae55b 0%, #4060ee40 100%);
--color-gradients-dark-theme-blue-purple-gradient-07: linear-gradient(to bottom, #4060ee40 0%, #2566f625 100%);
--color-gradients-dark-theme-blue-purple-gradient-08: linear-gradient(to bottom, #2566f625 0%, #0b6cff0b 100%);
--color-speaker-cards-image-backplate-light-theme: linear-gradient(to bottom, #ffffffff 40.71%, #ffffffff 100%);
--color-speaker-cards-image-backplate-dark-theme: linear-gradient(to bottom, #2e2e2e2e 40.71%, #2e2e2e2e 100%);
--content-width-desktop: 1248px;
--content-width-tablet: 792px;
--content-width-mobile: 300px;
/* This ensures that even when a screen width is exactly the size of a content
break point there is still some padding between the viewport and content. */
--content-width-padding-desktop: 40px;
--content-width-padding-tablet: 30px;
--content-width-padding-mobile: 20px;
--grid-template-desktop: repeat(12, 1fr);
--grid-template-tablet: repeat(12, 1fr);
--grid-template-mobile: repeat(6, 1fr);
--grid-gap-desktop: 48px;
--grid-gap-tablet: 24px;
--grid-gap-mobile: 12px;
/* This defines the vertical spacing between sections of content on any given page
(and is also used as the row gap for grids) */
--vertical-gap-desktop: 60px;
--vertical-gap-tablet: 32px;
--vertical-gap-mobile: 32px;
--corner-radius-xs: 8px;
--corner-radius-sm: 12px;
--corner-radius-md: 16px;
--corner-radius-lg: 20px;
--corner-radius-xl: 32px;
/* --outline-corner-radius: calc(outline-offset + child-corner-radius); */
--color-foreground: var(--color-neutrals-additionals-grey-20);
--color-background: var(--color-neutrals-light-grey-98);
--color-title-font: var(--color-midnight-blue-primary);
--color-navbar-menu-icon-fill: var(--color-brand-purple-primary);
--color-footer-foreground: var(--color-neutrals-dark-grey-24);
--color-footer-background: var(--color-neutrals-light-grey-90);
--color-primary-gradient: linear-gradient(to bottom right, #016FD1, #254695, #443570);
--color-primary-gradient-webkit: -webkit-linear-gradient(to bottom right, #016FD1, #254695, #443570);
--gradient-featured-speaker-card-01: linear-gradient(to bottom, #be15b7be 0%, #a52bc4a5 100%);
--gradient-featured-speaker-card-02: linear-gradient(to bottom, #d600aad6 0%, #be15b7be 85.4%);
--gradient-featured-speaker-card-03: linear-gradient(to bottom, #a52bc4a5 0%, #8d40d08d 100%);
--gradient-featured-speaker-card-04: linear-gradient(to bottom, #8d40d08d 0%, #7455dd74 100%);
--gradient-featured-speaker-card-05: linear-gradient(to bottom, #7455dd74 0%, #8d40d08d 100%);
--gradient-featured-speaker-card-06: linear-gradient(to bottom, #8d40d08d 0%, #a52bc4a5 100%);
--featured-speaker-card-foreground: var(--color-neutrals-light-white);
--color-link-foreground: #0069c6;
--color-link-foreground-hover: #254695;
--color-link-foreground-active: #d600aad6;
--color-cookie-banner-foreground: var(--color-foreground);
--color-cookie-banner-background: var(--color-neutrals-light-white);
--color-cookie-border: var(--color-brand-purple-primary);
--dotnet-btn-corner-radius: var(--corner-radius-xs);
--dotnet-btn-border-width: 2px;
--color-dotnet-btn-focus-outline: var(--color-neutrals-dark-black);
--dotnet-btn-focus-outline-width: 2px;
--dotnet-btn-focus-outline-offset: 1px;
--color-dotnet-solid-btn-accent-foreground: var(--color-neutrals-light-white);
--color-dotnet-solid-btn-accent-background: var(--color-brand-purple-primary);
--color-dotnet-solid-btn-accent-border: var(--color-brand-purple-primary);
--color-dotnet-solid-btn-accent-foreground-hover: var(--color-neutrals-light-white);
--color-dotnet-solid-btn-accent-background-hover: var(--color-brand-purple-shade-10);
--color-dotnet-solid-btn-accent-border-hover: var(--color-brand-purple-shade-10);
--color-dotnet-solid-btn-accent-foreground-active: var(--color-neutrals-light-white);
--color-dotnet-solid-btn-accent-background-active: var(--color-brand-purple-shade-20);
--color-dotnet-solid-btn-accent-border-active: var(--color-brand-purple-shade-20);
--color-dotnet-outline-btn-accent-foreground: var(--color-brand-purple-primary);
--color-dotnet-outline-btn-accent-background: transparent;
--color-dotnet-outline-btn-accent-border: var(--color-brand-purple-primary);
--color-dotnet-outline-btn-accent-foreground-hover: var(--color-brand-purple-shade-10);
--color-dotnet-outline-btn-accent-background-hover: var(--color-brand-purple-tint-45);
--color-dotnet-outline-btn-accent-border-hover: var(--color-brand-purple-primary);
--color-dotnet-outline-btn-accent-foreground-active: var(--color-brand-purple-shade-20);
--color-dotnet-outline-btn-accent-background-active: var(--color-brand-purple-tint-40);
--color-dotnet-outline-btn-accent-border-active: var(--color-brand-purple-primary);
--color-dotnet-link-btn-accent-foreground: var(--color-brand-purple-primary);
--color-dotnet-link-btn-accent-background: transparent;
--color-dotnet-link-btn-accent-border: transparent;
--color-dotnet-link-btn-accent-foreground-hover: var(--color-brand-purple-shade-10);
--color-dotnet-link-btn-accent-background-hover: transparent;
--color-dotnet-link-btn-accent-border-hover: transparent;
--color-dotnet-link-btn-accent-foreground-active: var(--color-brand-purple-shade-20);
--color-dotnet-link-btn-accent-background-active: transparent;
--color-dotnet-link-btn-accent-border-active: transparent;
--color-dotnet-link-btn-neutral-foreground: var(--color-neutrals-dark-grey-24);
--color-dotnet-link-btn-neutral-background: transparent;
--color-dotnet-link-btn-neutral-border: transparent;
--color-dotnet-link-btn-neutral-foreground-hover: var(--color-neutrals-dark-grey-8);
--color-dotnet-link-btn-neutral-background-hover: transparent;
--color-dotnet-link-btn-neutral-border-hover: transparent;
--color-dotnet-link-btn-neutral-foreground-active: var(--color-neutrals-dark-grey-8);
--color-dotnet-link-btn-neutral-background-active: transparent;
--color-dotnet-link-btn-neutral-border-active: transparent;
--color-dotnet-menu-popover-focus-border: var(--color-neutrals-dark-black);
--color-dotnet-menu-popover-foreground: var(--color-neutrals-additionals-grey-28);
--color-dotnet-menu-popover-background: var(--color-neutrals-light-white);
--color-dotnet-menu-popover-foreground-hover: var(--color-neutrals-light-grey-26);
--color-dotnet-menu-popover-background-hover: var(--color-neutrals-light-grey-96);
--color-dotnet-menu-popover-foreground-active: var(--color-neutrals-light-grey-88);
--color-dotnet-menu-popover-background-active: var(--color-neutrals-light-grey-26);
--color-dotnet-content-region-background: var(--color-neutrals-light-white);
--dotnet-speaker-card-foreground: var(--color-neutrals-light-grey-38);
--dotnet-speaker-card-background: var(--color-neutrals-light-white);
--dotnet-speaker-card-box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.04);
--dotnet-speaker-card-box-shadow-hover: 0 2px 10px 4px rgba(0, 0, 0, 0.2);
--color-agenda-time: var(--color-neutrals-dark-grey-40);
--color-agenda-summaries: var(--color-neutrals-dark-grey-18);
--color-agenda-speaker: var(--color-brand-purple-shade-20);
--color-local-events-date: var(--color-neutrals-dark-grey-24);
--color-form-input-foreground: var(--color-foreground);
--color-form-input-background: var(--color-neutrals-light-white);
--color-form-input-border: var(--color-neutrals-light-grey-82);
--logo-dark-display: none;
--logo-light-display: block;
--svg-link-arrow: url("data:image/svg+xml,%3Csvg role='presentation' width='13' height='10' viewBox='0 0 13 10' fill='%23443570' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.00001C-1.81059e-08 4.58579 0.335786 4.25001 0.75 4.25001L9.53698 4.25L6.24991 1.30894C5.94122 1.03274 5.91488 0.5586 6.19107 0.249911C6.46727 -0.0587779 6.94141 -0.0851194 7.2501 0.191076L12.0001 4.44107C12.1591 4.58335 12.25 4.78663 12.25 5C12.25 5.21338 12.1591 5.41666 12.0001 5.55894L7.2501 9.80894C6.94141 10.0851 6.46727 10.0588 6.19107 9.7501C5.91488 9.44142 5.94122 8.96727 6.24991 8.69108L9.53698 5.75L0.75 5.75001C0.335786 5.75001 1.81059e-08 5.41422 0 5.00001Z'%3E%3C/path%3E%3C/svg%3E");
}
/* Dark mode design tokens */
@media (prefers-color-scheme: dark) {
:root {
--color-foreground: var(--color-neutrals-additionals-grey-90);
--color-background: var(--color-neutrals-additionals-grey-12);
--color-title-font: var(--color-neutrals-light-white);
--color-navbar-menu-icon-fill: var(--color-brand-purple-tint-30);
--color-footer-foreground: var(--color-neutrals-additionals-grey-90);
--color-footer-background: var(--color-neutrals-additionals-grey-18);
--color-primary-gradient: linear-gradient(to bottom right, #69BCE8, #016FD1, #254695);
--color-primary-gradient-webkit: -webkit-linear-gradient(to bottom right, #016FD1, #254695, #443570);
--gradient-featured-speaker-card-01: linear-gradient(to bottom, #d600aad6 0%, #b80ab3b8 85.4%);
--gradient-featured-speaker-card-02: linear-gradient(to bottom, #b80ab3b8 0%, #9b13bd9b 100%);
--gradient-featured-speaker-card-03: linear-gradient(to bottom, #9b13bd9b 0%, #7d1dc67d 100%);
--gradient-featured-speaker-card-04: linear-gradient(to bottom, #7d1dc67d 0%, #512bd451 100%);
--gradient-featured-speaker-card-05: linear-gradient(to bottom, #512bd451 0%, #7d1dc67d 100%);
--gradient-featured-speaker-card-06: linear-gradient(to bottom, #7d1dc67d 0%, #9b13bd9b 100%);
--featured-speaker-card-foreground: var(--color-midnight-blue-primary);
--color-link-foreground: #ADB7E4;
--color-link-foreground-hover: #BCB2E5;
--color-link-foreground-active: #69BCE8;
--color-cookie-banner-foreground: var(--color-foreground);
--color-cookie-banner-background: var(--color-neutrals-additionals-grey-16);
--color-cookie-border: var(--color-brand-purple-tint-30);
--color-dotnet-btn-focus-outline: var(--color-neutrals-light-white);
--color-dotnet-solid-btn-accent-foreground: var(--color-neutrals-dark-grey-8);
--color-dotnet-solid-btn-accent-background: var(--color-brand-purple-tint-25);
--color-dotnet-solid-btn-accent-border: var(--color-brand-purple-tint-25);
--color-dotnet-solid-btn-accent-foreground-hover: var(--color-neutrals-dark-grey-8);
--color-dotnet-solid-btn-accent-background-hover: var(--color-brand-purple-tint-30);
--color-dotnet-solid-btn-accent-border-hover: var(--color-brand-purple-tint-30);
--color-dotnet-solid-btn-accent-foreground-active: var(--color-neutrals-dark-grey-8);
--color-dotnet-solid-btn-accent-background-active: var(--color-brand-purple-tint-35);
--color-dotnet-solid-btn-accent-border-active: var(--color-brand-purple-tint-35);
--color-dotnet-outline-btn-accent-foreground: var(--color-brand-purple-tint-25);
--color-dotnet-outline-btn-accent-background: transparent;
--color-dotnet-outline-btn-accent-border: var(--color-brand-purple-tint-25);
--color-dotnet-outline-btn-accent-foreground-hover: var(--color-brand-purple-tint-25);
--color-dotnet-outline-btn-accent-background-hover: var(--color-brand-purple-shade-35);
--color-dotnet-outline-btn-accent-border-hover: var(--color-brand-purple-tint-25);
--color-dotnet-outline-btn-accent-foreground-active: var(--color-brand-purple-tint-25);
--color-dotnet-outline-btn-accent-background-active: var(--color-brand-purple-shade-30);
--color-dotnet-outline-btn-accent-border-active: var(--color-brand-purple-tint-25);
--color-dotnet-link-btn-accent-foreground: var(--color-brand-purple-tint-25);
--color-dotnet-link-btn-accent-background: transparent;
--color-dotnet-link-btn-accent-border: transparent;
--color-dotnet-link-btn-accent-foreground-hover: var(--color-brand-purple-tint-30);
--color-dotnet-link-btn-accent-background-hover: transparent;
--color-dotnet-link-btn-accent-border-hover: transparent;
--color-dotnet-link-btn-accent-foreground-active: var(--color-brand-purple-tint-35);
--color-dotnet-link-btn-accent-background-active: transparent;
--color-dotnet-link-btn-accent-border-active: transparent;
--color-dotnet-link-btn-neutral-foreground: var(--color-neutrals-light-grey-96);
--color-dotnet-link-btn-neutral-background: transparent;
--color-dotnet-link-btn-neutral-border: transparent;
--color-dotnet-link-btn-neutral-foreground-hover: var(--color-neutrals-light-grey-98);
--color-dotnet-link-btn-neutral-background-hover: transparent;
--color-dotnet-link-btn-neutral-border-hover: transparent;
--color-dotnet-link-btn-neutral-foreground-active: var(--color-neutrals-light-white);
--color-dotnet-link-btn-neutral-background-active: transparent;
--color-dotnet-link-btn-neutral-border-active: transparent;
--color-dotnet-menu-popover-focus-border: var(--color-neutrals-light-white);
--color-dotnet-menu-popover-foreground: var(--color-neutrals-light-white);
--color-dotnet-menu-popover-background: var(--color-neutrals-additionals-grey-16);
--color-dotnet-menu-popover-foreground-hover: var(--color-neutrals-light-white);
--color-dotnet-menu-popover-background-hover: var(--color-neutrals-dark-grey-24);
--color-dotnet-menu-popover-foreground-active: var(--color-neutrals-light-white);
--color-dotnet-menu-popover-background-active: var(--color-neutrals-additionals-grey-28);
--color-dotnet-content-region-background: var(--color-neutrals-additionals-grey-16);
--dotnet-speaker-card-foreground: var(--color-neutrals-dark-grey-68);
--dotnet-speaker-card-background: var(--color-neutrals-additionals-grey-12);
--dotnet-speaker-card-box-shadow: 0 2px 10px 4px rgba(65, 65, 65, 0.2);
--dotnet-speaker-card-box-shadow-hover: 0 2px 10px 4px rgba(65, 65, 65, 0.8);
--color-agenda-time: var(--color-neutrals-dark-grey-68);
--color-agenda-summaries: var(--color-neutrals-dark-grey-70);
--color-agenda-speaker: var(--color-brand-purple-tint-35);
--color-local-events-date: var(--color-neutrals-dark-grey-84);
--color-form-input-foreground: var(--color-foreground);
--color-form-input-background: var(--color-neutrals-additionals-grey-16);
--color-form-input-border: var(--color-neutrals-dark-grey-36);
--logo-dark-display: block;
--logo-light-display: none;
--svg-link-arrow: url("data:image/svg+xml,%3Csvg role='presentation' width='13' height='10' viewBox='0 0 13 10' fill='%23ADB7E4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.00001C-1.81059e-08 4.58579 0.335786 4.25001 0.75 4.25001L9.53698 4.25L6.24991 1.30894C5.94122 1.03274 5.91488 0.5586 6.19107 0.249911C6.46727 -0.0587779 6.94141 -0.0851194 7.2501 0.191076L12.0001 4.44107C12.1591 4.58335 12.25 4.78663 12.25 5C12.25 5.21338 12.1591 5.41666 12.0001 5.55894L7.2501 9.80894C6.94141 10.0851 6.46727 10.0588 6.19107 9.7501C5.91488 9.44142 5.94122 8.96727 6.24991 8.69108L9.53698 5.75L0.75 5.75001C0.335786 5.75001 1.81059e-08 5.41422 0 5.00001Z'%3E%3C/path%3E%3C/svg%3E");
}
}
/* Global styles */
h1,
h1.siteTitle,
footer .footer-bottom p,
h2,
h3,
h4,
p {
color: var(--color-foreground);
}
a {
color: var(--color-link-foreground);
}
a:hover {
color: var(--color-link-foreground-hover);
text-decoration: underline;
}
a:active {
color: var(--color-link-foreground-active);
text-decoration: underline;
}
a:focus-visible {
outline: solid var(--dotnet-btn-focus-outline-width) var(--color-dotnet-btn-focus-outline);
outline-offset: var(--dotnet-btn-focus-outline-offset);
}
.hide {
display: none;
}
.visible-dark {
display: var(--logo-dark-display);
}
.visible-light {
display: var(--logo-light-display);
}
/* Font styles */
h1 {
font-size: 2.5rem;
font-weight: 700;
font-style: normal;
line-height: 3.25rem;
text-decoration: none;
text-transform: none;
color: var(--color-title-font);
}
h2,
.font-title-1 {
font-size: 2rem;
font-weight: 700;
font-style: normal;
line-height: 2.75rem;
text-decoration: none;
text-transform: none;
color: var(--color-title-font);
}
h3,
.font-title-2 {
font-size: 1.75rem;
font-weight: 700;
font-style: normal;
line-height: 2.5rem;
text-decoration: none;
text-transform: none;
color: var(--color-title-font);
margin: 0;
}
h3 > a {
font-size: 1.75rem;
font-weight: 700;
font-style: normal;
line-height: 2.5rem;
text-decoration: none !important;
text-transform: none;
color: var(--color-link-foreground);
}
h4 {
font-size: 1.5rem;
font-weight: 700;
font-style: normal;
line-height: 2.25rem;
text-decoration: none;
text-transform: none;
color: var(--color-title-font);
}
h5 {
font-size: 1.25rem;
font-weight: 600;
font-style: normal;
line-height: 1.875rem;
text-decoration: none;
text-transform: none;
color: var(--color-title-font);
}
h6,
.font-subtitle-2 {
font-size: 1.125rem;
font-weight: 600;
font-style: normal;
line-height: 1.688rem;
text-decoration: none;
text-transform: none;
color: var(--color-title-font);
}
.font-strong {
font-weight: 600;
}
.font-stronger {
font-weight: 700;
}
.font-underline {
text-decoration: underline;
}
/* Background gradient ellipses */
.viewport-container {
position: absolute;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
overflow: hidden;
z-index: -1;
}
.bg-gradient-ellipse {
position: absolute;
width: 100%;
height: auto;
z-index: -1;
overflow: clip;
}
.bg-gradient-ellipse:nth-child(1) {
left: -50%;
top: -20%;
transform: rotate(20deg);
}
.bg-gradient-ellipse:nth-child(2) {
left: 40%;
top: -5%;
transform: rotate(33deg);
}
.bg-gradient-ellipse:nth-child(3) {
left: -25%;
top: 30%;
}
.bg-gradient-ellipse:nth-child(4) {
left: -5%;
top: 55%;
transform: rotate(33deg);
}
.bg-gradient-ellipse:nth-child(5) {
left: 30%;
top: 80%;
}
/* Nav Brand Logo*/
.brand-logo {
margin: 0px;
width: 230px;
}
/* Navbar */
.container.custom-container {
padding: 0px;
margin-top: 32px;
}
.navbar-toggler {
background-color: unset;
}
@media (prefers-color-scheme: light) {
.navbar-dark .navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8, ");
}
}
@media (prefers-color-scheme: dark) {
.navbar-dark .navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8, ");
}
}
.static-top.navbar-dark {
background-color: transparent;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
padding: 0 0 0 0;
height: 100px
}
.navbar-dark .navbar-toggler:focus {
border: none;
box-shadow: none;
}
.navbar-dark .navbar-toggler {
border: none;
}
.navbar-dark .navbar-toggler:hover {
background-color: unset;
border-color: unset;
}
.navbar-dark .navbar-toggler:focus {
border: 1px solid var(--color-dotnet-btn-focus-outline);
background-color: unset;
}
.navbar-expand-xl .navbar-collapse {
overflow: visible;
}
.static-top.navbar .menu-bar>.navbar-nav>li {
list-style: none;
padding: 0;
margin: 0 0 0 40px;
}
.static-top.navbar .menu-bar>.navbar-nav * a {
color: var(--color-foreground);
font-weight: 600;
text-decoration: none !important;
position: relative;
}
.static-top.navbar .menu-bar>.navbar-nav>a:focus-visible {
outline: none;
}
.static-top.navbar .menu-bar>.navbar-nav>.divider-vertical {
display: none;
}
/* Navbar dropdown */
@media (max-width: 1199.98px) {
.static-top.navbar .menu-bar {
max-width: 250px;
}
.static-top.navbar .menu-bar>.navbar-nav * a:focus,
.static-top.navbar .menu-bar>.navbar-nav * a:hover,
.static-top.navbar .menu-bar>.navbar-nav>.navbar-links a:focus-visible {
color: var(--color-foreground);
background-color: var(--color-dotnet-menu-popover-background-hover);
text-decoration: none !important;
border-radius: var(--corner-radius-xs);
}
.static-top.navbar .menu-bar>.navbar-nav * a:focus {
border: 1px solid var(--color-dotnet-btn-focus-outline) !important;
background-color: var(--color-dotnet-menu-popover-background);
outline: none;
}
.navbar-dark .navbar-nav>li>a:focus-visible,
.navbar-dark .navbar-nav>li.dropdown>a:focus-visible {
background-color: var(--color-dotnet-menu-popover-background-active);
color: var(--color-foreground);
text-decoration: none;
border-radius: var(--corner-radius-xs);
}
.static-top.navbar .menu-bar>.navbar-nav {
color: var(--color-dotnet-menu-popover-foreground);
background-color: var(--color-dotnet-menu-popover-background);
border: solid var(--dotnet-btn-border-width) var(--color-dotnet-menu-popover-background);
border-radius: var(--corner-radius-xs);
margin-left: 0;
margin-right: 0;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
padding: 4px 6px;
}
.static-top.navbar .menu-bar>.navbar-nav>li>a {
padding: 8px 10px 8px 10px;
margin: 0px;
vertical-align: middle;
font-size: 14px;
font-weight: 600;
}
.static-top.navbar .menu-bar>.navbar-nav>li {
list-style: none;
padding: 2px;
margin: 0px;
}
}
/* Navbar large */
@media (min-width: 1200px) {
.static-top.navbar .menu-bar>.navbar-nav * a:hover::after,
.static-top.navbar .menu-bar>.navbar-nav * a:focus-visible::after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
height: 6px;
width: 75%;
border-radius: 4px;
background: var(--color-primary-gradient);
}
.static-top.navbar .menu-bar>.navbar-nav * a:focus,
.static-top.navbar .menu-bar>.navbar-nav * a:hover,
.static-top.navbar .menu-bar>.navbar-nav>.navbar-links a:focus-visible {
color: var(--color-foreground);
background-color: unset;
text-decoration: none !important;
}
}
/* Footer */
footer .footer-bottom {
background-color: var(--color-footer-background);
padding: 16px;
min-height: unset;
}
.wrapper-body {
min-height: calc(100vh - 156px);
margin-left: 16px;
margin-right: 16px;
}
.link-card {
display: block;
border: none;
border-radius: var(--corner-radius-xs);
text-decoration: none;
padding: 20px;
display: flex;
flex: 1 1 0;
min-width: 200px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
text-align: center;
height: 246px;
p.font-display-2 {
font-size: 3rem;
font-weight: 700;
}
p.font-subtitle-2 {
font-size: 1.25rem;
font-weight: 600;
}
> p {
color: var(--color-neutrals-light-white);
}
}
.card-gradient-01 {
background: linear-gradient(128.87deg, #016FD1 14.05%, #254695 50%, #443570 89.3%);
}
.card-gradient-02 {
background: linear-gradient(128.87deg, #292929 14.05%, #0A0A0A 89.3%);
}
/* Home Page */
#page-Home {
/* 1 Hero */
.hero-image-box {
width: 400px;
margin-left: -20px;
}
.text-start:nth-child(1) {
h1 {
line-height: 4.25rem;
}
}
/* 2 Gradient Blocks */
.text-start:nth-child(2) {
.ppFlexContainer {
flex-wrap: wrap;
}
}
/* 3 Home Content */
.text-start:nth-child(3) {
h2 {
margin-top: 0px;
}
p {
font-size: 1rem;
font-weight: 400;
font-style: normal;
line-height: 1.5rem;
}
div {
gap: 16px !important;
}
}
/* Get Involved */
.text-start:nth-child(4) {
.columnBlockLayout {
gap: var(--grid-gap-desktop);
border-radius: var(--corner-radius-xl);
background-color: var(--color-dotnet-content-region-background);
padding: 32px 32px !important;
}
>div>div>div {
gap: 32px !important;
}
h2 {
margin-top: 0px;
}
p:nth-child(1) {
font-size: 1.25rem;
font-weight: 600;
}
p:nth-child(2) {
font-size: 1rem;
font-weight: 600;
color: var(--color-brand-primary);
}
a {
font-size: 1rem;
font-weight: 600;
text-decoration:none;
}
a::after {
content: var(--svg-link-arrow);
display: inline-block;
margin-left: 8px;
vertical-align: middle;
}
a:hover::after {
transform: translateX(4px);
transition: transform 200ms ease-out;
}
}
.pi-symbol {
position: fixed;
bottom: 10px;
right: 10px;
font-size: 18px;
text-decoration: none;
color: var(--color-foreground);
z-index:1;
height:18px;
width:18px;
display: flex;
justify-content: center;
align-items: center;
padding-bottom:2px;
}
.pi-symbol:hover {
background-color: var(--color-foreground);
color: var(--color-background);
text-decoration:none !important;
border-radius:4px;
}
}
.power-pages-logo
{
width: 24px;
}
/* Agenda */
.grid {
display: grid;
grid-template-columns: var(--grid-template-desktop);
gap: var(--grid-gap-desktop);
row-gap: var(--vertical-gap-desktop);
}
.vertical-gap {
margin-bottom: var(--vertical-gap-desktop);
margin-top: 0px;
}
.agenda-container > div {
margin-bottom: 36px;
}
.agenda-group-title {
grid-column: span 3;
background: var(--color-primary-gradient);
background-clip: text;
-webkit-background: var(--color-primary-gradient-webkit);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.agenda-group-title {
grid-column: span 3;
background: var(--color-primary-gradient);
background-clip: text;
-webkit-background: var(--color-primary-gradient-webkit);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.agenda-group-gradient-line {
grid-column: 4 / span 1;
width: 8px;
height: 100%;
border-radius: var(--corner-radius-xs);
background: var(--color-primary-gradient);
}
.agenda-group-sessions-container {
grid-column: 5 / span 7;
}
.agenda-session {
margin-bottom: 32px;
}
.agenda-session:last-child{
margin-bottom: 0px;
}
.agenda-session > a:hover {
text-decoration: none !important;
}
.agenda-speaker-name {
color: var(--color-agenda-speaker);
margin-bottom: 4px;
}
.speaker-info {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.speaker-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 10px;
}
/* Size breakpoints */
/* Tablet styles */
@media screen and (max-width: 1248px) {
h1 {
font-size: 2rem;
font-weight: 700;
font-style: normal;
line-height: 2.75rem;
text-decoration: none;
text-transform: none;
}
h2,
.font-title-1 {
font-size: 1.75rem;
font-weight: 700;
font-style: normal;
line-height: 2.5rem;
text-decoration: none;
text-transform: none;
}
h3,
.font-title-2 {
font-size: 1.625rem;
font-weight: 700;
font-style: normal;
line-height: 2.478rem;
text-decoration: none;
text-transform: none;
}
h4 {
font-size: 1.5rem;
font-weight: 700;
font-style: normal;
line-height: 2.25rem;
text-decoration: none;
text-transform: none;
}
h5 {
font-size: 1.25rem;
font-weight: 600;
font-style: normal;
line-height: 1.875rem;
text-decoration: none;
text-transform: none;
}
h6 {
font-size: 1.125rem;
font-weight: 600;
font-style: normal;
line-height: 1.688rem;
text-decoration: none;
text-transform: none;
}
}
/* Small tablet styles */
@media screen and (max-width: 845px) {
.hero-image-box {
display: none;
}
.link-card {
flex: 1 1 100%;
}
}
/* Mobile styles */
@media screen and (max-width: 539px) {
h1 {
font-size: 1.75rem;
font-weight: 700;
font-style: normal;
line-height: 2.5rem;
text-decoration: none;
text-transform: none;
}
h2,
.font-title-1 {
font-size: 1.625rem;
font-weight: 700;
font-style: normal;
line-height: 2.438rem;
text-decoration: none;
text-transform: none;
}
h3,
.font-title-2
{
font-size: 1.5rem;
font-weight: 700;
font-style: normal;
line-height: 2.25rem;
text-decoration: none;
text-transform: none;
}
h4 {
font-size: 1.25rem;
font-weight: 700;
font-style: normal;
line-height: 1.875rem;
text-decoration: none;
text-transform: none;
}
h5 {
font-size: 1.125rem;
font-weight: 600;
font-style: normal;
line-height: 1.688rem;
text-decoration: none;
text-transform: none;
}
h6 {
font-size: 1.062rem;
font-weight: 600;
font-style: normal;
line-height: 1.594rem;
text-decoration: none;
text-transform: none;
}
.grid {
display: grid;
grid-template-columns: var(--grid-template-mobile);
gap: var(--grid-gap-mobile);
row-gap: var(--vertical-gap-mobile);
}
.vertical-gap {
margin-bottom: var(--vertical-gap-mobile);
}
/* Home Page Mobile */
#page-Home {
/* 3 Home Content Mobile */
.text-start:nth-child(3) {
.ppFlexContainer {
display:block !important;
}
}
/* Get Involved Mobile */
.text-start:nth-child(4) {
.ppFlexContainer {
display:block !important;
}
}
/* Stay connected Mobile */
.text-start:nth-child(5) {
.ppFlexContainer {
display:block !important;
}
}
}
/* Agenda Mobile */
.agenda-group-title {
grid-column: span 6;
}
.agenda-group-gradient-line {
grid-column: span 6;
width: 100%;
height: 4px;
}
.agenda-group-sessions-container {
grid-column: span 6;
}
}