/*specific pages container*/ .home-custom-css{} .community-custom-css{} .agenda-custom-css{} .speakers-custom-css{} /*main container of each section*/ .main-app-container {} /* call-to-action buttons e.g: Register, Join The Community etc */ .btn-register {} /*Top navigation bar container*/ .template-nav {} /*Top navigation bar items container*/ #bs-example-navbar-collapse-1 {} /*social share buttons container*/ .social-share-button {} /*social share buttons per social network*/ .social-share-button.facebook {} .social-share-button.twitter {} .social-share-button.linkedin {} .social-share-button.google {} :root { --colors-brand-primary-hitachi-black: #000000; --colors-brand-primary-hitachi-white: #FFFFFF; --colors-brand-primary-hitachi-red: #CC0000; --colors-brand-primary-hitachi-grey: #EEF1F5; --colors-brand-primary-colour-05: #FFF400; --colors-brand-primary-colour-06: #BCFF00; --colors-brand-accents-green-01: #00FF6D; --colors-brand-accents-green-02: #00FF6D; --colors-brand-accents-green-03: #00FF6D; --colors-brand-accents-yellow-01: #00FF6D; --colors-brand-accents-yellow-02: #00FF6D; --colors-brand-accents-yellow-03: #00FF6D; --colors-brand-accents-blue-01: #00FF6D; --colors-brand-accents-blue-02: #00FF6D; --colors-brand-accents-blue-03: #00FF6D; --colors-brand-accents-red-01: #00FF6D; --colors-brand-accents-red-02: #00FF6D; --colors-brand-accents-red-03: #00FF6D; --colors-brand-neutrals-neutral-01: #00FF6D; --colors-brand-neutrals-neutral-02: #00FF6D; --colors-brand-neutrals-neutral-03: #00FF6D; --colors-brand-neutrals-neutral-04: #00FF6D; --colors-brand-neutrals-neutral-05: #00FF6D; --colors-brand-tints-800: #FFFFFF; --colors-brand-tints-600: #FFFFFF; --colors-brand-tints-400: #FFFFFF; --colors-brand-tints-200: #FFFFFF; --colors-brand-tints-50: #FFFFFF; --colors-brand-primary-colour-07: #FFFFFF; --colors-brand-primary-colour-08: #FFFFFF; --color-text-headings-heading-primary: var(--colors-brand-primary-hitachi-black); --color-text-headings-heading-secondary: var(--colors-brand-primary-hitachi-red); --color-text-headings-heading-tertiary: var(--colors-brand-primary-hitachi-grey); --color-text-headings-heading-inverted: var(--colors-brand-primary-hitachi-white); --color-text-headings-h1: var(--color-text-headings-heading-primary); --color-text-headings-h2: var(--color-text-headings-heading-secondary); --color-text-headings-h3: var(--colors-brand-primary-hitachi-black); --color-text-headings-h4: var(--colors-brand-primary-hitachi-black); --color-text-headings-h5: var(--colors-brand-primary-hitachi-black); --color-text-headings-h6: var(--color-text-headings-heading-tertiary); --color-text-headings-h1-inverted: var(--color-text-headings-heading-inverted); --color-text-headings-h2-inverted: var(--color-text-headings-heading-inverted); --color-text-headings-h3-inverted: var(--color-text-headings-heading-inverted); --color-text-headings-h4-inverted: var(--color-text-headings-heading-inverted); --color-text-headings-h5-inverted: var(--color-text-headings-heading-inverted); --color-text-headings-h6-inverted: var(--color-text-headings-heading-inverted); --color-text-body-txt-primary: var(--colors-brand-primary-hitachi-black); --color-text-body-txt-secondary: var(--colors-brand-primary-hitachi-red); --color-text-body-txt-brand: var(--colors-brand-primary-hitachi-grey); --color-button-default-state-primary-btn-primary-bg: var(--colors-brand-primary-hitachi-black); --color-button-default-state-primary-btn-txt-primary: var(--color-text-body-txt-invert); --color-text-body-txt-invert: var(--colors-brand-primary-hitachi-white); --color-text-body-hyperlink: var(--colors-brand-primary-hitachi-red); --color-text-body-hyperlink-hover: var(--colors-brand-primary-hitachi-red); --color-text-body-hyperlink-inverted: var(--colors-brand-primary-hitachi-grey); --color-text-body-hyperlink-inverted-hover: var(--colors-brand-primary-hitachi-black); --color-button-default-state-primary-btn-primary-stroke: var(--color-stroke-stroke-inverted); --color-button-default-state-secondary-btn-secondary-bg: var(--colors-brand-primary-hitachi-red); --color-button-default-state-tertiary-btn-tertiary-bg: var(--colors-brand-primary-hitachi-grey); --color-button-default-state-tertiary-btn-txt-tertiary: var(--colors-brand-primary-hitachi-black); --color-button-default-state-tertiary-btn-tertiary-stroke: var(--color-stroke-stroke-tertiary); --color-button-default-state-secondary-btn-txt-secondary: var(--colors-brand-primary-hitachi-white); --color-button-default-state-secondary-btn-secondary-stroke: var(--color-stroke-stroke-secondary); --color-button-default-state-inverted-btn-inverted-bg: var(--colors-brand-primary-hitachi-black); --color-button-default-state-inverted-btn-txt-inverted: var(--colors-brand-primary-hitachi-white); --color-backgrounds-bg-base: var(--colors-brand-primary-hitachi-white); --color-backgrounds-bg-inverted: var(--colors-brand-primary-hitachi-black); --color-backgrounds-bg-color-a1: var(--colors-brand-primary-hitachi-grey); --color-backgrounds-bg-color-a2: var(--colors-brand-primary-hitachi-grey); --color-backgrounds-bg-color-a3: var(--colors-brand-primary-hitachi-grey); --color-backgrounds-bg-color-a4: var(--colors-brand-primary-hitachi-grey); --color-backgrounds-bg-color-b1: var(--colors-brand-primary-hitachi-grey); --color-backgrounds-bg-translucent: #FFFFFF00; --color-button-default-state-inverted-btn-inverted-stroke: var(--colors-brand-primary-hitachi-white); --color-button-hover-state-primary-btn-primary-bg-hover: var(--color-button-default-state-primary-btn-primary-bg); --color-button-hover-state-primary-btn-txt-primary-hover: var(--colors-brand-primary-hitachi-white); --color-button-hover-state-secondary-btn-secondary-bg-hover: var(--color-button-default-state-secondary-btn-secondary-bg); --color-button-hover-state-secondary-btn-txt-secondary-hover: var(--colors-brand-primary-hitachi-white); --color-button-hover-state-tertiary-btn-tertiary-bg-hover: var(--color-button-default-state-tertiary-btn-tertiary-bg); --color-button-hover-state-tertiary-btn-txt-tertiary-hover: var(--colors-brand-primary-hitachi-black); --color-button-hover-state-inverted-btn-inverted-bg-hover: var(--color-button-default-state-inverted-btn-inverted-bg); --color-button-hover-state-inverted-btn-txt-inverted-hover: var(--color-button-default-state-inverted-btn-txt-inverted); --color-button-hover-state-primary-btn-primary-stroke-hover: var(--color-stroke-stroke-primary); --color-button-hover-state-secondary-btn-secondary-stroke-hover: var(--color-stroke-stroke-secondary); --color-button-hover-state-tertiary-btn-tertiary-stroke-hover: var(--color-stroke-stroke-tertiary); --color-stroke-stroke-neutral: var(--colors-brand-primary-hitachi-grey); --color-button-hover-state-inverted-btn-inverted-stroke-hover: var(--color-stroke-stroke-inverted); --color-stroke-stroke-primary: var(--colors-brand-primary-hitachi-black); --color-stroke-stroke-secondary: var(--colors-brand-primary-hitachi-red); --color-stroke-stroke-tertiary: var(--colors-brand-primary-hitachi-grey); --color-stroke-stroke-inverted: var(--colors-brand-primary-hitachi-white); --image-treatments-custom-elements-img-stroke: var(--color-button-default-state-primary-btn-primary-stroke); --image-treatments-speakers-profiles-speaker-stroke: var(--color-stroke-stroke-primary); --color-highlights-brand-highlight-1: var(--colors-brand-primary-hitachi-red); --image-treatments-custom-elements-img-solid-shadow: var(--color-highlights-brand-highlight-1); --image-treatments-speakers-profiles-speaker-solid-shadow: var(--color-button-brand-highlight-2); --image-treatments-sponsors-sponsor-stroke: var(--color-stroke-stroke-primary); --image-treatments-sponsors-sponsor-solid-shadow: var(--color-highlights-brand-highlight-3); --color-highlights-brand-highlight-3: var(--colors-brand-primary-hitachi-red); --color-highlights-brand-highlight-4: var(--colors-brand-primary-hitachi-black); --color-button-btn-radius: 360px; --color-button-brand-highlight-2: var(--colors-brand-primary-hitachi-black); --color-button-btn-outline-thickness: 2px; --image-treatments-custom-elements-img-radius: 20px; --color-icons-icon-primary: var(--colors-brand-primary-hitachi-black); --color-icons-icon-secondary: var(--colors-brand-primary-hitachi-red); --color-icons-icon-tertiary: var(--colors-brand-primary-hitachi-grey); --color-icons-icon-invert: var(--colors-brand-primary-hitachi-white); --color-button-outline-state-primary-btn-txt-primary: var(--color-text-body-txt-primary); --color-button-outline-state-primary-btn-primary-stroke: var(--color-stroke-stroke-primary); --color-button-outline-state-secondary-btn-txt-secondary: var(--colors-brand-primary-hitachi-black); --color-button-outline-state-secondary-btn-secondary-stroke: var(--color-stroke-stroke-secondary); --color-button-outline-state-tertiary-btn-txt-tertiary: var(--colors-brand-primary-hitachi-grey); --color-button-outline-state-tertiary-btn-tertiary-stroke: var(--color-stroke-stroke-tertiary); --color-button-outline-state-inverted-btn-txt-inverted: var(--colors-brand-primary-hitachi-white); --color-button-outline-state-inverted-btn-inverted-stroke: var(--colors-brand-primary-hitachi-white); --venue-page-nav-bar-venue-nav-bar-txt: var(--agenda-page-search-filters-search-bar-agenda-search-bar-txt); --venue-page-nav-bar-venue-nav-bar-strk: var(--agenda-page-search-filters-search-bar-agenda-search-stroke); --venue-page-nav-bar-venue-nav-bar-filter-txt: var(--agenda-page-search-filters-search-bar-agenda-search-bar-txt); --venue-page-nav-bar-venue-filter-carat: var(--agenda-page-search-filters-search-bar-agenda-search-icons); --venue-page-nav-bar-venue-nav-bar-live-now: var(--color-backgrounds-bg-color-b1); --venue-page-nav-bar-venue-nav-bar-fav-session-icon: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-fav-icon); --venue-page-nav-bar-venue-nav-bar-profile-icon: var(--agenda-page-search-filters-search-bar-agenda-search-icons); --venue-page-nav-bar-venue-nav-bar-date: var(--agenda-page-session-tile-session-details-agenda-session-date); --venue-page-nav-bar-venue-nav-bar-fav-session-txt: var(--agenda-page-session-tile-session-details-agenda-session-description); --venue-page-nav-bar-venue-nav-bar-btn-bg: var(--agenda-page-search-filters-search-bar-agenda-search-bar-bg); --venue-page-nav-bar-venue-dropdown-tile-strk: var(--agenda-page-search-filters-search-bar-agenda-search-stroke); --venue-page-nav-bar-venue-session-fav-btn-bg: var(--color-button-default-state-primary-btn-primary-bg); --venue-page-nav-bar-venue-session-fav-btn-strk: var(--venue-page-nav-bar-venue-nav-bar-strk); --venue-page-nav-bar-venue-session-fav-btn-txt: var(--venue-page-nav-bar-venue-nav-bar-txt); --venue-page-side-bar-venue-side-bar-bg: var(--venue-page-session-tile-venue-tile-bg); --venue-page-side-bar-venue-side-bar-search-txt: var(--agenda-page-search-filters-search-bar-agenda-search-bar-txt); --venue-page-side-bar-venue-side-bar-messages-txt: var(--venue-page-nav-bar-venue-nav-bar-filter-txt); --venue-page-side-bar-venue-side-bar-messages-icon: var(--agenda-page-search-filters-search-bar-agenda-search-icons); --venue-page-side-bar-venue-side-bar-rewards-txt: var(--venue-page-nav-bar-venue-nav-bar-filter-txt); --venue-page-side-bar-venue-side-bar-rewards-icon: var(--agenda-page-search-filters-search-bar-agenda-search-icons); --venue-page-side-bar-venue-side-bar-strokes: var(--venue-page-session-tile-venue-dividing-lines); --venue-page-side-bar-venue-side-bar-arrows: var(--agenda-page-search-filters-day-tab-section-agenda-day-switch-icons); --venue-page-side-bar-venue-side-bar-txt: var(--agenda-page-search-filters-day-tab-section-agenda-day-tab-txt); --venue-page-session-tile-venue-tile-bg: var(--agenda-page-search-filters-agenda-search-filters-section-bg); --venue-page-session-tile-venue-run-time-txt: var(--agenda-page-session-tile-session-details-agenda-session-time); --venue-page-session-tile-venue-description-txt: var(--agenda-page-session-tile-session-details-agenda-session-description); --venue-page-session-tile-venue-location-txt: var(--venue-page-session-tile-venue-tile-bg); --venue-page-session-tile-venue-dividing-lines: var(--agenda-page-session-tile-tile-styling-agenda-session-tile-stroke); --venue-page-session-tile-venue-title-txt: var(--agenda-page-session-tile-session-details-agenda-session-title); --venue-page-session-tile-venue-host-name-role-description-txt: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-info); --venue-page-session-tile-venue-sponsor-txt: var(--agenda-page-session-tile-sponsor-details-agenda-session-sponsored-by); --venue-page-session-tile-venue-fav-icon: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-fav-icon); --venue-page-session-tile-venue-ticket-tag-bg: var(--venue-page-session-tile-venue-tile-bg); --venue-page-session-tile-venue-ticket-tag-txt: var(--agenda-page-session-tile-session-details-agenda-session-description); --venue-page-session-tile-venue-tile-radius: 8px; --venue-page-session-tile-venue-img-radius: 8px; --venue-page-session-tile-venue-watch-recording-btn-bg: var(--agenda-page-session-tile-join-session-button-agenda-session-join-bg); --venue-page-session-tile-venue-watch-recording-btn-txt: var(--agenda-page-session-tile-join-session-button-agenda-session-join-txt); --venue-page-session-tile-venue-watch-recording-btn-strk: var(--agenda-page-session-tile-join-session-button-agenda-session-join-stroke); --venue-page-session-tile-venue-watch-recording-radius: 8px; --venue-page-tags-venue-session-tag-txt: var(--agenda-page-search-filters-search-bar-agenda-search-bar-txt); --venue-page-tags-venue-session-tag-strk: var(--agenda-page-search-filters-search-bar-agenda-search-stroke); --venue-page-tags-venue-session-tag-bg: var(--agenda-page-search-filters-search-bar-agenda-search-bar-bg); --venue-page-tags-venue-tag-radius: 8px; --venue-page-video-assets-venue-play-bar-bg: var(--colors-brand-primary-hitachi-black); --venue-page-video-assets-venue-play-bar-txt: var(--color-text-body-txt-invert); --venue-page-video-assets-venue-play-bar-toggle: var(--venue-page-video-assets-venue-play-bar-icons); --venue-page-video-assets-venue-play-bar-icons: var(--color-icons-icon-invert); --venue-page-video-assets-venue-play-bar-fill: var(--color-backgrounds-bg-color-b1); --venue-page-speaker-cards-venue-speaker-card-name: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-title); --venue-page-speaker-cards-venue-speaker-card-job-title: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-title); --venue-page-speaker-cards-venue-speaker-card-job-company: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-info); --venue-page-speaker-cards-venue-speaker-card-bg: var(--color-backgrounds-bg-color-b1); --venue-page-speaker-cards-imageradius: 8px; --color: #FFFFFF; --nav-bar-navbar-background-1: var(--color-backgrounds-bg-base); --nav-bar-navbar-stroke-1: var(--color-stroke-stroke-primary); --nav-bar-navbar-txt-1: var(--color-text-body-txt-primary); --nav-bar-navbar-txt-hover-1: var(--color-text-body-txt-secondary); --nav-bar-navbar-profile-icon-1: var(--colors-brand-primary-hitachi-black); --nav-bar-navbar-burger-1: var(--colors-brand-primary-hitachi-black); --nav-bar-navbar-dropdown-background-1: var(--nav-bar-navbar-background-1); --nav-bar-navbar-venue-bg: var(--nav-bar-navbar-stroke-1); --nav-bar-navbar-venue-txt: var(--color-text-body-txt-invert); --header-header-bg-1: var(--color-highlights-brand-highlight-1); --header-header-bg-2: var(--colors-brand-primary-hitachi-white); --header-header-bg-3: var(--color-highlights-brand-highlight-3); --header-header-txt-1: var(--color-text-headings-heading-inverted); --footer-footer-background-a1: var(--color-backgrounds-bg-inverted); --footer-footer-background-a2: var(--color-highlights-brand-highlight-1); --footer-footer-background-b1: var(--color-backgrounds-bg-color-a1); --footer-footer-background-b2: var(--color-highlights-brand-highlight-1); --footer-footer-txt-a: var(--color-text-body-txt-invert); --footer-footer-txt-b: var(--color-text-body-txt-primary); --speaker-sections-speaker-img-radius: 8px; --speaker-sections-speaker-card-radius: 16px; --speaker-sections-speaker-card-stroke-thickness: 2px; --speaker-sections-speaker-social-icon-stroke: var(--color-icons-icon-primary); --speaker-sections-speaker-social-icon-bg: var(--color-backgrounds-bg-translucent); --speaker-sections-colorway-1-speaker-card-bg-1: var(--colors-brand-primary-hitachi-white); --speaker-sections-colorway-1-speaker-card-outline-1: var(--color-stroke-stroke-secondary); --speaker-sections-colorway-1-speaker-card-name-1: var(--color-text-headings-heading-primary); --speaker-sections-colorway-1-speaker-card-title-1: var(--color-text-body-txt-primary); --speaker-sections-colorway-1-speaker-card-company-1: var(--color-text-body-txt-primary); --speaker-sections-colorway-1-speaker-social-icon-stroke-1: var(--speaker-sections-speaker-social-icon-stroke); --speaker-sections-colorway-1-speaker-social-icon-bg-1: var(--speaker-sections-speaker-social-icon-bg); --speaker-sections-colorway-1-speaker-section-title-1: var(--color-text-headings-h1); --speaker-sections-colorway-1-speaker-section-bg-1: var(--colors-brand-primary-hitachi-grey); --speaker-sections-colorway-1-speaker-card-img-radius-1: var(--speaker-sections-speaker-img-radius); --speaker-sections-colorway-1-speaker-card-radius-1: var(--speaker-sections-speaker-card-radius); --speaker-sections-colorway-1-speaker-stroke-1: var(--color-stroke-stroke-primary); --speaker-sections-colorway-1-speaker-solid-shadow-1: var(--color-highlights-brand-highlight-1); --speaker-sections-colorway-2-speaker-card-bg-2: var(--colors-brand-primary-hitachi-white); --speaker-sections-colorway-2-speaker-card-outline-2: var(--color-stroke-stroke-secondary); --speaker-sections-colorway-2-speaker-card-name-2: var(--color-text-headings-heading-primary); --speaker-sections-colorway-2-speaker-card-title-2: var(--color-text-body-txt-primary); --speaker-sections-colorway-2-speaker-card-company-2: var(--color-text-body-txt-primary); --speaker-sections-colorway-2-speaker-social-icon-stroke-2: var(--speaker-sections-speaker-social-icon-stroke); --speaker-sections-colorway-2-speaker-social-icon-bg-2: var(--speaker-sections-speaker-social-icon-bg); --speaker-sections-colorway-2-speaker-section-title-2: var(--color-text-headings-h1); --speaker-sections-colorway-2-speaker-section-bg-2: var(--color-backgrounds-bg-base); --speaker-sections-colorway-2-speaker-card-img-radius-2: var(--speaker-sections-speaker-img-radius); --speaker-sections-colorway-2-speaker-card-radius-2: var(--speaker-sections-speaker-card-radius); --speaker-sections-colorway-2-speaker-stroke-2: var(--color-stroke-stroke-tertiary); --speaker-sections-colorway-2-speaker-solid-shadow-2: var(--color-button-brand-highlight-2); --speaker-sections-colorway-3-speaker-card-bg-3: var(--colors-brand-primary-colour-05); --speaker-sections-colorway-3-speaker-card-outline-3: var(--color-highlights-brand-highlight-3); --speaker-sections-colorway-3-speaker-card-name-3: var(--color-text-headings-heading-inverted); --speaker-sections-colorway-3-speaker-card-title-3: var(--color-text-body-txt-invert); --speaker-sections-colorway-3-speaker-card-company-3: var(--color-text-body-txt-invert); --speaker-sections-colorway-3-speaker-social-icon-stroke-3: var(--speaker-sections-speaker-social-icon-stroke); --speaker-sections-colorway-3-speaker-social-icon-bg-3: var(--speaker-sections-speaker-social-icon-bg); --speaker-sections-colorway-3-speaker-section-title-3: var(--color-text-headings-h3); --speaker-sections-colorway-3-speaker-section-bg-3: var(--color-backgrounds-bg-color-a3); --speaker-sections-colorway-3-speaker-card-img-radius-3: var(--speaker-sections-speaker-img-radius); --speaker-sections-colorway-3-speaker-card-radius-3: var(--speaker-sections-speaker-card-radius); --speaker-sections-colorway-3-speaker-stroke-3: var(--colors-brand-primary-colour-05); --speaker-sections-colorway-3-speaker-solid-shadow-3: var(--color-highlights-brand-highlight-3); --speaker-sections-colorway-4-speaker-card-bg-4: var(--colors-brand-primary-colour-06); --speaker-sections-colorway-4-speaker-card-outline-4: var(--color-highlights-brand-highlight-3); --speaker-sections-colorway-4-speaker-card-name-4: var(--color-text-headings-heading-inverted); --speaker-sections-colorway-4-speaker-card-title-4: var(--color-text-body-txt-invert); --speaker-sections-colorway-4-speaker-card-company-4: var(--color-text-body-txt-invert); --speaker-sections-colorway-4-speaker-social-icon-stroke-4: var(--speaker-sections-speaker-social-icon-stroke); --speaker-sections-colorway-4-speaker-social-icon-bg-4: var(--speaker-sections-speaker-social-icon-bg); --speaker-sections-colorway-4-speaker-section-title-4: var(--color-text-headings-h4); --speaker-sections-colorway-4-speaker-section-bg-4: var(--color-backgrounds-bg-color-a4); --speaker-sections-colorway-4-speaker-card-img-radius-4: var(--speaker-sections-speaker-img-radius); --speaker-sections-colorway-4-speaker-card-radius-4: var(--speaker-sections-speaker-card-radius); --speaker-sections-colorway-4-speaker-stroke-4: var(--colors-brand-primary-colour-06); --speaker-sections-colorway-4-speaker-solid-shadow-4: var(--color-highlights-brand-highlight-4); --key-speaker-elements-speaker-img-radius: 8px; --key-speaker-elements-speaker-card-radius: 8px; --key-speaker-elements-colorway-1-speaker-bg-1: var(--color-backgrounds-bg-inverted); --key-speaker-elements-colorway-1-speaker-name-1: var(--color-text-headings-heading-secondary); --key-speaker-elements-colorway-1-speaker-title-1: var(--color-text-headings-heading-inverted); --key-speaker-elements-colorway-1-speaker-company-1: var(--color-text-headings-heading-inverted); --key-speaker-elements-colorway-1-speaker-txt-1: var(--color-text-body-txt-invert); --key-speaker-elements-colorway-2-speaker-bg-2: var(--color-backgrounds-bg-color-a2); --key-speaker-elements-colorway-2-speaker-name-2: var(--color-text-headings-heading-primary); --key-speaker-elements-colorway-2-speaker-title-2: var(--color-text-headings-heading-primary); --key-speaker-elements-colorway-2-speaker-company-2: var(--color-text-headings-heading-primary); --key-speaker-elements-colorway-2-speaker-txt-2: var(--color-text-body-txt-primary); --countdown-colorway-1-countdown-bg-1: var(--color-backgrounds-bg-color-a1); --countdown-colorway-1-countdown-title-1: var(--color-text-headings-heading-primary); --countdown-colorway-1-countdown-number-1: var(--color-text-headings-heading-primary); --countdown-colorway-1-countdown-unit-txt-1: var(--color-text-body-txt-primary); --countdown-colorway-1-countdown-stroke-1: var(--color-stroke-stroke-primary); --countdown-colorway-1-countdown-dividing-line-1: var(--color-stroke-stroke-primary); --countdown-colorway-1-countdown-unit-bg-1: var(--color-backgrounds-bg-color-a1); --countdown-colorway-1-countdown-radius-1: 40px; --maps-logistics-maps-bg: var(--color-backgrounds-bg-color-a1); --maps-logistics-maps-header-txt: var(--color-text-headings-heading-secondary); --maps-logistics-maps-location-txt: var(--color-text-body-txt-primary); --maps-logistics-maps-getting-there-txt: var(--color-text-body-txt-primary); --maps-logistics-maps-getting-there-icon: var(--maps-logistics-maps-header-txt); --maps-logistics-maps-dividing-line: var(--maps-logistics-maps-header-txt); --countdown-colorway-2-countdown-bg-2: var(--color-backgrounds-bg-color-a2); --countdown-colorway-2-countdown-title-2: var(--color-text-headings-heading-primary); --countdown-colorway-2-countdown-number-2: var(--color-text-headings-heading-primary); --countdown-colorway-2-countdown-unit-txt-2: var(--color-text-body-txt-primary); --countdown-colorway-2-countdown-stroke-2: var(--color-stroke-stroke-primary); --countdown-colorway-2-countdown-dividing-line-2: var(--color-stroke-stroke-primary); --countdown-colorway-2-countdown-unit-bg-2: var(--color-backgrounds-bg-color-a2); --countdown-colorway-2-countdown-radius-2: 40px; --ticket-widget-global-radius-and-thicknesses-ticket-radius: 0px; --ticket-widget-global-radius-and-thicknesses-ticket-stroke-thickness: 0px; --ticket-widget-global-radius-and-thicknesses-btn-radius: 0px; --ticket-widget-global-radius-and-thicknesses-btn-stroke-thickness: 0px; --ticket-widget-colorway-1-best-ticket-top-band-bg: var(--colors-brand-primary-hitachi-red); --ticket-widget-colorway-1-best-ticket-top-band-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-1-best-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-best-ticket-ribbon-txt: var(--color-text-body-txt-secondary); --ticket-widget-colorway-1-best-ticket-title-bg: var(--colors-brand-accents-green-02); --ticket-widget-colorway-1-best-ticket-title-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-1-best-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-best-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-best-ticket-icon: var(--color-icons-icon-secondary); --ticket-widget-colorway-1-best-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-best-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-best-ticket-stroke: var(--colors-brand-primary-hitachi-red); --ticket-widget-colorway-1-better-ticket-top-band-bg: var(--colors-brand-neutrals-neutral-02); --ticket-widget-colorway-1-better-ticket-top-band-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-1-better-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-better-ticket-ribbon-txt: var(--ticket-widget-colorway-1-best-ticket-ribbon-txt); --ticket-widget-colorway-1-better-ticket-title-bg: var(--colors-brand-neutrals-neutral-03); --ticket-widget-colorway-1-better-ticket-title-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-1-better-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-better-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-better-ticket-icon: var(--color-icons-icon-secondary); --ticket-widget-colorway-1-better-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-better-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-better-ticket-stroke: var(--ticket-widget-colorway-1-better-ticket-top-band-bg); --ticket-widget-colorway-1-good-ticket-top-band-bg: var(--colors-brand-neutrals-neutral-03); --ticket-widget-colorway-1-good-ticket-top-band-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-1-good-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-good-ticket-ribbon-txt: var(--ticket-widget-colorway-1-best-ticket-ribbon-txt); --ticket-widget-colorway-1-good-ticket-title-bg: var(--colors-brand-neutrals-neutral-04); --ticket-widget-colorway-1-good-ticket-title-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-good-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-good-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-good-ticket-icon: var(--color-icons-icon-secondary); --ticket-widget-colorway-1-good-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-1-good-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-good-ticket-stroke: var(--ticket-widget-colorway-1-good-ticket-top-band-bg); --ticket-widget-colorway-2-best-ticket-top-band-bg: var(--colors-brand-primary-hitachi-grey); --ticket-widget-colorway-2-best-ticket-top-band-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-2-best-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-best-ticket-ribbon-txt: var(--color-text-body-txt-brand); --ticket-widget-colorway-2-best-ticket-title-bg: var(--colors-brand-accents-yellow-03); --ticket-widget-colorway-2-best-ticket-title-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-best-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-best-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-best-ticket-icon: var(--color-button-brand-highlight-2); --ticket-widget-colorway-2-best-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-best-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-best-ticket-stroke: var(--colors-brand-primary-hitachi-grey); --ticket-widget-colorway-2-better-ticket-top-band-bg: var(--colors-brand-neutrals-neutral-02); --ticket-widget-colorway-2-better-ticket-top-band-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-2-better-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-better-ticket-ribbon-txt: var(--ticket-widget-colorway-2-best-ticket-ribbon-txt); --ticket-widget-colorway-2-better-ticket-title-bg: var(--colors-brand-neutrals-neutral-03); --ticket-widget-colorway-2-better-ticket-title-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-2-better-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-better-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-better-ticket-icon: var(--color-icons-icon-tertiary); --ticket-widget-colorway-2-better-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-better-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-better-ticket-stroke: var(--ticket-widget-colorway-1-better-ticket-top-band-bg); --ticket-widget-colorway-2-good-ticket-top-band-bg: var(--colors-brand-neutrals-neutral-03); --ticket-widget-colorway-2-buttons-default-state-best-btn-default-bg-best-2: var(--ticket-widget-colorway-2-best-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-default-state-best-btn-default-txt-best-2: var(--color-text-body-txt-invert); --ticket-widget-colorway-2-buttons-default-state-best-btn-default-stroke-best-2: var(--ticket-widget-colorway-2-best-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-hover-state-best-btn-default-bg-best-2-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-buttons-hover-state-best-btn-default-txt-best-2-hover: var(--ticket-widget-colorway-2-best-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-hover-state-best-btn-default-stroke-best-2-hover: var(--ticket-widget-colorway-2-best-ticket-top-band-bg); --ticket-widget-colorway-2-good-ticket-topband-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-2-good-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-good-ticket-ribbon-txt: var(--ticket-widget-colorway-2-best-ticket-ribbon-txt); --ticket-widget-colorway-2-good-ticket-title-bg: var(--colors-brand-neutrals-neutral-04); --ticket-widget-colorway-2-good-ticket-title-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-good-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-good-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-good-ticket-icon: var(--color-icons-icon-tertiary); --ticket-widget-colorway-2-good-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-2-good-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-good-ticket-stroke: var(--ticket-widget-colorway-1-good-ticket-top-band-bg); --ticket-widget-colorway-3-best-ticket-top-band-bg: var(--colors-brand-accents-blue-02); --ticket-widget-colorway-3-best-ticket-topband-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-3-best-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-best-ticket-ribbon-txt: var(--colors-brand-primary-colour-05); --ticket-widget-colorway-3-best-ticket-title-bg: var(--colors-brand-accents-blue-03); --ticket-widget-colorway-3-best-ticket-title-txt: var(--colors-brand-primary-colour-05); --ticket-widget-colorway-3-best-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-best-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-best-ticket-icon: var(--color-highlights-brand-highlight-3); --ticket-widget-colorway-3-best-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-best-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-best-ticket-stroke: var(--colors-brand-accents-blue-02); --ticket-widget-colorway-3-better-ticket-top-band-bg: var(--colors-brand-neutrals-neutral-02); --ticket-widget-colorway-3-better-ticket-topband-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-3-better-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-better-ticket-ribbon-txt: var(--ticket-widget-colorway-3-best-ticket-ribbon-txt); --ticket-widget-colorway-3-better-ticket-title-bg: var(--colors-brand-neutrals-neutral-03); --ticket-widget-colorway-3-better-ticket-title-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-3-better-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-better-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-better-ticket-icon: var(--color-highlights-brand-highlight-3); --ticket-widget-colorway-3-better-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-better-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-better-ticket-stroke: var(--ticket-widget-colorway-1-better-ticket-top-band-bg); --ticket-widget-colorway-3-good-ticket-top-band-bg: var(--colors-brand-neutrals-neutral-03); --ticket-widget-colorway-3-buttons-default-state-best-btn-default-bg-best-3: var(--ticket-widget-colorway-3-best-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-default-state-better-btn-default-bg-better-3: var(--ticket-widget-colorway-3-better-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-default-state-better-btn-default-txt-better-3: var(--color-text-body-txt-invert); --ticket-widget-colorway-3-buttons-default-state-better-btn-default-stoke-better-3: var(--ticket-widget-colorway-3-better-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-default-state-best-btn-default-txt-best-3: var(--color-text-body-txt-invert); --ticket-widget-colorway-3-buttons-default-state-best-btn-default-stroke-best-3: var(--ticket-widget-colorway-3-best-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-hover-state-best-btn-default-bg-best-3-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-buttons-hover-state-best-btn-default-txt-best-3-hover: var(--ticket-widget-colorway-3-best-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-hover-state-best-btn-default-stroke-best-3-hover: var(--ticket-widget-colorway-3-best-ticket-top-band-bg); --ticket-widget-colorway-3-good-ticket-top-band-txt: var(--color-text-body-txt-invert); --ticket-widget-colorway-3-good-ticket-ribbon-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-good-ticket-ribbon-txt: var(--ticket-widget-colorway-3-best-ticket-ribbon-txt); --ticket-widget-colorway-3-good-ticket-title-bg: var(--colors-brand-neutrals-neutral-04); --ticket-widget-colorway-3-good-ticket-title-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-good-ticket-details-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-good-ticket-price-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-good-ticket-icon: var(--color-highlights-brand-highlight-3); --ticket-widget-colorway-3-good-ticket-list-txt: var(--color-text-body-txt-primary); --ticket-widget-colorway-3-good-ticket-bg: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-good-ticket-stroke: var(--ticket-widget-colorway-1-good-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-default-state-best-btn-default-bg-best-1: var(--ticket-widget-colorway-1-best-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-default-state-best-btn-default-txt-best-1: var(--color-text-body-txt-invert); --ticket-widget-colorway-1-buttons-default-state-best-btn-default-stroke-best-1: var(--ticket-widget-colorway-1-best-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-hover-state-best-btn-default-bg-best-1-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-buttons-hover-state-best-btn-default-txt-best-1-hover: var(--ticket-widget-colorway-1-best-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-hover-state-best-btn-default-stroke-best-1-hover: var(--ticket-widget-colorway-1-best-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-default-state-better-btn-default-bg-better-1: var(--ticket-widget-colorway-1-better-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-default-state-better-btn-default-txt-better-1: var(--color-text-body-txt-invert); --ticket-widget-colorway-1-buttons-default-state-better-btn-default-stroke-better-1: var(--ticket-widget-colorway-1-better-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-default-state-good-btn-default-bg-good-1: var(--ticket-widget-colorway-1-good-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-default-state-good-btn-txt-default-good-1: var(--color-text-body-txt-invert); --ticket-widget-colorway-1-buttons-default-state-good-btn-default-stroke-good-1: var(--ticket-widget-colorway-1-good-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-hover-state-better-btn-default-bg-better-1-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-buttons-hover-state-better-btn-default-txt-better-1-hover: var(--ticket-widget-colorway-1-better-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-hover-state-better-btn-default-stroke-better-1-hover: var(--ticket-widget-colorway-1-better-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-hover-state-good-btn-default-bg-good-1-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-1-buttons-hover-state-good-btn-txt-default-good-1-hover: var(--ticket-widget-colorway-1-good-ticket-top-band-bg); --ticket-widget-colorway-1-buttons-hover-state-good-btn-default-stroke-good-1-hover: var(--ticket-widget-colorway-1-good-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-default-state-better-btn-default-bg-better-2: var(--ticket-widget-colorway-2-better-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-default-state-better-btn-txt-default-better-2: var(--color-text-body-txt-invert); --ticket-widget-colorway-2-buttons-default-state-better-btn-default-stroke-2: var(--ticket-widget-colorway-2-better-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-default-state-good-btn-default-bg-good-2: var(--ticket-widget-colorway-2-good-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-default-state-good-btn-default-txt-good-2: var(--color-text-body-txt-invert); --ticket-widget-colorway-2-buttons-default-state-good-btn-default-stroke-good-2: var(--ticket-widget-colorway-2-good-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-hover-state-better-btn-default-bg-better-2-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-buttons-hover-state-better-btn-default-txt-better-2-hover: var(--ticket-widget-colorway-2-better-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-hover-state-better-btn-default-stroke-better-2-hover: var(--ticket-widget-colorway-2-better-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-hover-state-good-btn-default-bg-good-2-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-2-buttons-hover-state-good-btn-txt-default-good-2-hover: var(--ticket-widget-colorway-2-good-ticket-top-band-bg); --ticket-widget-colorway-2-buttons-hover-state-good-btn-default-stroke-good-2-hover: var(--ticket-widget-colorway-2-good-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-default-state-good-btn-default-bg-good-3: var(--ticket-widget-colorway-3-good-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-default-state-good-btn-txt-default-good-3: var(--color-text-body-txt-invert); --ticket-widget-colorway-3-buttons-default-state-good-btn-default-stroke-good-3: var(--ticket-widget-colorway-3-good-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-hover-state-better-btn-default-bg-better-3-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-buttons-hover-state-better-btn-default-txt-better-3-hover: var(--ticket-widget-colorway-3-better-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-hover-state-better-btn-default-stroke-better-3-hover: var(--ticket-widget-colorway-3-better-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-hover-state-good-btn-default-bg-good-3-hover: var(--colors-brand-primary-hitachi-white); --ticket-widget-colorway-3-buttons-hover-state-good-btn-default-txt-good-3-hover: var(--ticket-widget-colorway-3-good-ticket-top-band-bg); --ticket-widget-colorway-3-buttons-hover-state-good-btn-default-stroke-good-3-hover: var(--ticket-widget-colorway-3-good-ticket-top-band-bg); --bizzabo-defaults-sizes-bizzabo-headers-component-specific-h2-speaker-top-margin: var(--bizzabodefaults-margins-margin-0); --bizzabo-defaults-sizes-bizzabo-headers-component-specific-h2-speaker-bottom-margin: var(--bizzabodefaults-margins-margin-40); --bizzabo-defaults-sizes-bizzabo-headers-general-h1-top-margin: var(--bizzabodefaults-margins-margin-20); --bizzabo-defaults-sizes-bizzabo-headers-general-h1-bottom-margin: var(--bizzabodefaults-margins-margin-20); --bizzabo-defaults-sizes-bizzabo-headers-general-h2-top-margin: var(--bizzabodefaults-margins-margin-0); --bizzabo-defaults-sizes-bizzabo-headers-general-h2-bottom-margin: var(--bizzabodefaults-margins-margin-20); --bizzabo-defaults-sizes-bizzabo-headers-general-h3-top-margin: var(--bizzabodefaults-margins-margin-20); --bizzabo-defaults-sizes-bizzabo-headers-general-h3-bottom-margin: var(--bizzabodefaults-margins-margin-10); --bizzabo-defaults-sizes-bizzabo-headers-general-h4-top-margin: var(--bizzabodefaults-margins-margin-10); --bizzabo-defaults-sizes-bizzabo-headers-general-h4-bottom-margin: var(--bizzabodefaults-margins-margin-10); --bizzabo-defaults-sizes-buttons-session-page-interested-etc: var(--bizzabodefaults-padding-padding-5); --bizzabo-defaults-sizes-buttons-join-session-vertical-padding: var(--bizzabodefaults-padding-padding-3); --bizzabo-defaults-sizes-buttons-session-page-session-time-vertical: var(--bizzabodefaults-margins-margin-15); --bizzabo-defaults-sizes-buttons-join-session-horizontal-padding: var(--bizzabodefaults-padding-padding-12); --bizzabo-defaults-sizes-buttons-custom-button-vertical-padding: var(--bizzabodefaults-padding-padding-8); --bizzabo-defaults-sizes-buttons-header-rsvp-vertical-padding: var(--bizzabodefaults-padding-padding-8); --bizzabo-defaults-sizes-buttons-logout-agenda-vertical-padding: var(--bizzabodefaults-padding-padding-10); --bizzabo-defaults-sizes-buttons-logout-agenda-horizontal-padding: var(--bizzabodefaults-padding-padding-10); --agenda-page-page-elements-day-label-agenda-day-label-txt: var(--color-text-body-txt-primary); --agenda-page-page-elements-time-block-labels-agenda-time-block-bg: var(--color-button-default-state-secondary-btn-secondary-bg); --agenda-page-page-elements-time-block-labels-agenda-time-block-stroke: var(--color-button-default-state-primary-btn-primary-stroke); --agenda-page-page-elements-time-block-labels-agenda-time-block-txt: var(--color-button-default-state-primary-btn-txt-primary); --agenda-page-page-elements-page-background-agenda-page-bg: var(--colors-brand-primary-hitachi-grey); --agenda-page-search-filters-agenda-search-filters-section-bg: var(--color-backgrounds-bg-inverted); --agenda-page-search-filters-agenda-list-view-icons: var(--color-icons-icon-invert); --agenda-page-search-filters-agenda-grid-view-icons-active: var(--colors-brand-primary-hitachi-red); --agenda-page-search-filters-agenda-grid-view-icons: var(--color-icons-icon-invert); --agenda-page-search-filters-agenda-list-view-icons-active: var(--colors-brand-primary-hitachi-red); --agenda-page-search-filters-search-bar-agenda-search-radius: var(--agenda-page-session-tile-tile-styling-agenda-session-tile-radius); --agenda-page-search-filters-search-bar-agenda-search-bar-bg: var(--color-backgrounds-bg-base); --agenda-page-search-filters-search-bar-agenda-search-stroke: var(--color-button-default-state-primary-btn-primary-bg); --agenda-page-search-filters-search-bar-agenda-search-bar-txt: var(--color-text-body-txt-primary); --agenda-page-search-filters-search-bar-agenda-search-icons: var(--color-icons-icon-primary); --agenda-page-search-filters-login-button-agenda-login-bg: var(--color-backgrounds-bg-base); --agenda-page-search-filters-login-button-agenda-login-hover: var(--color-backgrounds-bg-base); --agenda-page-search-filters-login-button-agenda-login-stroke: var(--color-stroke-stroke-primary); --agenda-page-search-filters-login-button-agenda-login-txt: var(--color-text-body-txt-primary); --agenda-page-search-filters-login-button-agenda-login-hover-stroke: var(--color-stroke-stroke-primary); --agenda-page-search-filters-login-button-agenda-login-txt-hover: var(--color-text-body-txt-primary); --agenda-page-search-filters-login-button-agenda-login-radius: 360px; --agenda-page-search-filters-day-tab-section-agenda-day-active-highlight: var(--colors-brand-primary-hitachi-red); --agenda-page-search-filters-day-tab-section-agenda-day-switch-icons: var(--color-icons-icon-invert); --agenda-page-search-filters-day-tab-section-agenda-day-tab-txt: var(--color-text-body-txt-invert); --agenda-page-search-filters-day-tab-section-agenda-day-section-stroke: var(--color-stroke-stroke-inverted); --agenda-page-search-filters-day-tab-section-agenda-day-tab-txt-active: var(--color-text-body-txt-invert); --agenda-page-search-filters-session-filter-tabs-agenda-filter-tab-active-highlight: var(--colors-brand-primary-hitachi-red); --agenda-page-search-filters-session-filter-tabs-agenda-filter-tab-icons: var(--color-icons-icon-invert); --agenda-page-search-filters-session-filter-tabs-agenda-filter-tab-txt: var(--color-text-body-txt-invert); --agenda-page-search-filters-session-filter-tabs-agenda-filter-tab-txt-active: var(--color-text-body-txt-invert); --agenda-page-session-tile-agenda-session-status: var(--color-text-body-txt-brand); --agenda-page-session-tile-tile-styling-agenda-session-tile-bg: var(--color-backgrounds-bg-base); --agenda-page-session-tile-tile-styling-agenda-session-tile-radius: 8px; --agenda-page-session-tile-tile-styling-agenda-session-tile-stroke: var(--color-backgrounds-bg-base); --agenda-page-session-tile-session-details-agenda-session-time: var(--color-text-body-txt-secondary); --agenda-page-session-tile-session-details-agenda-session-title: var(--color-text-headings-heading-primary); --agenda-page-session-tile-session-details-agenda-session-description: var(--color-text-body-txt-primary); --agenda-page-session-tile-session-details-agenda-session-description2: var(--color-text-body-txt-invert); --agenda-page-session-tile-session-details-agenda-session-date: var(--color-text-body-txt-brand); --agenda-page-session-tile-session-details-agenda-session-location: var(--color-text-body-txt-primary); --agenda-page-session-tile-associated-speakers-agenda-speaker-title: var(--color-text-body-txt-primary); --agenda-page-session-tile-associated-speakers-agenda-speaker-info: var(--color-text-body-txt-primary); --agenda-page-session-tile-associated-speakers-speaker-thumbnail-radius: var(--speaker-sections-speaker-img-radius); --agenda-page-session-tile-sponsor-details-agenda-session-sponsored-by: var(--color-text-body-txt-primary); --agenda-page-session-tile-join-session-button-agenda-session-join-bg: var(--color-button-default-state-secondary-btn-secondary-bg); --agenda-page-session-tile-join-session-button-agenda-session-join-txt: var(--colors-brand-primary-hitachi-black); --agenda-page-session-tile-join-session-button-agenda-session-join-stroke: var(--color-button-default-state-secondary-btn-secondary-stroke); --agenda-page-session-tile-join-session-button-agenda-join-session-radius: 360px; --agenda-page-session-tile-interested-save-a-seat-agenda-session-interests-bg: var(--color-text-body-txt-primary); --agenda-page-session-tile-interested-save-a-seat-agenda-session-interests-stroke: var(--color-backgrounds-bg-base); --agenda-page-session-tile-interested-save-a-seat-agenda-session-fav-icon: var(--color-backgrounds-bg-base); --agenda-page-session-tile-interested-save-a-seat-agenda-session-fav-active: var(--color-icons-icon-tertiary); --agenda-page-session-tile-interested-save-a-seat-agenda-session-save-a-seat: var(--color-icons-icon-secondary); --agenda-page-session-tile-interested-save-a-seat-agenda-session-save-a-seat-active: var(--color-icons-icon-tertiary); --agenda-page-session-tile-interested-save-a-seat-agenda-session-interests-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --agenda-page-session-tile-sponsor-details-sponsor-radius: 8px; --agenda-page-session-tile-read-more-agenda-session-read-more-txt: var(--color-text-body-txt-brand); --agenda-page-session-tile-read-more-agenda-session-read-more-txt-hover: var(--color-text-body-txt-brand); --agenda-page-preview-window-sessions-tile-tile-styling-preview-session-tile-radius: var(--agenda-page-session-tile-tile-styling-agenda-session-tile-radius); --agenda-page-preview-window-sessions-tile-tile-styling-preview-session-tile-stroke: var(--agenda-page-session-tile-tile-styling-agenda-session-tile-stroke); --agenda-page-preview-window-sessions-tile-tile-styling-preview-session-tile-bg: var(--agenda-page-session-tile-tile-styling-agenda-session-tile-bg); --agenda-page-preview-window-sessions-tile-session-interaction-preview-session-rating-txt: var(--session-page-sessions-tile-session-interaction-session-rating-txt); --agenda-page-preview-window-sessions-tile-session-interaction-preview-session-rating-outline: var(--session-page-sessions-tile-session-interaction-session-rating-outline); --agenda-page-preview-window-sessions-tile-session-interaction-preview-session-rating-fill: var(--session-page-sessions-tile-session-interaction-session-rating-fill); --agenda-page-preview-window-sessions-tile-session-interaction-preview-session-interaction-txt: var(--session-page-sessions-tile-session-interaction-session-interaction-txt); --agenda-page-preview-window-sessions-tile-session-interaction-preview-session-icons: var(--session-page-sessions-tile-session-interaction-session-icons); --agenda-page-preview-window-sessions-tile-session-interaction-preview-session-icons-fill: var(--session-page-sessions-tile-session-interaction-session-icons-fill); --agenda-page-preview-window-sessions-tile-tags-preview-session-tag-txt: var(--venue-page-tags-venue-session-tag-txt); --agenda-page-preview-window-sessions-tile-tags-preview-session-tag-bg: var(--session-page-sessions-tile-tags-session-tag-bg); --agenda-page-preview-window-sessions-tile-tags-preview-session-tag-stroke: var(--session-page-sessions-tile-tags-session-tag-stroke); --agenda-page-preview-window-sessions-tile-session-details-preview-session-title: var(--agenda-page-session-tile-session-details-agenda-session-title); --agenda-page-preview-window-sessions-tile-session-details-preview-session-location: var(--agenda-page-session-tile-session-details-agenda-session-location); --agenda-page-preview-window-sessions-tile-session-details-preview-session-description: var(--agenda-page-session-tile-session-details-agenda-session-description); --agenda-page-preview-window-sessions-tile-session-details-preview-session-time: var(--agenda-page-session-tile-session-details-agenda-session-time); --agenda-page-preview-window-speaker-tile-preview-speaker-tile-bg: var(--session-page-speakers-tile-session-speakers-tile-bg); --agenda-page-preview-window-speaker-tile-preview-speaker-name: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-title); --agenda-page-preview-window-speaker-tile-preview-speaker-info: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-info); --agenda-page-preview-window-speaker-tile-preview-session-speakers-tile-title: var(--session-page-speakers-tile-session-speakers-tile-title); --agenda-page-preview-window-speaker-tile-preview-speakers-tile-stroke: var(--session-page-speakers-tile-session-speakers-tile-stroke); --agenda-page-preview-window-speaker-tile-preview-speakers-tile-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --agenda-page-preview-window-speaker-tile-preview-speakers-thumbnail-radius: var(--speakers-profile-page-speaker-profile-speaker-img-radius); --agenda-page-preview-window-speaker-tile-preview-speaker-tab: var(--session-page-speakers-tile-session-speaker-tab); --agenda-page-preview-window-speaker-tile-preview-speakers-dividing-lines: var(--color-backgrounds-bg-translucent); --agenda-page-preview-window-session-sponsors-preview-sponsor-title: var(--session-page-session-sponsors-session-sponsor-title); --agenda-page-preview-window-session-sponsors-preview-sponsor-body-txt: var(--session-page-session-sponsors-session-sponsor-body-txt); --agenda-page-preview-window-session-sponsors-preview-sponsor-tile-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --agenda-page-preview-window-session-sponsors-preview-sponsor-tile-bg: var(--session-page-session-sponsors-session-sponsor-tile-bg); --agenda-page-preview-window-session-sponsors-preview-sponsor-stroke: var(--session-page-session-sponsors-session-sponsor-stroke); --agenda-page-preview-window-session-sponsors-session-sponsor-tile-tab: var(--session-page-session-sponsors-session-sponsor-tile-tab); --agenda-page-preview-window-session-sponsors-session-sponsor-dividing-line: var(--color-backgrounds-bg-translucent); --agenda-page-preview-window-session-resources-preview-resources-title: var(--session-page-session-resources-session-resources-title); --agenda-page-preview-window-session-resources-preview-resources-txt: var(--session-page-session-resources-session-resources-txt); --agenda-page-preview-window-session-resources-preview-resources-tile-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --agenda-page-preview-window-session-resources-preview-resources-tile-bg: var(--session-page-session-resources-session-resources-tile-bg); --agenda-page-preview-window-session-resources-preview-resources-stroke: var(--session-page-session-resources-session-resources-stroke); --agenda-page-preview-window-session-resources-preview-resources-tab: var(--session-page-session-resources-session-resources-tab); --agenda-page-preview-window-background-preview-window-bg: var(--agenda-page-page-elements-page-background-agenda-page-bg); --agenda-page-session-tile-interested-save-a-seat-agenda-session-interests-radius: 8px; --agenda-page-session-tile-session-tile-tile-styling-agenda-session-tile-radius: 8px; --session-page-page-background-session-page-bg: var(--agenda-page-page-elements-page-background-agenda-page-bg); --session-page-sessions-tile-back-button-session-back-txt: var(--color-button-default-state-primary-btn-txt-primary); --session-page-sessions-tile-back-button-session-back-bg: var(--color-button-default-state-primary-btn-primary-bg); --session-page-sessions-tile-back-button-session-back-stroke: var(--speakers-profile-page-back-button-speaker-back-bg); --session-page-sessions-tile-back-button-session-back-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --session-page-sessions-tile-tile-styling-session-tile-radius: var(--agenda-page-session-tile-session-tile-tile-styling-agenda-session-tile-radius); --session-page-sessions-tile-tile-styling-session-tile-bg: var(--color-backgrounds-bg-base); --session-page-sessions-tile-tile-styling-session-tile-stroke: var(--agenda-page-session-tile-session-tile-tile-styling-agenda-session-tile-stroke); --session-page-sessions-tile-tile-styling-session-tile-tab: var(--color-highlights-brand-highlight-1); --session-page-sessions-tile-session-details-session-time: var(--agenda-page-session-tile-session-tile-session-details-agenda-session-time); --session-page-sessions-tile-session-details-session-title: var(--agenda-page-session-tile-session-tile-session-details-agenda-session-title); --session-page-sessions-tile-session-details-session-location: var(--agenda-page-session-tile-session-tile-session-details-agenda-session-location); --session-page-sessions-tile-session-details-session-description: var(--agenda-page-session-tile-session-tile-session-details-agenda-session-description); --session-page-sessions-tile-session-interaction-session-rating-txt: var(--color-text-body-txt-primary); --session-page-sessions-tile-session-interaction-session-icons: var(--color-backgrounds-bg-base); --session-page-sessions-tile-session-interaction-session-icons-fill: var(--color-backgrounds-bg-base); --session-page-sessions-tile-session-interaction-session-rating-fill: var(--session-page-sessions-tile-session-interaction-session-rating-outline); --session-page-sessions-tile-session-interaction-session-rating-outline: var(--session-page-sessions-tile-session-interaction-session-icons); --session-page-sessions-tile-session-interaction-session-interaction-txt: var(--color-backgrounds-bg-base); --session-page-sessions-tile-tags-session-tag-bg: var(--color-backgrounds-bg-color-a1); --session-page-sessions-tile-tags-session-tag-txt: var(--color-text-body-txt-primary); --session-page-sessions-tile-tags-session-tag-stroke: var(--color-backgrounds-bg-base); --session-page-speakers-tile-session-speakers-tile-bg: var(--session-page-sessions-tile-tile-styling-session-tile-bg); --session-page-speakers-tile-session-speakers-tile-stroke: var(--session-page-sessions-tile-tile-styling-session-tile-stroke); --session-page-speakers-tile-session-speaker-name: var(--agenda-page-session-tile-session-tile-associated-speakers-agenda-speaker-title); --session-page-speakers-tile-sessions-speaker-info: var(--agenda-page-session-tile-session-tile-associated-speakers-agenda-speaker-info); --session-page-speakers-tile-session-speakers-tile-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --session-page-speakers-tile-session-speakers-thumbnail-radius: var(--speakers-profile-page-speaker-profile-speaker-img-radius); --session-page-speakers-tile-session-speakers-dividing-lines: var(--color-backgrounds-bg-translucent); --session-page-speakers-tile-session-speakers-tile-title: var(--session-page-sessions-tile-session-details-session-title); --session-page-speakers-tile-session-speaker-tab: var(--session-page-sessions-tile-tile-styling-session-tile-tab); --session-page-session-sponsors-session-sponsor-tile-bg: var(--session-page-sessions-tile-tile-styling-session-tile-bg); --session-page-session-sponsors-session-sponsor-stroke: var(--session-page-sessions-tile-tile-styling-session-tile-stroke); --session-page-session-sponsors-session-sponsor-tile-tab: var(--session-page-speakers-tile-session-speaker-tab); --session-page-session-sponsors-session-sponsor-title: var(--session-page-speakers-tile-session-speakers-tile-title); --session-page-session-sponsors-session-sponsor-body-txt: var(--color-text-body-txt-primary); --session-page-session-sponsors-session-sponsor-tile-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --session-page-session-sponsors-session-sponsor-dividing-line: var(--color-backgrounds-bg-translucent); --session-page-session-resources-session-resources-tile-bg: var(--session-page-sessions-tile-tile-styling-session-tile-bg); --session-page-session-resources-session-resources-stroke: var(--session-page-sessions-tile-tile-styling-session-tile-stroke); --session-page-session-resources-session-resources-tab: var(--session-page-speakers-tile-session-speaker-tab); --session-page-session-resources-session-resources-title: var(--session-page-speakers-tile-session-speakers-tile-title); --session-page-session-resources-session-resources-txt: var(--color-text-body-txt-primary); --session-page-session-resources-session-resources-tile-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --session-page-sessions-tile-tile-styling-session-tile-stroke: var(--colors-brand-primary-hitachi-black); --session-page-speakers-tile-session-speakers-tile-radius: 8px; --session-page-sessions-tile-tile-styling-session-tile-bg: var(--colors-brand-primary-hitachi-black); --session-page-sessions-tile-session-details-session-time: var(--color-backgrounds-bg-base); --session-page-sessions-tile-back-button-session-back-radius: 8px; --session-page-sessions-tile-session-details-session-time: var(--color-backgrounds-bg-base); --session-page-sessions-tile-session-details-session-title: var(--color-backgrounds-bg-base); --session-page-sessions-tile-session-details-session-description: var(--color-backgrounds-bg-base); --session-page-speakers-tile-session-speaker-name: var(--colors-brand-primary-hitachi-black); --session-page-speakers-tile-sessions-speaker-info: var(--colors-brand-primary-hitachi-black); --speakers-profile-page-back-button-speaker-back-txt: var(--color-button-default-state-primary-btn-txt-primary); --speakers-profile-page-back-button-speaker-back-bg: var(--color-button-default-state-primary-btn-primary-bg); --speakers-profile-page-back-button-speaker-back-stroke: var(--speakers-profile-page-back-button-speaker-back-bg); --speakers-profile-page-back-button-speaker-back-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --speakers-profile-page-share-button-speaker-share-txt: var(--color-button-default-state-primary-btn-txt-primary); --speakers-profile-page-share-button-speaker-share-bg: var(--color-button-default-state-primary-btn-primary-bg); --speakers-profile-page-share-button-speaker-share-stroke: var(--speakers-profile-page-share-button-speaker-share-bg); --speakers-profile-page-share-button-speaker-share-radius: var(--session-page-sessions-tile-tile-styling-session-tile-radius); --speakers-profile-page-speaker-profile-speaker-info-tile-radius: var(--agenda-page-session-tile-session-tile-tile-styling-agenda-session-tile-radius); --speakers-profile-page-speaker-profile-speaker-img-radius: var(--speaker-sections-speaker-img-radius); --speakers-profile-page-speaker-profile-speaker-info-tile-bg: var(--session-page-sessions-tile-tile-styling-session-tile-bg); --speakers-profile-page-speaker-profile-speaker-info-tile-stroke: var(--session-page-sessions-tile-tile-styling-session-tile-stroke); --speakers-profile-page-speaker-profile-speaker-icons: var(--color-icons-icon-primary); --speakers-profile-page-speaker-profile-speaker-name: var(--agenda-page-session-tile-session-tile-associated-speakers-agenda-speaker-title); --speakers-profile-page-speaker-profile-speaker-job-title: var(--agenda-page-session-tile-session-tile-associated-speakers-agenda-speaker-info); --speakers-profile-page-speaker-profile-speaker-company: var(--agenda-page-session-tile-session-tile-associated-speakers-agenda-speaker-info); --speakers-profile-page-speaker-profile-speaker-description: var(--color-text-body-txt-primary); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-radius: var(--agenda-page-session-tile-session-tile-tile-styling-agenda-session-tile-radius); --speakers-profile-page-speaker-profile-speaker-tweets-speaker-tweets-tile-radius: var(--speakers-profile-page-speaker-profile-speaker-info-tile-radius); --speakers-profile-page-speaker-profile-speaker-tweets-speaker-tweets-tile-bg: var(--speakers-profile-page-speaker-profile-speaker-info-tile-bg); --speakers-profile-page-speaker-profile-speaker-tweets-speaker-tweets-tile-stroke: var(--speakers-profile-page-speaker-profile-speaker-info-tile-stroke); --speakers-profile-page-speaker-profile-speaker-tweets-speaker-tweets-tile-tab: var(--speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-tab); --speakers-profile-page-speaker-profile-speaker-tweets-speaker-tweets-title: var(--speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-title); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-bg: var(--speakers-profile-page-speaker-profile-speaker-info-tile-bg); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-stroke: var(--speakers-profile-page-speaker-profile-speaker-info-tile-stroke); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-tab: var(--session-page-speakers-tile-session-speaker-tab); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-title: var(--session-page-speakers-tile-session-speakers-tile-title); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-time: var(--session-page-sessions-tile-session-details-session-time); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-name: var(--agenda-page-session-tile-session-tile-session-details-agenda-session-title); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-description: var(--session-page-sessions-tile-session-details-session-description); --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-dividing-line: var(--session-page-speakers-tile-session-speakers-dividing-lines); --speakers-profile-page-speaker-page-bg: var(--session-page-page-background-session-page-bg); --colourway-1-carousel-bg-1: var(--colors-brand-accents-green-01); --colourway-1-carousel-title-1: var(--color-text-headings-heading-inverted); --colourway-1-carousel-icons-1: var(--color-icons-icon-invert); --colourway-2-carousel-bg-1: var(--colors-brand-accents-green-03); --colourway-2-carousel-title-1: var(--color-text-headings-heading-primary); --colourway-2-carousel-icons-1: var(--color-icons-icon-primary); --speakers-profile-page-speaker-sessions-speaker-session-tile-radius: 8px; --speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-name: var(--colors-brand-primary-hitachi-white); --speakers-profile-page-speaker-profile-speaker-name: var(--colors-brand-primary-hitachi-black); --speakers-profile-page-speaker-profile-speaker-job-title: var(--colors-brand-primary-hitachi-black); --speakers-profile-page-speaker-profile-speaker-company: var(--colors-brand-primary-hitachi-black); } /* TYPOGRAPHY STYLING */ *:not(i) { font-family: Neue-Hass-Grotesk, sans-serif!important; } p, li { color: var(--color-text-body-txt-primary)!important; font-size: 16px!important; } strong { font-weight: 900 !important; } a { color: var(--color-text-body-hyperlink)!important; } a:hover { color: var(--color-text-body-hyperlink)!important; text-decoration: underline!important; } h1{ font-family: Neue-Haas-Grotesk-Display, sans-serif!important; color: var(--color-text-headings-h1)!important; font-weight: 700!important; } h2 { font-family: Neue-Haas-Grotesk-Display, sans-serif!important; text-transform: none!important; color: var(--color-text-headings-h2)!important; font-weight: 700!important; font-size: 51px!important; } h3 { font-family: Neue-Haas-Grotesk-Display, sans-serif!important; color: var(--color-text-headings-h3)!important; font-weight: 500!important; font-style: normal!important; font-size: 40px!important; } h4 { font-family: Neue-Haas-Grotesk-Display, sans-serif!important; color:var(--color-text-headings-h4)!important; font-weight: 500!important; font-style: italic!important; } h5 { font-family: Neue-Haas-Grotesk-Display, sans-serif!important; color:var(--color-text-headings-h5)!important; font-weight: 700!important; font-style: normal!important; } h6 { font-family: Neue-Haas-Grotesk-Display, sans-serif!important; color:var(--color-text-headings-h6)!important; font-weight: 700!important; font-style: normal!important; } .studios-txt-inverted * { color: var(--color-text-body-txt-invert)!important; } h1.studios-txt-inverted { /* font-family: 'Manrope'!important; */ color: var(--color-text-headings-h1-inverted)!important; font-weight: 700!important; } h2.studios-txt-inverted { text-transform: none!important; /* font-family: 'Manrope'!important; */ color: var(--color-text-headings-h2-inverted)!important; font-weight: 700!important; } h3.studios-txt-inverted { /* font-family: 'Manrope'!important; */ color: var(--color-text-headings-h3-inverted)!important; font-weight: 500!important; font-style: normal!important; } h4.studios-txt-inverted { /* font-family: 'Manrope'!important; */ color:var(--color-text-headings-h4-inverted)!important; font-weight: 500!important; font-style: normal!important; } h5.studios-txt-inverted { /* font-family: 'Manrope'!important; */ color:var(--color-text-headings-h5-inverted)!important; font-weight: 700!important; font-style: normal!important; } h6.studios-txt-inverted { /* font-family: 'Manrope'!important; */ color:var(--color-text-headings-h6-inverted)!important; font-weight: 700!important; font-style: normal!important; } .studios-txt-inverted a { color: var(--color-text-body-hyperlink-inverted)!important; } .studios-txt-inverted a:hover { color: var(--color-text-body-hyperlink-inverted)!important; text-decoration: underline; } .studios-h2-small { font-size: 1.8rem!important; } .studios-no-top-space div.main-app-container { padding-top: 0!important; } .studios-no-btm-space div.main-app-container { padding-bottom: 0!important; } .studios-reduce-space div.main-app-container { padding-top: 20px!important; padding-bottom: 20px!important; } /* Navigation Bar */ nav { background-color: var(--nav-bar-navbar-background-1)!important; border: solid 3px; border-color: var(); } .navbar { min-height: 64px!important; } /* nav.navbar { border-top: 2px solid var(--nav-bar-navbar-stroke-1)!important; border-bottom: 2px solid var(--nav-bar-navbar-stroke-1)!important; } */ .nav-menu-btn { color: var(--nav-bar-navbar-txt-1)!important; } .more-tabs-dropdown { color: var(--nav-bar-navbar-txt-1)!important; background-color: var(--nav-bar-navbar-dropdown-background-1)!important; } .nav-tabs-dropdown { color: var(--nav-bar-navbar-txt-1)!important; background-color: var(--nav-bar-navbar-dropdown-background-1)!important; } .icon-bar { background-color: var(--nav-bar-navbar-burger-1)!important; } .me-menu-show-dropdown > i { color: var(--nav-bar-navbar-profile-icon-1)!important; } .nav-menu-btn:hover, .nav-tabs-dropdown:hover { color: var(--nav-bar-navbar-txt-hover-1)!important; } /*STUDIOS TEMPLATED ELEMENTS */ /* studios-title-left */ .studios-title-left h2.atom-main { text-align: left; } /* studios-title-centre */ .studios-title-centre h2.atom-main { text-align: center; } /* studios-title-right */ .studios-title-right h2.atom-main { text-align: right; } /* studios-title-no-margin */ .studios-title-no-margin h2.atom-main { margin:0px; } /* studios-title-hide */ .studios-title-hide h2.atom-main { display: none; } /* studios-h-left */ .studios-h-left h1, .studios-h-left h2, .studios-h-left h3, .studios-h-left h4 { text-align: left; } /* studios-h-centre */ .studios-h-centre h1, .studios-h-centre h2, .studios-h-centre h3, .studios-h-centre h4 { text-align: center; } /* studios-h-right */ .studios-h-right h1, .studios-h-right h2, .studios-h-right h3, .studios-h-right h4 { text-align: right; } /* studios-h-no-margin */ .studios-h-no-margin h1, .studios-h-no-margin h2, .studios-h-no-margin h3, .studios-h-no-margin h4 { margin:0px; } /* studios-h1-no-margin */ .studios-h1-no-margin h1 { margin: 0px; } /* studios-h2-no-margin */ .studios-h2-no-margin h2 { margin: 0px; } /* studios-header-lg-txt */ /* studios-h3-no-margin */ .studios-h3-no-margin h3 { margin: 0px; } /* studios-h4-no-margin */ .studios-h4-no-margin h4 { margin: 0px; } /* studios-centre-vertical - added by jacob */ .studios-centre-vertical > div > div { height: 100%; } .studios-centre-vertical > div > div > div:nth-child(2) { display: flex; align-items: center; height: 100%; } @media(max-width: 767px) { .studios-centre-vertical > div > div > div:nth-child(2) { flex-direction: column; } } /* studios-mob-btm-padding */ .studios-mob-btm-padding { } /* studios-mob-col-swap - added by jacob */ @media(max-width: 767px) { div.studios-mob-col-swap > div > div > div.element-groups.component-elementgroups-0-2-1 { display: flex; flex-direction: column-reverse; } } /* studios-no-top-space */ .studios-no-top-space div.main-app-container { padding-top: 0!important; } /* studios-no-btm-space */ .studios-no-btm-space div.main-app-container { padding-bottom: 0!important; } /* studios-reduce-space */ .studios-reduce-space div.main-app-container { padding-top: 20px!important; padding-bottom: 20px!important; } /* studios-btm-border */ div.studios-btm-border > div { border-bottom: 10px solid var(--studios-btm-border); } /* studios-body-left */ .studios-body-left p { text-align: left; } /* studios-body-centre */ .studios-body-left p { text-align: center; } /* studios-body-right */ .studios-body-left p { text-align: right; } /* studios-txt-secondary */ .studios-txt-secondary { color:var(--secondary-color) } /* studios-txt-inverted */ .studios-txt-inverted { color:var(--inverted-color) } /* studios-txt-brand */ .studios-txt-brand { color:var(--brand-color) } /* studios-txt-priority */ .studios-txt-priority { } /* studios-txt-no-margin */ .studios-txt-no-margin p { margin: 0; } /* studios-btn-left */ .studios-btn-left button { margin:0; } /* studios-btn-centre */ .studios-btn-centre { } /* studios-btn-right */ .studios-btn-right button { margin-right:0; } /* studios-btn-inverted */ .studios-btn-inverted button { } /* studios-btn-emphasis */ .studios-btn-emphasis button { } /* studios-img-match-text */ .studios-img-match-text { } /* studios-map-1 */ .studios-map-1 .map-address { display: none!important; } /* studios-header-1 */ .studios-header-1 { } /* custom-scale-bg-img */ .custom-scale-bg-img { } /* studios-bg-transparency - added by jacob */ .studios-bg-transparency > div { background-color: transparent!important; } /* studios-footer-hide */ .studios-footer-hide { } /* studios-footer-max-width */ .studios-footer-max-width { } /* studios-footer-txt-centre */ .studios-footer-txt-centre { } /* studios-footer-img-centre */ .studios-footer-img-centre { } /* studios-footer-centre */ .studios-footer-centre { } /* studios-col-bg-1 */ .studios-col-bg-1 { } /* studios-speaker-1 */ .studios-speaker-1 { } /* studio-bg-curve-top */ .studio-bg-curve-top { } /* studios-body-left */ .studios-body-left { } /* studios-desktop */ .studios-desktop { } /* studios-body-right */ .studios-body-right { } /* studios-body-center */ .studios-body-center { } /* studios-no-top-space */ .studios-no-top-space { } /* studios-no-btm-space */ .studios-no-btm-space { } /* studios-img-match-txt */ .studios-img-match-txt { } /* studios-header-1 */ .studios-header-1 { } /* studios-bg-transparency */ .studios-bg-transparency { } .studios-h2-padding-match h2.atom-main { padding-left: 30px!important; } /* studios-link-table */ .studios-link-table div.justification-links { display: flex; justify-content: center; margin: 1em 0; align-items: stretch; } .studios-link-table div.justification-links > div { border-right: 1px solid; color: var(--stroke-inverted)!important; display: flex; align-items: center; justify-content: center; } .studios-link-table div.justification-links > div:last-child { border-right: none!important; } .studios-link-table div.justification-links > div > p { color: var(--stroke-inverted)!important; margin: 0 20px; padding: 10px 0; text-align: center!important; font-size: 16px!important; word-wrap: break-word; width: 61%; } @media(min-width: 992px) { .studios-link-table div.justification-links > div { text-align: center!important; } } @media (max-width: 991px) { .studios-link-table div.justification-links { flex-direction: column; } .studios-link-table div.justification-links > div { border-right: none; } } /* studios-link-table-2 */ .studios-link-table-2 div.justification-links { display: flex; justify-content: left; margin: 1em 0; align-items: stretch; } .studios-link-table-2 div.justification-links > div { border-right: 1px solid var(--color-text-justification-links-justification-links-2); color: var(--color-text-justification-links-justification-links-2)!important; display: flex; align-items: center; justify-content: center; } .studios-link-table-2 div.justification-links > div:last-child { border-right: none!important; } .studios-link-table-2 div.justification-links > div > p { color: var(--color-text-justification-links-justification-links-2)!important; margin: 0 40px 0 0; padding: 10px 0; text-align: center!important; font-size: 16px!important; word-wrap: break-word; /* width: 61%; */ } .studios-link-table-2 a { color: var(--color-text-justification-links-justification-links-2)!important; text-decoration: none!important; } @media(min-width: 992px) { .studios-link-table-2 div.justification-links > div { text-align: center!important; } } @media (max-width: 991px) { .studios-link-table-2 div.justification-links { flex-direction: column; } .studios-link-table-2 div.justification-links > div { border-right: none; } } /* button primary */ .studios-btn-primary button { color: var(--color-button-default-state-primary-btn-txt-primary)!important; background-color: var(--color-button-default-state-primary-btn-primary-bg)!important; border: 1px solid var(--color-button-default-state-primary-btn-primary-stroke)!important; border-radius: var(--color-button-btn-radius)!important; } .studios-btn-primary button:hover { font-weight: bold; box-shadow: 8px 12px 10px 0px rgba(0, 0, 0, 0.10); } /* button secondary */ .studios-btn-secondary button { color: var(--color-button-default-state-secondary-btn-txt-secondary)!important; background-color: var(--color-button-default-state-secondary-btn-secondary-bg)!important; border: 1px solid var(--color-button-default-state-secondary-btn-secondary-stroke)!important; border-radius: var(--color-button-btn-radius)!important; } .studios-btn-secondary button:hover { font-weight: bold; box-shadow: 8px 12px 10px 0px rgba(0, 0, 0, 0.10); } /* button tertiary */ .studios-btn-tertiary button { color: var(--color-button-default-state-tertiary-btn-txt-tertiary)!important; background-color: var(--color-button-default-state-tertiary-btn-tertiary-bg)!important; border: 1px solid var(--color-button-default-state-tertiary-btn-tertiary-stroke)!important; border-radius: var(--color-button-btn-radius)!important; } .studios-btn-tertiary button:hover { font-weight: bold; box-shadow: 8px 12px 10px 0px rgba(0, 0, 0, 0.10); } /* button inverted */ .studios-btn-inverted button { color: var(--color-button-default-state-inverted-btn-txt-inverted)!important; background-color: var(--color-button-default-state-inverted-btn-inverted-bg)!important; border: 1px solid var(--color-button-default-state-inverted-btn-inverted-stroke)!important; border-radius: var(--color-button-btn-radius)!important; } .studios-btn-inverted button:hover { font-weight: bold; box-shadow: 8px 12px 10px 0px rgba(0, 0, 0, 0.10); } .studios-btn-left div:has(button) { text-align: left; } .studios-btn-right div:has(button) { text-align: right; } .studios-btn-centre div:has(button) { text-align: center; } /* speakers cards */ .studios-spk-1 div.entity-photo-holder, .studios-spk-1 div.urban-entity-photo-holder { border-radius: var(--speaker-sections-colorway-1-speaker-card-radius-1); width: fit-content; margin: 25px 20px; padding: 0 24px; } .studios-spk-2 div.entity-photo-holder, .studios-spk-2 div.urban-entity-photo-holder { border-radius: var(--speaker-sections-colorway-2-speaker-card-radius-2); width: fit-content; margin: 25px 20px; padding: 0 24px; } .studios-spk-3 div.entity-photo-holder, .studios-spk-3 div.urban-entity-photo-holder { border-radius: var(--speaker-sections-colorway-3-speaker-card-radius-3); width: fit-content; margin: 20px; padding: 0 24px; } .studios-spk-4 div.entity-photo-holder, .studios-spk-4 div.urban-entity-photo-holder { border-radius: var(--speaker-sections-colorway-4-speaker-card-radius-4); width: fit-content; margin: 25px 20px; padding: 0 24px; } .studios-spk-1 a, .studios-spk-2 a, .studios-spk-3 a, .studios-spk-4 a { margin-top: 24px; margin-bottom: 16px; width: 260px; } .studios-spk-1 div.business.urban-entity-photo-holder a, .studios-spk-2 div.business.urban-entity-photo-holder a, .studios-spk-3 div.business.urban-entity-photo-holder a, .studios-spk-4 div.business.urban-entity-photo-holder a { width: 210px; } .studios-spk-1 div.business.entity-photo-holder a, .studios-spk-2 div.business.entity-photo-holder a, .studios-spk-3 div.business.entity-photo-holder a, .studios-spk-4 div.business.entity-photo-holder a { width: 220px; } @media(max-width: 425px) { .studios-spk-1 div.business.entity-photo-holder a, .studios-spk-2 div.business.entity-photo-holder a, .studios-spk-3 div.business.entity-photo-holder a, .studios-spk-4 div.business.entity-photo-holder a, .studios-spk-1 div.business.urban-entity-photo-holder a, .studios-spk-2 div.business.urban-entity-photo-holder a, .studios-spk-3 div.business.urban-entity-photo-holder a, .studios-spk-4 div.business.urban-entity-photo-holder a { width: auto; } } .studios-spk-1 div.entity-photo-holder > div:last-child, .studios-spk-2 div.entity-photo-holder > div:last-child, .studios-spk-3 div.entity-photo-holder > div:last-child, .studios-spk-4 div.entity-photo-holder > div:last-child, .studios-spk-1 div.urban-entity-photo-holder > div, .studios-spk-2 div.urban-entity-photo-holder > div, .studios-spk-3 div.urban-entity-photo-holder > div, .studios-spk-4 div.urban-entity-photo-holder > div { margin-bottom: 24px; text-align: center; } /* swaping company and position */ .studios-spk-1 div.speaker-text, .studios-spk-2 div.speaker-text, .studios-spk-3 div.speaker-text, .studios-spk-4 div.speaker-text, .studios-spk-1 div:has( > .atom-fullname), .studios-spk-2 div:has( > .atom-fullname), .studios-spk-3 div:has( > .atom-fullname), .studios-spk-4 div:has( > .atom-fullname) { display: flex; flex-direction: column; /* align-items: start; */ } .studios-spk-1 div.attendee-title, .studios-spk-2 div.attendee-title, .studios-spk-3 div.attendee-title, .studios-spk-4 div.attendee-title, .studios-spk-1 div.atom-text1, .studios-spk-2 div.atom-text1, .studios-spk-3 div.atom-text1, .studios-spk-4 div.atom-text1 { /* order: 3; */ } .studios-spk-1 div.main-app-container, .studios-spk-2 div.main-app-container, .studios-spk-3 div.main-app-container, .studios-spk-4 div.main-app-container { max-width: 1290px!important; } .studios-spk-1 object, .studios-spk-2 object, .studios-spk-3 object, .studios-spk-4 object { width: 100%!important; margin: 0!important; } .studios-spk-1 object { border-radius: var(--speaker-sections-colorway-1-speaker-card-img-radius-1); } .studios-spk-2 object { border-radius: var(--speaker-sections-colorway-2-speaker-card-img-radius-2); } .studios-spk-3 object { border-radius: var(--speaker-sections-colorway-3-speaker-card-img-radius-3); } .studios-spk-4 object { border-radius: var(--speaker-sections-colorway-4-speaker-card-img-radius-4); } @media(max-width: 768px) { .studios-spk-1 object, .studios-spk-2 object, .studios-spk-3 object, .studios-spk-4 object { height: unset!important; } } @media(max-width: 767px) { .studios-spk-1 div.speaker-text, .studios-spk-2 div.speaker-text, .studios-spk-3 div.speaker-text, .studios-spk-4 div.speaker-text { font-size: 1rem!important; } } @media(max-width: 425px) { .studios-spk-1 div.entity-photo-holder, .studios-spk-2 div.entity-photo-holder, .studios-spk-3 div.entity-photo-holder, .studios-spk-4 div.entity-photo-holder, .studios-spk-1 div.urban-entity-photo-holder, .studios-spk-2 div.urban-entity-photo-holder, .studios-spk-3 div.urban-entity-photo-holder, .studios-spk-4 div.urban-entity-photo-holder { margin: 25px auto; max-width: 260px; } .studios-spk-1 object, .studios-spk-2 object, .studios-spk-3 object, .studios-spk-4 object { min-width: unset!important; height: unset!important; max-width: 200px!important; } .studios-spk-1 a, .studios-spk-2 a, .studios-spk-3 a, .studios-spk-4 a { width: auto; } } .studios-spk-1 div.atom-sectionMain { background-color: var(--speaker-sections-colorway-1-speaker-section-bg-1); } .studios-spk-2 div.atom-sectionMain { background-color: var(--speaker-sections-colorway-2-speaker-section-bg-2); } .studios-spk-3 div.atom-sectionMain { background-color: var(--speaker-sections-colorway-3-speaker-section-bg-3); } .studios-spk-4 div.atom-sectionMain { background-color: var(--speaker-sections-colorway-4-speaker-section-bg-4); } .studios-spk-1 div.atom-sectionSecondary, .studios-spk-2 div.atom-sectionSecondary, .studios-spk-3 div.atom-sectionSecondary, .studios-spk-4 div.atom-sectionSecondary { background-color: transparent!important; } .studios-spk-1 div.entity-photo-holder, .studios-spk-1 div.urban-entity-photo-holder { background-color: var(--speaker-sections-colorway-1-speaker-card-bg-1)!important; } .studios-spk-2 div.entity-photo-holder, .studios-spk-2 div.urban-entity-photo-holder { background-color: var(--speaker-sections-colorway-2-speaker-card-bg-2)!important; } .studios-spk-3 div.entity-photo-holder, .studios-spk-3 div.urban-entity-photo-holder { background-color: var(--speaker-sections-colorway-3-speaker-card-bg-3)!important; } .studios-spk-4 div.entity-photo-holder, .studios-spk-4 div.urban-entity-photo-holder { background-color: var(--speaker-sections-colorway-4-speaker-card-bg-4)!important; } .studios-spk-1 div.entity-photo-holder:not(.wow), .studios-spk-2 div.entity-photo-holder:not(.wow), .studios-spk-3 div.entity-photo-holder:not(.wow), .studios-spk-4 div.entity-photo-holder:not(.wow) { padding: 0; } @media(max-width: 425px) { .studios-spk-1 div.entity-photo-holder:not(.wow), .studios-spk-2 div.entity-photo-holder:not(.wow), .studios-spk-3 div.entity-photo-holder:not(.wow), .studios-spk-4 div.entity-photo-holder:not(.wow) { padding: 0 24px; } } .studios-spk-1 div.attendee-name, .studios-spk-1 div.attendee-name-big, .studios-spk-1 div.atom-fullname { color: var(--speaker-sections-colorway-1-speaker-card-name-1)!important; font-weight: bold; } .studios-spk-2 div.attendee-name, .studios-spk-2 div.attendee-name-big, .studios-spk-2 div.atom-fullname { color: var(--speaker-sections-colorway-2-speaker-card-name-2)!important; font-weight: bold; } .studios-spk-3 div.attendee-name, .studios-spk-3 div.attendee-name-big, .studios-spk-3 div.atom-fullname { color: var(--speaker-sections-colorway-3-speaker-card-name-3)!important; font-weight: bold; } .studios-spk-4 div.attendee-name, .studios-spk-4 div.attendee-name-big, .studios-spk-4 div.atom-fullname { color: var(--speaker-sections-colorway-4-speaker-card-name-4)!important; font-weight: bold; } .studios-spk-1 div.attendee-title, .studios-spk-1 div.atom-text1 { color: var(--speaker-sections-colorway-1-speaker-card-title-1)!important; } .studios-spk-2 div.attendee-title, .studios-spk-2 div.atom-text1 { color: var(--speaker-sections-colorway-2-speaker-card-title-2)!important; } .studios-spk-3 div.attendee-title, .studios-spk-3 div.atom-text1 { color: var(--speaker-sections-colorway-3-speaker-card-title-3)!important; } .studios-spk-4 div.attendee-title, .studios-spk-4 div.atom-text1 { color: var(--speaker-sections-colorway-4-speaker-card-title-4)!important; } .studios-spk-1 div.attendee-company, .studios-spk-1 div.atom-text2 { color: var(--speaker-sections-colorway-1-speaker-card-company-1)!important; /* font-weight: bold; */ } .studios-spk-2 div.attendee-company, .studios-spk-2 div.atom-text2 { color: var(--speaker-sections-colorway-2-speaker-card-company-2)!important; font-weight: bold; } .studios-spk-3 div.attendee-company, .studios-spk-3 div.atom-text2 { color: var(--speaker-sections-colorway-3-speaker-card-company-3)!important; font-weight: bold; } .studios-spk-4 div.attendee-company, .studios-spk-4 div.atom-text2 { color: var(--speaker-sections-colorway-4-speaker-card-company-4)!important; font-weight: bold; } .studios-spk-1 div:has( > .atom-fullname) > div, .studios-spk-2 div:has( > .atom-fullname) > div, .studios-spk-3 div:has( > .atom-fullname) > div, .studios-spk-4 div:has( > .atom-fullname) > div { width: initial; margin-bottom: 6px; margin-top: 0px!important; } .studios-spk-1 div.speaker-social-icons svg { fill: var(--speaker-sections-colorway-1-speaker-social-icon-bg-1); } .studios-spk-1 div.speaker-social-icons svg rect, .studios-spk-1 div.speaker-social-icons svg circle { stroke: var(--speaker-sections-colorway-1-speaker-social-icon-stroke-1); } .studios-spk-1 div.speaker-social-icons svg path { fill: var(--speaker-sections-colorway-1-speaker-social-icon-stroke-1); } .studios-spk-2 div.speaker-social-icons svg { fill: var(--speaker-sections-colorway-2-speaker-social-icon-bg-2); } .studios-spk-2 div.speaker-social-icons svg rect, .studios-spk-2 div.speaker-social-icons svg circle { stroke: var(--speaker-sections-colorway-2-speaker-social-icon-stroke-2); } .studios-spk-2 div.speaker-social-icons svg path { fill: var(--speaker-sections-colorway-2-speaker-social-icon-stroke-2); } .studios-spk-3 div.speaker-social-icons svg { fill: var(--speaker-sections-colorway-3-speaker-social-icon-bg-3); } .studios-spk-3 div.speaker-social-icons svg rect, .studios-spk-3 div.speaker-social-icons svg circle { stroke: var(--speaker-sections-colorway-3-speaker-social-icon-stroke-3); } .studios-spk-3 div.speaker-social-icons svg path { fill: var(--speaker-sections-colorway-3-speaker-social-icon-stroke-3); } .studios-spk-4 div.speaker-social-icons svg { fill: var(--speaker-sections-colorway-4-speaker-social-icon-bg-4); } .studios-spk-4 div.speaker-social-icons svg rect, .studios-spk-4 div.speaker-social-icons svg circle { stroke: var(--speaker-sections-colorway-4-speaker-social-icon-stroke-4); } .studios-spk-4 div.speaker-social-icons svg path { fill: var(--speaker-sections-colorway-4-speaker-social-icon-stroke-4); } .studios-spk-1 h2 { color: var(--speaker-sections-colorway-1-speaker-section-title-1)!important; } .studios-spk-2 h2 { color: var(--speaker-sections-colorway-2-speaker-section-title-2)!important; } .studios-spk-3 h2 { color: var(--speaker-sections-colorway-3-speaker-section-title-3)!important; margin-left: 80px; } .studios-spk-4 h2 { color: var(--speaker-sections-colorway-4-speaker-section-title-4)!important; } .studios-spk-1 h2 { margin: 0 125px; padding-left: 0; } @media(max-width: 1290px) { .studios-spk-1 h2 { margin: 0 calc((100% - 1004px)/2); } } @media(max-width: 1043px) { .studios-spk-1 h2 { margin: 0 calc((100% - 656px)/2); } } @media(max-width: 695px) { .studios-spk-1 h2 { margin: 0 calc((100% - 308px)/2); } } @media(max-width: 425px) { .studios-spk-1 h2 { margin: 0 calc((100% - 248px)/2); } } /* .studios-spk-1-strk */ .studios-spk-1-strk div.entity-photo-holder, .studios-spk-1-strk div.urban-entity-photo-holder { border: var(--speaker-sections-speaker-card-stroke-thickness) solid var(--speaker-sections-colorway-1-speaker-card-outline-1); } /* .studios-spk-2-strk */ .studios-spk-2-strk div.entity-photo-holder, .studios-spk-2-strk div.urban-entity-photo-holder { border: var(--speaker-sections-speaker-card-stroke-thickness) solid var(--speaker-sections-colorway-2-speaker-card-outline-2); } /* .studios-spk-3-strk */ .studios-spk-3-strk div.entity-photo-holder, .studios-spk-3-strk div.urban-entity-photo-holder { border: var(--speaker-sections-speaker-card-stroke-thickness) solid var(--speaker-sections-colorway-3-speaker-card-outline-3); } /* .studios-spk-4-strk */ .studios-spk-4-strk div.entity-photo-holder, .studios-spk-4-strk div.urban-entity-photo-holder { border: var(--speaker-sections-speaker-card-stroke-thickness) solid var(--speaker-sections-colorway-4-speaker-card-outline-4); } /* .studios-spk-shdw */ .studios-spk-shdw div.entity-photo-holder, .studios-spk-shdw div.urban-entity-photo-holder { box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.10), 9px 15px 17px 0px rgba(0, 0, 0, 0.09), 20px 33px 23px 0px rgba(0, 0, 0, 0.05), 36px 59px 28px 0px rgba(0, 0, 0, 0.01), 56px 93px 30px 0px rgba(0, 0, 0, 0.00); } /* speaker images stroke */ .studios-spk-img-stroke-1 object { border: var(--speaker-sections-colorway-1-speaker-card-img-radius-1) solid var(--speaker-sections-colorway-1-speaker-stroke-1); } .studios-spk-img-stroke-2 object { border: var(--speaker-sections-colorway-2-speaker-card-img-radius-2) solid var(--speaker-sections-colorway-2-speaker-stroke-2); } .studios-spk-img-stroke-3 object { border: var(--speaker-sections-colorway-3-speaker-card-img-radius-3) solid var(--speaker-sections-colorway-3-speaker-stroke-3); } .studios-spk-img-stroke-4 object { border: var(--speaker-sections-colorway-4-speaker-card-img-radius-4) solid var(--speaker-sections-colorway-4-speaker-stroke-4); } /* speaker image shadow */ .studios-spk-img-shdw object { box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.10), 9px 15px 17px 0px rgba(0, 0, 0, 0.09), 20px 33px 23px 0px rgba(0, 0, 0, 0.05), 36px 59px 28px 0px rgba(0, 0, 0, 0.01), 56px 93px 30px 0px rgba(0, 0, 0, 0.00); } /* speaker image solid shadow */ .studios-spk-sld-shdw-1 object { box-shadow: var(--solid-shadow-horisontal-offset) var(--solid-shadow-vertical-offset) var(--speaker-sections-colorway-1-speaker-solid-shadow-1); } .studios-spk-sld-shdw-2 object { box-shadow: var(--solid-shadow-horisontal-offset) var(--solid-shadow-vertical-offset) var(--speaker-sections-colorway-2-speaker-solid-shadow-2); } .studios-spk-sld-shdw-3 object { box-shadow: var(--solid-shadow-horisontal-offset) var(--solid-shadow-vertical-offset) var(--speaker-sections-colorway-3-speaker-solid-shadow-3); } .studios-spk-sld-shdw-4 object { box-shadow: var(--solid-shadow-horisontal-offset) var(--solid-shadow-vertical-offset) var(--speaker-sections-colorway-4-speaker-solid-shadow-4); } /* HEADERS */ /* .studios-header-4 */ .studios-header-4 > div { background: linear-gradient( to right, var(--header-header-bg-1) 0%, #F6C100 53%, var(--header-header-bg-2) 53%, var(--header-header-bg-2) 100% )!important; /* height: calc(100vw*982/1512); */ display: flex; align-items: center; } .studios-header-4 * { color: var(--header-header-txt-1)!important; } .studios-header-4 div.main-app-container { max-width: unset; width: 100%; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) > img { max-width: 155px; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 { display: flex; align-items: center; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) { width: 40%; height: 100%; padding-left: 7%!important; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(2) { width: 60%; padding-right: 0px!important; /* background-image: url(https://res.cloudinary.com/bizzaboprod/image/upload/q_auto,f_auto,c_scale,c_crop,g_custom/v1718214240/d3hbzvijhzirccm5vz9d); height: calc(60vw*817/979); background-size: cover; background-repeat: no-repeat; background-position-x: 85%; border-radius: 30px 0 0 30px; */ } /* .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(2) > img { display: none; } */ .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(2) > img { border-radius: 30px 0 0 30px; } @media(max-width: 900px) { .studios-header-4 > div > div { padding-top: 0px!important; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(2) { width: 100%; padding-left: 0px!important; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) > img { max-width: 100px; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(2) > img { border-radius: 0!important; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) { width: 100%; padding: 10% 0 0 10%!important; } .studios-header-4 > div { background: linear-gradient( to right, var(--header-header-bg-1) 0%, #F6C100 100% )!important; height: 100%; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 { flex-direction: column-reverse; } } @media(max-width: 525px) { .studios-header-4 > div { /* background: linear-gradient(347deg, #F6C100 5.88%, #F10000 49.14%, #C00 98.9%)!important; */ height: 100%; align-items: end; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(2) { /* height: calc(100vw*356/377); */ border-radius: 0; } .studios-header-4 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) { padding: 0 30px!important; } } /* FOOTERS */ /* studios-footer-A */ .studios-footer-A > div { background-color: var(--footer-footer-background-a1)!important; } .studios-footer-A * { color: var(--footer-footer-txt-a)!important; } /* studios-footer-B */ .studios-footer-B > div { background-color: var(--footer-footer-background-b1)!important; } .studios-footer-B * { color: var(--footer-footer-txt-b)!important; } /* studios-footer-A3 */ .studios-footer-A3 > div { background-color: var(--footer-footer-background-a2)!important; } .studios-footer-A3 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div { background-color: var(--footer-footer-background-a1)!important; } .studios-footer-A3 * { color: var(--footer-footer-txt-a)!important; } /* studios-footer-B3 */ .studios-footer-B3 > div { background-color: var(--footer-footer-background-b2)!important; } .studios-footer-B3 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div { background-color: var(--footer-footer-background-b1)!important; } .studios-footer-B3 * { color: var(--footer-footer-txt-b)!important; } /* studios-footer-02 */ .studios-footer-02 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > img { max-width: 300px; max-height: 40px; margin: 13px 0 13px auto; padding: 0; } .studios-footer-02 > div > div { margin: 0 auto; width: 90%; padding: 0!important; } .studios-footer-02 > div { height: calc(100vw* 329 / 1512); display: flex; flex-direction: row; align-items: center; min-height: 329px; } .studios-footer-02 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div { padding: 0; display: flex; flex-direction: row; } .studios-footer-02 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > p { text-align: end!important; } .studios-footer-02 div.links, .studios-footer-02 div.socials { display: flex; justify-content: end; align-items: center; margin-top: 25px; } .studios-footer-02 div.links > p { padding: 5px 10px; border-right: 1px solid; } .studios-footer-02 div.links > p:last-child { border-right: none!important; } .studios-footer-02 div.socials > p > img { margin: 0 5px!important; width: 20px; } .studios-footer-02 div.socials > p { margin: 0; } @media(max-width: 900px) { .studios-footer-02 > div > div { margin-right: 60px!important; margin-left: 80px!important; max-width: unset!important; } .studios-footer-02 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div { flex-direction: column; } .studios-footer-02 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > img { margin: 50px auto 13px 0; width: 250px; } .studios-footer-02 > div { align-items: start; } } @media(max-width: 640px) { .studios-footer-02 > div > div { max-width: 450px!important; margin-left: auto!important; } .studios-footer-02 div.links { flex-direction: column; gap: 10px; padding: 10px; align-items: end; } .studios-footer-02 div.links > p { border-right: none; margin: 0!important; } .studios-footer-02 > div > div { max-width: unset!important; margin-left: 38px!important; margin-right: 38px!important; } .studios-footer-02 div.socials { border-bottom: 1px solid; padding: 20px 0; } .studios-footer-02 > div { min-height: 600px; } } /* AGENDA */ /* code to change background color both */ /* div.agenda-view { background-color: var(--color-backgrounds-bg-base)!important; } */ div.agenda-view.session-list-view.agenda-custom-css.list.row { /* padding-top: 360px; */ margin-top: 0px; } /* just session list */ div.session-list-view:nth-child(2) { min-height: calc(100vh - 255px); background-color: var(--agenda-page-page-elements-page-background-agenda-page-bg)!important; } /* just search bar */ div.agenda-view--search { background-color: var(--agenda-page-search-filters-agenda-search-filters-section-bg)!important; } .agenda-view.session-list-view.top-agenda-margin-single.agenda-custom-css.agenda-day-selector.agenda-view--search { margin-top: 65px!important; } .agenda-viewsession-list-view.agenda-custom-css.sideBySide { margin-top: 255px!important; } /* no session button */ .agenda-view .session-list-container .no-sessions-container .full-agenda-btn { background: linear-gradient(270deg, #F6C100 0.01%, #F10000 46.5%, #C00 99.99%)!important; padding: 12px 30px; border: none!important; color: white!important; text-transform: capitalize!important; border-radius: var(--color-button-btn-radius)!important; } /* AGENDA SEARCH BAR */ /* search icon */ .react-autosuggest__container::before { color: var(--agenda-page-search-filters-search-bar-agenda-search-icons)!important; } /* filter icon */ i.icon-AgendaAtt_filter { color: var(--agenda-page-search-filters-search-bar-agenda-search-icons)!important; } /* filter arrow */ span.caret { content: "\2304"!important; color: var(--agenda-page-search-filters-search-bar-agenda-search-stroke)!important; } /* day filters */ /* google sheets code agenda1 */ .day-elems { background: transparent!important; color: var(--agenda-page-search-filters-day-tab-section-agenda-day-tab-txt)!important; } .day-elems:hover { border: none!important; } /* current day filter */ /* google sheets code agenda2 */ .day-elems.selected { background: transparent!important; color: var(--agenda-page-search-filters-day-tab-section-agenda-day-tab-txt-active)!important; } .day-elem-border.selected { background-color: var(--agenda-page-search-filters-day-tab-section-agenda-day-active-highlight)!important; } /* Search bar */ /* google sheets code agenda3 */ div.search-session > div > div > div > input { border-radius: var(--agenda-page-search-filters-search-bar-agenda-search-radius); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background-color: var(--agenda-page-search-filters-search-bar-agenda-search-bar-bg); color: var(--agenda-page-search-filters-search-bar-agenda-search-bar-txt); border: var(--color-button-btn-outline-thickness) solid; border-color: var(--agenda-page-search-filters-search-bar-agenda-search-stroke)!important; } /* search filter dropdown */ /* google sheets code agenda4 */ #sessions-filter { border: var(--color-button-btn-outline-thickness) solid!important; border-radius: var(--agenda-page-search-filters-search-bar-agenda-search-radius)!important; background-color: var(--agenda-page-search-filters-search-bar-agenda-search-bar-bg)!important; border-color: var(--agenda-page-search-filters-search-bar-agenda-search-stroke)!important; } #sessions-filter span.filter-label { color: var(--agenda-page-search-filters-search-bar-agenda-search-bar-txt)!important; } /* ticket sector dropdown */ /* google sheets code agenda5 */ .ticket-select-holder { border: var(--agenda-page-search-filters-search-bar-agenda-search-stroke) var(--color-button-btn-outline-thickness) solid!important; border-radius: var(--agenda-page-search-filters-search-bar-agenda-search-radius)!important; color: var(--agenda-page-search-filters-search-bar-agenda-search-bar-txt)!important; background-color: var(--agenda-page-search-filters-search-bar-agenda-search-bar-bg)!important; } .ticket-select-holder > i { color: var(--agenda-page-search-filters-search-bar-agenda-search-icons)!important; } .select-ticket-section { background-color: transparent!important; } /* logout button */ .login-buttons-container > button { background-color: var(--agenda-page-search-filters-login-button-agenda-login-bg)!important; border-radius: var(--color-button-btn-radius)!important; border: var(--color-button-btn-outline-thickness) solid var(--agenda-page-search-filters-login-button-agenda-login-hover-stroke)!important; color: var(--agenda-page-search-filters-login-button-agenda-login-txt)!important; font-size: 14px!important; } .login-buttons-container > button:hover { box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.10), 9px 15px 17px 0px rgba(0, 0, 0, 0.09), 20px 33px 23px 0px rgba(0, 0, 0, 0.05), 36px 59px 28px 0px rgba(0, 0, 0, 0.01), 56px 93px 30px 0px rgba(0, 0, 0, 0.00); background-color: var(--agenda-page-search-filters-login-button-agenda-login-hover)!important; } .agenda-view > .container:not(.session-page) .agenda-separator { background-color: var(--agenda-page-search-filters-day-tab-section-agenda-day-section-stroke)!important; } /* agenda view buttons */ /* google sheets code agenda6 */ .agenda-view > .container:not(.session-page) .view-button { border: none!important; background: transparent!important; } .agenda-view > .container:not(.session-page) .view-button.view-button-active { border: none!important; background: transparent!important; } i.icon-AgendaAtt_list { color: var(--agenda-page-search-filters-agenda-list-view-icons)!important; } i.icon-AgendaAtt_sideByside { color: var(--agenda-page-search-filters-agenda-grid-view-icons)!important; } .agenda-view button.view-button-active > i.icon-AgendaAtt_list { color: var(--agenda-page-search-filters-agenda-list-view-icons-active)!important; } .agenda-view button.view-button-active > i.icon-AgendaAtt_sideByside { color: var(--agenda-page-search-filters-agenda-grid-view-icons-active)!important; } /* All sessions My interests My register sessions */ .agenda-view > .tab-buttons-container .tab-button { color: var(--agenda-page-search-filters-day-tab-section-agenda-day-tab-txt)!important; background: transparent!important; } .agenda-view > .tab-buttons-container .tab-button:hover { border: none!important; } .agenda-view > .tab-buttons-container .background-color-gray { background-color: transparent!important; } .agenda-view > .tab-buttons-container .tab-button-border.color-1-background.custom-color { background-color: var(--agenda-page-search-filters-session-filter-tabs-agenda-filter-tab-active-highlight)!important; } /* agenda-filter-tab-icons */ div.tab-buttons-container i.icon-AgendaAtt_sessionOn, div.tab-buttons-container i.icon-lead_on, div.tab-buttons-container i.icon-Chair_ON { color: var(--agenda-page-search-filters-session-filter-tabs-agenda-filter-tab-active-highlight)!important; } div.tab-buttons-container i.icon-AgendaAtt_session, div.tab-buttons-container i.icon-lead_off, div.tab-buttons-container i.icon-Chair_OFF { color: var(--agenda-page-search-filters-session-filter-tabs-agenda-filter-tab-icons)!important; } /* AGENDA SESSIONS LIST */ /* agenda star/seat box */ div.session-actions-container { border-color: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-interests-stroke)!important; background-color: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-interests-bg)!important; border-radius: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-interests-radius); } /* star-seat */ /* active */ span.session-action-container > i.icon-lead_on { color: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-fav-active)!important; } span.session-action-container > i.icon-Chair_ON { color: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-save-a-seat-active)!important; } /* not active */ span.session-action-container > i.icon-lead_off { color: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-fav-icon)!important; } span.session-action-container > i.icon-Chair_OFF { color: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-save-a-seat)!important; } /* separator */ span.session-actions-separator { border-color: var(--agenda-page-session-tile-interested-save-a-seat-agenda-session-interests-stroke)!important; } /* agenda dates */ /* google sheets code agenda7 */ .agenda-view > .container:not(.session-page) .day-title { color: var(--agenda-page-page-elements-day-label-agenda-day-label-txt)!important; } /* agenda times */ /* google sheets code agenda8 */ .agenda-view > .container:not(.session-page) .time-elem > div { background-color: var(--agenda-page-page-elements-time-block-labels-agenda-time-block-bg)!important; color: var(--agenda-page-page-elements-time-block-labels-agenda-time-block-txt)!important; border-radius: 4px!important; border: var(--color-button-btn-outline-thickness) solid var(--agenda-page-page-elements-time-block-labels-agenda-time-block-stroke); } /* session box */ /* google sheets code agenda9 */ .agenda-view > .container:not(.session-page) .session-container { border: var(--color-button-btn-outline-thickness) solid var(--agenda-page-session-tile-tile-styling-agenda-session-tile-stroke)!important; border-radius: var(--agenda-page-session-tile-tile-styling-agenda-session-tile-radius)!important; background: var(--agenda-page-session-tile-tile-styling-agenda-session-tile-bg); box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.10), 9px 15px 17px 0px rgba(0, 0, 0, 0.09), 20px 33px 23px 0px rgba(0, 0, 0, 0.05), 36px 59px 28px 0px rgba(0, 0, 0, 0.01), 56px 93px 30px 0px rgba(0, 0, 0, 0.00); } /* session box times */ /* google sheets code agenda10 */ .agenda-view > .container:not(.session-page) .session-info-text {} .agenda-view > .container:not(.session-page) time > span { color: var(--agenda-page-session-tile-session-details-agenda-session-time)!important; } /* session box title */ /* google sheets code agenda11 */ .agenda-view > .container:not(.session-page) .session-title { color: var(--agenda-page-session-tile-session-details-agenda-session-title)!important; } /* session box location */ /* google sheets code agenda12 */ .agenda-view > .container:not(.session-page) .session-location, .agenda-view > .container:not(.session-page) .session-location > i { color: var(--agenda-page-session-tile-session-details-agenda-session-location)!important; } /* broadcast */ .agenda-view > .container:not(.session-page) .broadcast-label > span, .agenda-view > .container:not(.session-page) .broadcast-label > svg, .agenda-view > .container:not(.session-page) p.broadcast-label-additional-text { color: var(--agenda-page-session-tile-join-session-button-agenda-session-join-txt)!important; fill: var(--agenda-page-session-tile-join-session-button-agenda-session-join-txt)!important; } .agenda-view > .container:not(.session-page) .broadcast-label-container { /* background-color: var(--agenda-page-session-tile-join-session-button-agenda-session-join-bg)!important; border-radius: var(--color-button-btn-radius); border: var(--color-button-btn-outline-thickness) solid var(--agenda-page-session-tile-join-session-button-agenda-session-join-stroke); */ width: fit-content; padding: 10px 20px; } .agenda-view > .container:not(.session-page) .broadcast-label-container { border: none!important; outline: none; position: relative; border-radius: 360px!important; background: linear-gradient(to right, #CC0000, #F10000, #F6C100)!important; cursor: pointer; color: black!important; z-index: 1; } .agenda-view > .container:not(.session-page) .broadcast-label-container::before { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; background-color: white!important; border-radius: 359px; z-index: -1; } .agenda-view > .container:not(.session-page) .broadcast-label-container::after { content: attr(data); font-size: 16px; -webkit-background-clip: text; color: transparent; } .agenda-view > .container:not(.session-page) .broadcast-label-container:hover { box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.10), 9px 15px 17px 0px rgba(0, 0, 0, 0.09), 20px 33px 23px 0px rgba(0, 0, 0, 0.05), 36px 59px 28px 0px rgba(0, 0, 0, 0.01), 56px 93px 30px 0px rgba(0, 0, 0, 0.00); } /* session box description */ /* google sheets code agenda13 */ .agenda-view > .container:not(.session-page) .session-description-inner { color: var(--agenda-page-session-tile-session-details-agenda-session-description)!important; } /* session box speakers container */ /* google sheets code agenda14 */ .agenda-view > .container:not(.session-page) .speakers-container {} /* session box speakers info */ /* google sheets code agenda15 */ .agenda-view > .container:not(.session-page) .speaker-slide > div.speaker-info > div.speaker-name { color: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-title)!important; } .agenda-view > .container:not(.session-page) .speaker-slide > div.speaker-info > div.speaker-title { color: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-info)!important; } .agenda-view > .container:not(.session-page) .speaker-slide > div.speaker-info > div.speaker-company { color: var(--agenda-page-session-tile-associated-speakers-agenda-speaker-info)!important; } a.agenda-flex.speaker-slide { text-decoration: none!important; } /* session box speakers image */ /* google sheets code agenda16 */ .agenda-view > .container:not(.session-page) .speaker-slide > div.speaker-photo > div.image-holder > img { border-radius: var(--agenda-page-session-tile-associated-speakers-speaker-thumbnail-radius); } /* session box sponsors container */ /* google sheets code agenda17 */ .agenda-view > .container:not(.session-page) .sponsors-container { color: var(--agenda-page-session-tile-sponsor-details-agenda-session-sponsored-by); } /* session box sponsors image */ /* google sheets code agenda18 */ .agenda-view > .container:not(.session-page) .sponsors-container > div > div.sponsor-column > img.sponsor-image { border-radius: var(--agenda-page-session-tile-sponsor-details-sponsor-radius, 8px); opacity: var(--color-button-btn-outline-thickness); } /* google sheets code Sessions2 */ .agenda-view--session { padding-top: 0px; padding-bottom: 140px; margin-top: -120px!important; height: auto; background-color: var(--session-page-page-background-session-page-bg); } /* google sheets code Sessions2 back button */ .agenda-view > .session-page .back-to-agenda { background-color: var(--session-page-sessions-tile-back-button-session-back-bg)!important; border: var(--color-button-btn-outline-thickness) solid var(--session-page-sessions-tile-back-button-session-back-stroke)!important; border-radius: var(--session-page-sessions-tile-back-button-session-back-radius) var(--session-page-sessions-tile-back-button-session-back-radius) 0px 0px!important; color: var(--session-page-sessions-tile-back-button-session-back-txt)!important; } /* google sheets code Sessions3 */ .session-page.container:not(.transparentContainer) { border: 1px solid var(--session-page-sessions-tile-tile-styling-session-tile-stroke)!important; border-radius: var(--session-page-speakers-tile-session-speakers-tile-radius)!important; background: var(--session-page-sessions-tile-tile-styling-session-tile-bg)!important; } .agenda-view--session .session-page .session-section-container { background: var(--session-page-sessions-tile-session-details-session-time)!important; border: 1px solid var(--colors-brand-primary-hitachi-red)!important; } .session-broadcast-container { border: none!important; } /* google sheets code Sessions4 */ .session-dates {} .agenda-view > .session-page time > span { color: var(--session-page-sessions-tile-session-details-session-time); } /* google sheets code Sessions5 */ body > div.react-main.footer-padding-confirmation > div > div > div > div.session-page > div.session-info-container > div.margin-bottom-xs.row > div > span, body > div.react-main > div > div > div.agenda-view.top-agenda-margin-double.with-banner.agenda-view--session > div:nth-child(1) > div.session-info-container > div.margin-bottom-xs.row > div > span { color: var(--session-page-sessions-tile-session-details-session-title)!important; } /* google sheets code Sessions6 */ .agenda-view > .session-page .session-location { color: var(--session-page-sessions-tile-session-details-session-location)!important; } /* google sheets code Sessions7 */ .agenda-view > .session-page .session-description, .agenda-view > .session-page .session-description > p { color: var(--session-page-sessions-tile-session-details-session-description)!important; } /* interested save seat add to calendar share */ .agenda-view > .session-page .session-button { color: var(--session-page-sessions-tile-session-interaction-session-interaction-txt); } .agenda-view > .session-page .session-info-container .separator { background: var(--session-page-sessions-tile-tags-session-tag-stroke)!important; } /* tag-box */ .agenda-view > .session-page .tag-box { background-color: var(--session-page-sessions-tile-tags-session-tag-bg)!important; border: 1px solid var(--session-page-sessions-tile-tags-session-tag-stroke)!important; border-radius: 8px!important; color: var(--session-page-sessions-tile-tags-session-tag-txt)!important; } /* google sheets code Sessions8 */ /* preview windows container */ .preview-window-container .agenda-view .session-page .session-section-container { margin-bottom: 15px; } .preview-window-container > div > div:nth-child(2) { background-color: var(--agenda-page-preview-window-background-preview-window-bg)!important; } .preview-window-container .session-page.container.transparentContainer .session-speaker-container { background-color: var(--agenda-page-preview-window-speaker-tile-preview-speaker-tile-bg)!important; } .preview-window-container .session-page.container.transparentContainer .session-sponsors-container { background-color: var(--agenda-page-preview-window-session-sponsors-preview-sponsor-tile-bg)!important; } /* google sheets code Sessions9 */ .agenda-view > .session-page .session-section-title:not(.text-ellipsis) { color: var(--session-page-speakers-tile-session-speakers-tile-title); } .agenda-view > .session-page .speaker-photo > div > img { border-radius: var(--session-page-speakers-tile-session-speakers-thumbnail-radius); } .agenda-view > .session-page .speaker-slide > div.speaker-info > div.speaker-name { color: var(--session-page-speakers-tile-session-speaker-name); } .agenda-view > .session-page .speaker-slide > div.speaker-info > div.speaker-title, .agenda-view > .session-page .speaker-slide > div.speaker-info > div.speaker-company { color: var(--session-page-speakers-tile-sessions-speaker-info); } /* google sheets code Sessions10 */ .session-sponsors-container {} .agenda-view > .session-page .session-section-title.text-ellipsis { color: var(--session-page-session-sponsors-session-sponsor-title); } .agenda-view > .session-page .sponsor-image { border-radius: var(--agenda-page-session-tile-sponsor-details-sponsor-radius); } .agenda-view > .session-page .sponsor-description, .agenda-view > .session-page .sponsor-name { color: var(--session-page-session-sponsors-session-sponsor-body-txt)!important; } /* title-indicator */ .agenda-view > .session-page .title-indicator { background-color: var(--session-page-speakers-tile-session-speaker-tab); } /* register modal */ /* .agenda-modal .modal-dialog .modal-content { font-family: 'Manrope', sans-serif!important; background-color: var(--colors-brand-primary-mainnet-royalpurple)!important; } div.register-login-modal-content { background-color: transparent!important; } div.modal-body > button { background-color: var(--colors-brand-primary-mainnet-green)!important; } div.modal-body > button > svg { fill: var(--colors-brand-primary-mainnet-royalpurple)!important; } .register-login-modal-content .subtitle, .register-login-modal-content, .register-login-modal-content svg > path { color: white!important; } */ /* register/login button */ /* div.register-login-modal-content a.cta-button, div.register-login-modal-content button.cta-button { color: var(--colors-brand-primary-mainnet-royalpurple)!important; background-color: var(--colors-brand-primary-mainnet-green)!important; border: 1px solid var(--colors-brand-primary-mainnet-green)!important; border-radius: 4px!important; font-size: 18px!important; } */ /* div.register-login-modal-content a.cta-button:hover { text-decoration: none!important; } div.register-login-modal-content button.cta-button:hover { background-color: var(--colors-brand-primary-mainnet-green)!important; } */ /* changing rating icons */ .icon-AgendaAtt_heart:before { content: "\2606"!important; color: var(--session-page-sessions-tile-session-interaction-session-icons-fillsession-rating-fill); } .icon-AgendaAtt_love::before { content: "\2605"!important; color: var(--session-page-sessions-tile-session-interaction-session-icons-fillsession-rating-fill); } /* SPEAKER page */ /* back button */ .speaker-view button.speaker-back-button { background-color: var(--speakers-profile-page-back-button-speaker-back-bg)!important; border: var(--color-button-btn-outline-thickness) solid var(--speakers-profile-page-back-button-speaker-back-stroke)!important; border-radius: var(--session-page-sessions-tile-back-button-session-back-radius) var(--session-page-sessions-tile-back-button-session-back-radius) 0px 0px!important; color: var(--session-page-sessions-tile-back-button-session-back-txt)!important; } /* share button */ .speaker-view button.speaker-share-button { background-color: var(--speakers-profile-page-share-button-speaker-share-bg)!important; border-radius: var(--speakers-profile-page-share-button-speaker-share-radius) var(--speakers-profile-page-share-button-speaker-share-radius) 0px 0px!important; color: var(--speakers-profile-page-share-button-speaker-share-txt)!important; } .speaker-view button.speaker-share-button > svg { fill: var(--speakers-profile-page-share-button-speaker-share-txt); } body.color-1-background-opacity { background-color: var(--color-backgrounds-bg-base)!important; } .speaker-view .speaker-profile { background-color: var(--color-backgrounds-bg-base)!important; border-radius: var(--speakers-profile-page-speaker-profile-speaker-info-tile-radius); border: 1px solid var(--color-backgrounds-bg-base); } .speaker-view .speaker-sessions { background-color: var(--speakers-profile-page-speaker-profile-speaker-info-tile-bg)!important; border-radius: var(--speakers-profile-page-speaker-profile-speaker-info-tile-radius); border: 1px solid var(--speakers-profile-page-speaker-profile-speaker-info-tile-stroke); } .speaker-view .speaker-container .speaker-profile .speaker-image-wrapper .speaker-image-stub { border-radius: var(--speakers-profile-page-speaker-profile-speaker-img-radius); border: none; } /* image cropping fixing */ .speaker-view .speaker-container { padding: 140px 70px; } .speaker-view h1.speaker-name { color: var(--speakers-profile-page-speaker-profile-speaker-name)!important; } .speaker-view .speaker-community-like-wrapper > span { color: var(--speakers-profile-page-speaker-profile-speaker-icons); } .speaker-view .speaker-position { color: var(--speakers-profile-page-speaker-profile-speaker-job-title); } .speaker-view .speaker-company { color: var(--speakers-profile-page-speaker-profile-speaker-company); } .speaker-view .speaker-bio { color: var(--speakers-profile-page-speaker-profile-speaker-description)!important; } .speaker-view .speaker-section-notch { background-color: var(--speakers-profile-page-speaker-sessions-speaker-session-tile-tab); } .speaker-view h1.speaker-sessions-title { color: var(--speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-title)!important; } .speaker-view h1.tweets-activity-title { color: var(--speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-tile-title)!important; } .speaker-view time > span { color: var(--speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-time)!important; } .speaker-view .speaker-session-title { color: var(--speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-name)!important; } .speaker-view .speaker-session-excerpt > p { color: var(--speakers-profile-page-speaker-profile-speaker-sessions-speaker-session-description)!important; } /* social icons */ div.speaker-view div.speaker-social > a > svg { fill: var(--speakers-profile-page-speaker-profile-speaker-icons); } /* session tile */ div.speaker-sessions-twitter-wrapper div.speaker-sessions { border-radius: var(--speakers-profile-page-speaker-sessions-speaker-session-tile-radius); } /* twitter tile */ .speaker-view .speaker-twitter { background-color: var(--speakers-profile-page-speaker-profile-speaker-info-tile-bg)!important; border-radius: var(--speakers-profile-page-speaker-profile-speaker-info-tile-radius); border: 1px solid var(--speakers-profile-page-speaker-profile-speaker-info-tile-stroke); } /* SPEAKER PAGe */ /* social icons */ div.speaker-view div.speaker-social > a > svg { fill: var(--speakers-profile-page-speaker-profile-speaker-icons); } div.speaker-view div.speaker-profile { display: flex; } div.speaker-view div.col-lg-9.col-lg-pull-3.col-md-8.col-md-pull-4.col-sm-9.col-sm-pull-3.col-xs-12 { width: 100%; right: 0; } div.speaker-view div.speaker-socials { position: absolute; right: 0; top: 0; } /* session tile */ div.speaker-sessions-twitter-wrapper div.speaker-sessions { border-radius: var(--speakers-profile-page-speaker-sessions-speaker-session-tile-radius); } /* twitter tile */ .speaker-view .speaker-twitter { background-color: var(--speakers-profile-page-speaker-profile-speaker-info-tile-bg)!important; border-radius: var(--speakers-profile-page-speaker-profile-speaker-info-tile-radius); border: 1px solid var(--speakers-profile-page-speaker-profile-speaker-info-tile-stroke); } /* images */ .studios-img img { border-radius: var(--radius-radius-rounded); } .studios-img-stroke img { border: var(--agenda-page-session-tile-associated-speakers-speaker-thumbnail-radius) solid var(--image-treatments-custom-elements-img-stroke); } .studios-img-drp-shdw img { box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.10), 9px 15px 17px 0px rgba(0, 0, 0, 0.09), 20px 33px 23px 0px rgba(0, 0, 0, 0.05), 36px 59px 28px 0px rgba(0, 0, 0, 0.01), 56px 93px 30px 0px rgba(0, 0, 0, 0.00); } .studios-sld-shdw:not(.studios-img-drp-shdw) img { box-shadow: var(--solid-shadow-horisontal-offset) var(--solid-shadow-vertical-offset) var(--image-treatments-custom-elements-img-solid-shadow); } .studios-sld-shdw:has(.studios-img-drp-shdw) img { box-shadow: var(--solid-shadow-horisontal-offset) var(--solid-shadow-vertical-offset) var(--image-treatments-custom-elements-img-solid-shadow), 2px 4px 10px 0px rgba(0, 0, 0, 0.10), 9px 15px 17px 0px rgba(0, 0, 0, 0.09), 20px 33px 23px 0px rgba(0, 0, 0, 0.05), 36px 59px 28px 0px rgba(0, 0, 0, 0.01), 56px 93px 30px 0px rgba(0, 0, 0, 0.00); } /* Logistics style */ .text-block-2-col-logistic > div { background-color: var(--maps-logistics-colorway-1-maps-bg)!important; } .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > h3 { color: var(--maps-logistics-colorway-1-maps-location-txt)!important; } .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > h3 { margin: 0!important; } .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > p { color: var(--maps-logistics-colorway-1-maps-getting-there-text)!important; } .text-block-2-col-logistic > div > div > div:nth-child(2) > div:nth-child(2) { border-style: solid; border-width: 0 0 0 2px; border-color: var(--maps-logistics-colorway-1-maps-dividing-line); } .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) > div > div > p:nth-child(2) { font-size: 24px!important; font-weight: 600!important; } .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) > div > div > h2, .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(2) > div > div > h2 { color: var(--maps-logistics-colorway-1-maps-header-txt)!important; } .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > p > img { padding-right: 1rem; } .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > p { display: flex; align-items: center; } @media(max-width: 767px) { .text-block-2-col-logistic > div > div > div:nth-child(2) > div:nth-child(2) { border-width: 2px 0 0 0px; } .text-block-2-col-logistic > div > div { width: 75%; } .text-block-2-col-logistic > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(2) > div { margin-top: 22px!important; } } /* Register button in nav */ body > div.main-view.footer-padding.footer-padding-confirmation > div > ul > div.trade-template.section-3900269, body > div.main-view.footer-padding.footer-padding-confirmation > div > ul > div.trade-template.section-3900448 { position: fixed; top: -88px; z-index: 9999; right: 100px; } .studios-nav-btn > div { display: contents; } .studios-nav-btn > div > div { padding: 0; } @media(max-width: 648px) { body > div.main-view.footer-padding.footer-padding-confirmation > div > ul > div.trade-template.section-3900269 { right: 29px; } } /* Hide default Footer */ footer { visibility:hidden; } .main-react-view, .footer-padding { padding-bottom:0px!important; } /* SESSION PAGE */ /* location icon */ .agenda-view > .session-page div.session-location > i.location-icon { color: var(--agenda-page-session-tile-session-details-agenda-session-location)!important; } /* broadcast preview */ .agenda-view div.live-broadcast-preview { background-color: transparent!important; } .agenda-view .live-broadcast-footer { border: none!important; } /* interested-add to calendar-share */ .agenda-view > .session-page div.session-button > i.icon-lead_off, .agenda-view > .session-page div.session-button > svg { color: var(--session-page-sessions-tile-session-interaction-session-icons)!important; fill: var(--session-page-sessions-tile-session-interaction-session-icons)!important; } .agenda-view > .session-page div.session-button > i.icon-lead_on { color: var(--session-page-sessions-tile-session-interaction-session-icons)!important; } .agenda-view > .session-page div.session-button > span.color-1 { color: var(--session-page-sessions-tile-session-interaction-session-interaction-txt)!important; } /* ticker section custom element */ .studios-ticker > div > div, .studios-ticker-image > div > div { margin: 0; min-width: 100%; } .studios-ticker-1 { color: var(--color-text-ticker-tape-studios-ticker-1); } .studios-ticker-2 { color: var(--color-text-ticker-tape-studios-ticker-2); } .studios-ticker > div { /* background-color: var(--colors-brand-primary-mainnet-green)!important; */ } .studios-ticker-image > div { background-color: var(--colors-brand-primary-colour-08)!important; } .header-top-me { min-width: 90px; } .ani-wrapper { max-width: 100%; overflow: visible; } .scroll-text { white-space: nowrap; overflow: visible; display: inline-block; animation: animate-text 30s linear infinite; width: 100%; } .scrolling-image { max-height: 50px!important; margin-left: 10px!important; margin-right: 10px!important; max-width: unset!important; } .scroll-text > span { display: flex; align-items: center; } .scroll-text > span > span { /* color: var(--colors-brand-primary-mainnet-green)!important; */ font-size: 70px!important; font-weight: 900!important; max-height: 44px!important; display: inline-flex; align-items: center; margin-bottom: 10px!important; } @keyframes animate-text { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } /* navbar */ .navbar .navbar-collapse { text-align: left; } body > header > div.trade-template > nav > div { padding-left: 64px; } .trade-template .nav-menu-btn { text-transform: none; } /* top padding */ .home-page { padding-top: 66px; } /* home page */ .studios-header-4 button { background-color: transparent!important; border: 1px solid white!important; border-radius: 360px; } .studios-btn-secondary button, .border-white-button button, .border-grey-button button { border: none!important; outline: none; position: relative; border-radius: 360px!important; background: linear-gradient(to right, #CC0000, #F10000, #F6C100)!important; cursor: pointer; color: black!important; z-index: 1; } .studios-btn-secondary button::before, .border-white-button button::before { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; background-color: white!important; border-radius: 359px; z-index: -1; } .border-grey-button button::before { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; background-color: #EEF1F5!important; border-radius: 359px; z-index: -1; } .studios-btn-secondary button::after, .border-white-button button::after, .border-grey-button button::after { content: attr(data); font-size: 16px; -webkit-background-clip: text; color: transparent; } /* black-box */ .black-box { display: flex; justify-content: center; padding: 30px 0; } .black-box > div { max-width: 1190px; width: 100%; margin: 0 15px; border-radius: 20px; } .black-box button, #section-4249242 button { background: linear-gradient(270deg, #F6C100 0.01%, #F10000 46.5%, #C00 99.99%); padding: 8px 100px; border: none!important; color: white!important; border-radius: var(--color-button-btn-radius) !important; } .gradient-button button { background: linear-gradient(270deg, #F6C100 0.01%, #F10000 46.5%, #C00 99.99%); padding: 8px 30px; border: none!important; color: white!important; border-radius: var(--color-button-btn-radius) !important; } .title-match-left h2.atom-main { padding-left: 30px; } .studios-title-unique h2.atom-main { color: var(--color-text-headings-heading-primary)!important; } .custom-header-support > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > h2 { width: 245px; } @media(min-width: 525px) and (max-width: 900px) { .custom-header-support > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > h2 { width: 100%; } } .custom-header-support > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div { display: flex; align-items: center; } .custom-header-support > div, .custom-header-ondemand > div { height: calc(100vw * 282/1513); } .custom-header-speakers > div { height: calc(100vw* 575 / 3000); } .custom-header-sponsors > div { height: calc(100vw* 570 / 3000); } .custom-header > div > div { width: 1090px; } .custom-header > div { display: flex; align-items: center; background-size: cover; } .custom-header h2 { margin: 0; } @media(max-width: 525px) { .custom-header-support > div { background-image: url(https://d3hejivq1qka7q.cloudfront.net/Hitachi/images/Rectangle+262.png)!important; height: calc(100vw * 266/750); } .custom-header-ondemand > div { background-image: url(https://d3hejivq1qka7q.cloudfront.net/Hitachi/images/on+demande+mobile.png)!important; height: calc(100vw * 388/750);; } .custom-header-speakers > div { background-image: url(https://d3hejivq1qka7q.cloudfront.net/Hitachi/images/Rectangle+262+moile.png)!important; height: calc(100vw * 1348/750); display: block; } .custom-header-speakers > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > h2, .custom-header-ondemand > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > h2:nth-child(2) { width: 156px; } } .grey-bg > div { background-color: var(--colors-brand-primary-hitachi-grey)!important; } body > div.react-main.footer-padding-confirmation > div > div > div.agenda-view.session-list-view.agenda-custom-css.list.row > div { margin-top: 40px; } .color-1-background { background-color: #cc0000!important; } .white-bg > div { background-color: var(--colors-brand-primary-hitachi-white)!important; } /* #section-4243764 > div { background-color: var(--color-backgrounds-bg-color-a1)!important; } */ .black-title h2.atom-main { color: var(--colors-brand-primary-hitachi-black)!important; } .italic-title h2.atom-main { font-style: italic; } body > div.main-view.footer-padding.footer-padding-confirmation > div.home-page > ul { background-color: var(--colors-brand-primary-hitachi-grey); } .grey-btn-bg button::before { background-color: var(--colors-brand-primary-hitachi-grey)!important; } .custom-header-speakers > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > h2 { margin-left: 10px; } @media(max-width: 1090p) { .custom-header-speakers > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > h2 { margin-left: calc(100% - 944px)/2; } } .agenda-view .session-broadcast-container .live-broadcast-container .live-broadcast-preview .preview-image { height: unset; } body > div.react-main > div > div > div > div.speaker-background.full-width.custom-color { background-image: url(https://d3hejivq1qka7q.cloudfront.net/Hitachi/images/session+bg.png); opacity: 1; background-size: cover; } .main-react-view .agenda-banner { position: unset!important; } /*custom-nav-reg-btn */ .custom-nav-reg-btn { position: fixed; z-index: 99999; right: 0; top: 6px; margin-top: -92px; margin-right: 125px; border: 0; } .custom-nav-reg-btn > div { background-color: transparent!important; } .custom-nav-reg-btn button { background: linear-gradient(270deg, #F6C100 0.01%, #F10000 46.5%, #C00 99.99%); border: none !important; color: white !important; border-radius: var(--color-button-btn-radius) !important; } @media(max-width: 1024px) { .custom-nav-reg-btn { margin-right: 60px; } } @media(max-width: 525px) { .custom-nav-reg-btn button, .custom-nav-reg-btn > div > div > div.element-groups.Component-elementGroups-0-2-1 > div { padding-left: 12px; padding-right: 12px; } body > header > div.trade-template > nav > div > div.navbar-header.make-relative > span > div > img { min-width: 150px; } body > header > div.trade-template > nav > div { padding-left: unset; } } .grey-bg img { border-radius: 60px; } #section-4365885 { margin-bottom: 45px; } #section-4243746 > div { height: calc(100vw* 282 / 1513); } #section-4243778 h3 { font-size: 32px!important; } @media(min-width: 768px) { #section-4243778 h3 { min-height: 106px; } #section-4243778 p:nth-child(3) { min-height: 4.6rem; } } @media(min-width: 980px) { #section-4243778 p:nth-child(3) { min-height: 3.5rem; } } .rounded-corners img { border-radius: 20px!important; } /* --START--Align logo images along the center baseline */ /* Target the specific container without affecting others */ div.element-groups.Component-elementGroups-0-2-1 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; /* Allow wrapping for responsive layout */ } /* Target the inner columns */ div.element-groups.Component-elementGroups-0-2-1 > div { display: flex; flex-direction: column; align-items: center; } /* Target images specifically within this group */ div.element-groups.Component-elementGroups-0-2-1 img.bz-image { max-width: 100%; height: auto; } /* --END--Align logo images along the center baseline */