@import url('https://fonts.googleapis.com/css2?family=Open+Sans');

/* TECHDEBT: this monolith needs to be broken up, probably by tab divisions in the style editor */
/* Available mustache options: http://mustache.github.io/mustache.5.html */

/* IMPORTANT: Imports absolutely need to be at the top of the file in order to work properly */

/* FONT FAMILY */
/* *********** */

/* GENERAL_HEADING_FONT_USE_UPLOADED checks the style editor setting to see if the custom font toggle is on or off. If off, we'll apply either google or adobe typekit
for the heading text */


/* GENERAL_BODY_FONT_USE_UPLOADED checks the style editor setting to see if the custom font toggle is on or off. If off, we'll apply either google or adobe typekit
for the body text */


/* When the style editor setting is true, use the custom uploaded font for body text */
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-Medium_Ljl87xh.woff);
    font-weight: 300;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-Medium_OCe5Atq.woff);
    font-weight: 400;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-SemiBold_DISPbGU.woff);
    font-weight: 600;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-SemiBold_3LBmdV3.woff);
    font-weight: 700;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-SemiBold_CAchxur.woff);
    font-weight: 900;
  }


  body:not(#main-dashboard):not(.event-page-builder-page):not(.chapter-page-builder-page) *:not(.glyphicon):not([class^="icon-"]):not([class*="icon-"]):not(.rw-i):not(.caret),
  body#main-dashboard .cookie-consent-acknowledgement-conatiner *:not(.glyphicon):not([class^="icon-"]):not([class*="icon-"]):not(.rw-i):not(.caret),
  body#main-dashboard .navs *:not(.glyphicon):not([class^="icon-"]):not([class*="icon-"]):not(.rw-i):not(.caret),
  body#main-dashboard .page-footer *:not(.glyphicon):not([class^="icon-"]):not([class*="icon-"]):not(.rw-i):not(.caret),
  .page-builder-content {
    font-family: 'custom_font_body', 'Open Sans';
  }
  body.event-page-builder-page,
  body.chapter-page-builder-page {
    font-family: 'custom_font_body', 'Open Sans';
  }




/* GENERAL_HEADING_FONT_USE_UPLOADED checks the style editor setting to see if the custom font toggle is on or off. If off, we'll apply either google or adobe typekit
for the heading text */

/* When the style editor setting is true, use the uploaded font for headings */
  @font-face {
    font-family: 'custom_font_heading';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-Medium_trx0FJd.woff);
    font-weight: 300;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-Medium.woff);
    font-weight: 400;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-SemiBold_JQ6GweK.woff);
    font-weight: 600;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-twitch/fonts/RoobertTW-SemiBold.woff);
    font-weight: 700;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url(None);
    font-weight: 900;
  }


    body:not(#main-dashboard):not(.event-page-builder-page):not(.chapter-page-builder-page) h1,
    body:not(#main-dashboard):not(.event-page-builder-page):not(.chapter-page-builder-page) h2,
    body:not(#main-dashboard):not(.event-page-builder-page):not(.chapter-page-builder-page) h3,
    body:not(#main-dashboard):not(.event-page-builder-page):not(.chapter-page-builder-page) h4,
    body:not(#main-dashboard):not(.event-page-builder-page):not(.chapter-page-builder-page) h5,
    body:not(#main-dashboard):not(.event-page-builder-page):not(.chapter-page-builder-page) h6,
    body#main-dashboard .cookie-consent-acknowledgement-conatiner h1,
    body#main-dashboard .cookie-consent-acknowledgement-conatiner h2,
    body#main-dashboard .cookie-consent-acknowledgement-conatiner h3,
    body#main-dashboard .cookie-consent-acknowledgement-conatiner h4,
    body#main-dashboard .cookie-consent-acknowledgement-conatiner h5,
    body#main-dashboard .cookie-consent-acknowledgement-conatiner h6,
    body#main-dashboard .navs h1,
    body#main-dashboard .navs h2,
    body#main-dashboard .navs h3,
    body#main-dashboard .navs h4,
    body#main-dashboard .navs h5,
    body#main-dashboard .navs h6,
    body#main-dashboard .page-footer h1,
    body#main-dashboard .page-footer h2,
    body#main-dashboard .page-footer h3,
    body#main-dashboard .page-footer h4,
    body#main-dashboard .page-footer h5,
    body#main-dashboard .page-footer h6,
    #event_page .event-description--title,
    #event_page .event-info-container .title-span,
    .join-community .follow-community,
    .page-footer .join-community .follow-community,
    .page-banner .container .page-banner-title {
      font-family: 'custom_font_heading', 'Open Sans' !important;
    }
    body.event-page-builder-page h1,
    body.event-page-builder-page h2,
    body.event-page-builder-page h3,
    body.event-page-builder-page h4,
    body.event-page-builder-page h5,
    body.event-page-builder-page h6,
    body.chapter-page-builder-page h1,
    body.chapter-page-builder-page h2,
    body.chapter-page-builder-page h3,
    body.chapter-page-builder-page h4,
    body.chapter-page-builder-page h5,
    body.chapter-page-builder-page h6  {
      font-family: 'custom_font_heading', 'Open Sans';
    }


/* end FONT FAMILY */

/* PRIMARY COLOR */
/* ************* */
  .general-brand, .text-primary, .text-link { color: #9146FF; }
  .btn-primary .badge { color: #9146FF; }
  .navbar-default .navbar-brand { color: #9146FF; }
  .navbar-default .navbar-nav > li > a { color: #9146FF; }
  .navbar-default .navbar-link { color: #9146FF; }
  .navbar-default .btn-link { color: #9146FF; }
  .label-primary { background-color: #9146FF; }
  .panel-primary { border-color: #9146FF; }
  .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #9146FF; }
  .panel-primary > .panel-heading .badge { color: #9146FF; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #9146FF; }
  .nav-underscore li.active a,
  .nav-underscore li a.active {
    border-bottom-color: #9146FF;
  }
  .topnavbar .navbar-link { color: #9146FF; }
  .homepage .join-cta { background-color: #9146FF; }
  .no-touch .discussions-latest-title .nav-underscore li a:hover { border-color: #9146FF; }
  .discussions .badge { background-color: #9146FF; }
  .discussion-featured-badge { background-color: #9146FF; }
  .icon-vote-up.selected { color: #9146FF; }
  .event .panel-body .chapter-link { color: #9146FF; }
  .activities a:not(.post-timestamp) { color: #9146FF; }
  .purchase-window .error .red a { color: #9146FF; }
  .purchase-window .braintree-ui .braintree-hosted-fields-invalid { border-color: #9146FF; }
  .login-to-rsvp .btn { background: #9146FF; }
  .ladda-button { background: #9146FF; }
  .main-dashboard#chapters-page .subtitle a { color: #9146FF; }
  .main-dashboard#chapters-page .search-holder .search-result:hover { background-color: #9146FF; }
  ._dashboard.chapters-panel .region-button.selected { background: #9146FF; }
  ._dashboard .buttons .red { background: #9146FF; }
  ._dashboard .algolia-search .search-drop-down .search-result:hover { background: #9146FF; }
  ._dashboard .paginate-button.active { background: #9146FF; }
  .sidebar-chapter-list .chapter-list-item .button-container .chapter-button { background: #9146FF; }
  .conference #hero-header .cover .location a { color: #9146FF; }
  .conference #about-startupgrind .cover .values .value .value-positive { color: #9146FF; }
  .conference #quotes .quote .quote-author span { color: #9146FF; }
  .conference #quotes-list .cover .quote .quote-author a { color: #9146FF; }
  .conference-silicon-valley.conference #join-us .cover .title { color: #9146FF; }
  .conference #faq #faq-accordion a { color: #9146FF; }
  .join-community .follow-community { color: #9146FF; }
  .join-community .submit { background: #9146FF; }
  .bg-primary { background-color: #9146FF; }
  .btn-primary { background-color: #9146FF; }
  .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #9146FF; }
  .nav-pills > li.active > a:focus { background-color: #9146FF; }
  .panel-primary > .panel-heading { background-color: #9146FF; }
  .homepage-highlight-banner { background-color: #9146FF; }
  .topnavbar .navbar-stats em { color: #9146FF; }
  .topnavbar .topdrawer-closed .navbar-nav > li.navbar-button.topdrawer-toggle > a { background-color: #9146FF; }
  .topdrawer h4 { color: #9146FF; }
  .homepage .join-cta .cta-button { background: #9146FF; }
  .avatar .badge { background-color: #9146FF; }
  .activities .activity-awesome { font-size: 21.45px; }
  ._dashboard .paginated-form-nav-bottom .page-link:hover { color: #9146FF; }
  .conference .sold-out-heading { color: #9146FF; }
  .conference .title { color: #9146FF; }
  .conference #hero-header .cover .newsletter-title { color: #9146FF; }
  .user-card .inner .info .name { color: #9146FF; }
  .icon-new-window-back { background-color: #9146FF; }
  .pagination > .active > span:focus { background-color: #9146FF; }
  .list-group-item.active:focus { background-color: #9146FF; }
  .explore-button { background: #9146FF; }
  .purchase-window .promo-code .discount-code-error { color: #9146FF; }
  .purchase-window .braintree-ui a { color: #9146FF; }
  .main-dashboard .event-list-icon-outer .event-list-icon-inner .icon-new-window { color: #9146FF; }
  .dropdown-menu > .active > a:focus { background-color: #9146FF; }
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus { border-color: #9146FF; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body { border-color: #9146FF; }
  .chapter .contact-host.modal-dialog .header-icon { color: #9146FF; }
  ._dashboard .sortableTeamMembers .payment-lead-badge .icon-star { color: #9146FF; }
  ._dashboard .pending-featured-attendee .feature-button { background: #9146FF; }
  .sweet-alert p button, .sweet-alert .sa-button-container button { background-color: #9146FF; }
  .swal2-modal .swal2-buttonswrapper .swal2-styled { background-color: #9146FF; }
  .conference #faq #faq-accordion .faq-question { color: #9146FF; }
  .user-card.feature-cta .inner { background-color: #9146FF; }
  .list-group-item.active,
  .list-group-item.active:hover { border-color: #9146FF; }
  ._dashboardImageUpload .progress-indicator { background: #9146FF; }
  .conference .modal-carousel .item .name { color: #9146FF; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #9146FF; }
  .static-page .section-header { color: #9146FF; }
  .section-header { color: #9146FF; }
  ._dashboard .names-block { color: #9146FF; }
  .read-more-sidebar .items-list li .content .background { background: #9146FF; }
  .conference .sold-out { color: #9146FF; }
  .progress-bar { background-color: #9146FF; }
  .promo-spot div.promo-banner-text { background-color: #9146FF; }
  #faq-accordion .faq-question { color: #9146FF; }
  h2.small-title { color: #9146FF; }
  #event_page .contact-host.modal-dialog .header-icon { color: #9146FF; }
  #event_page .join-us { background-color: #9146FF; }
  #event_page .underline-header { border-color: #9146FF; }
  #event_page .not-ready-icon { background-color: #9146FF; }
  #event_page .post-meta .avatar .badge { background-color: #9146FF; }
  .purchase-window .ticket-error-row { color: #9146FF; }
  .purchase-window .ticket-table .show-hide-info { color: #9146FF; }
  .read-more-sidebar .items-list li .content .background { background: #9146FF; }
  .chapter-map-widget .geosuggest-container .location-input-module li.geosuggest__item--active,
  .profile_switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob {
    background-color: #9146FF;
  }
  .profile_switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before {
    background-color: #9146FF;
    opacity: 0.3;
  }
  .promo-spot div.promo-banner-text { background-color: #9146FF; }
/* end PRIMARY COLOR */

/* TEXT */
/* ******* */
/* Body text */
body:not(#main-dashboard) .general-body,
body:not(#main-dashboard) .general-body a:not(.general-body--exclude):not(.btn):not(h2 a):not(h3 a) {
    font-size: 18px !important;
}

body:not(#main-dashboard) .general-body,
body:not(#main-dashboard) .general-body a:not(.general-body--exclude):not(.btn),
body:not(#main-dashboard) .general-body--color,
body:not(#main-dashboard) .general-body--color a:not(.general-body--exclude):not(.btn) {
  color: var(--o-GENERAL_PARAGRAPH_FONT_COLOR, #000) !important;
}

body:not(#main-dashboard) .general-body a:not(.general-link--exclude):not(.btn):not(.general-tab),
body:not(#main-dashboard) .general-body--color a:not(.general-link--exclude):not(.btn):not(.general-tab),
body:not(#main-dashboard) .general-link {
    color: var(--o-GENERAL_TEXT_LINK_COLOR, #9146FF) !important;
    text-decoration-color: var(--o-GENERAL_TEXT_LINK_COLOR, #9146FF);
}

/* Headings */
  .general-h1,
  .general-h1 > a,
  .general-body h1,
  .general-body h1 > a,
  .general-body--color h1,
  .general-body--color h1 > a {
    color: var(--o-GENERAL_HEADING_FONT_COLOUR, #000) !important;
  }

.general-h1,
.general-body h1 {
  font-size: 36px;
    font-size: 54px !important;

  text-transform: none;

    font-weight: 600 !important;
}

@media (max-width: 480px) {
  .general-h1,
  .general-body h1 {
    font-size: 30px;
  }
}


.general-h2,
.general-body h2 {
  font-size: 32px;

  text-transform: none;

    font-weight: normal;
}

@media (max-width: 480px) {
  .general-h2,
  .general-body h2 {
    font-size: 24px;
  }
}

/* Other Text Colors */
/* ------ */
/* end Text Colors */

/* These are legacy, don't appear in the UI: */
/* end legacy */
/* end Font Size */
/* end TEXT */

/* SITE SECTIONS */
/* ************* */
/* Body */
/* ---- */
  #event_page .chapter,
  #featured-attendees,
  #event_page .description-container,
  #react-event-purchase-root,
  body {
    background-color: var(--o-GENERAL_BODY_BACKGROUND_COLOUR, #FFF);
  }
/* end Body */

/* Header */
/* ------ */
/* Desktop */
header.navs .navbar.navbar-secondary .container #main-nav,
.navbar-static-top.navbar-secondary {
  background-color: var(--o-GENERAL_HEADER_BACKGROUND_COLOR, #fff) !important;
}

.navbar-static-top.navbar-secondary {
  border-bottom-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: solid;

    border-bottom-width: 1px;

    border-bottom-color: var(--o-GENERAL_HEADER_BOTTOM_BORDER_COLOR, #F0F0FF);
}


.top-nav-dragon .complete-profile .complete-profile-inner {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 12px;
  padding: 8px;
  border-radius: 8px;
  background: var(--theme-palette-soft-light);
  margin-bottom: 8px;
}
.top-nav-dragon .complete-profile .profile-square .avatar {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  border-radius: 6px;
}
.top-nav-dragon .complete-profile .profile-details {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--theme-palette-soft-dark);
  font-size: 14px;
  line-height: 136%;
}
.top-nav-dragon .complete-profile .profile-details .user-name {
  font-weight: 700;
}
.top-nav-dragon .complete-profile .profile-details .user-company {
  font-weight: 400;
}

@media (min-width: 992px) {
  .navs.navs-v2 .navbar-login-links .new-dropdown-menu {
    right: 2px;
    top: calc(100% - 9px);
  }

  /* top-beta.html navigation updates for userprofile and nav items */
  .navbar-nav.navbar-right.top-nav-dragon > .profile-links {
    display: flex;
    align-items: center !important;
  }


  .navbar-nav.navbar-right.top-nav-dragon > li.active-page::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
      background: #9146FF;
    border-radius: 0 0 2px 2px;
  }

  .top-nav-dragon .nav-profile-wrapper {
    border-radius: 6px;
    max-height: 44px;
    overflow: hidden;
  }

  .top-nav-dragon .nav-profile-wrapper .dashboard-btn a {
    color: var(--o-GENERAL_HEADER_TEXT_COLOR, #9146FF) !important;
    display: inline-flex;

    font-size: 14px;
    color: #4D546A;
  }

  .top-nav-dragon .nav-profile-wrapper .dots-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 4px 4px 2px 4px;
    color: #4D546A;
  }

  .icon-dots-menu:before {
    content: '\2807';
    zoom: 1.3;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center; } /* '⠇' */

  .top-nav-dragon .nav-profile-wrapper .dots-btn:hover,
  .top-nav-dragon .nav-profile-wrapper.open .dots-btn {
    background-color: #F6F9FB;
  }

  .top-nav-dragon .nav-profile-wrapper .avatar {
    height: 44px;
    width: 44px;
    border-radius: 6px;
  }

  .top-nav-dragon .main-menu.dropdown-menu {
    border-radius: 12px;
    border: 1px solid #E4ECF3;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px #0000001A;
    padding: 8px;
    margin-top: 0px !important;
    min-width: 260px;
  }

  .top-nav-dragon .main-menu.dropdown-menu::after,
  .top-nav-dragon .main-menu.dropdown-menu::before {
    content: none;
  }

  .top-nav-dragon .main-menu.dropdown-menu .divider {
    background-color: #F6F9FB;
    margin: 8px 0;
  }

  .top-nav-dragon .main-menu.dropdown-menu .section-label {
    font-weight: 400;
    font-size: 10px;
    line-height: 133%;
    text-transform: uppercase;
    padding: 8px 4px 4px;
  }

  .top-nav-dragon .main-menu.dropdown-menu > li > a {
    font-size: 14px;
    line-height: 136%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 8px;
    color: #4D546A;
    cursor: pointer;
  }

  .top-nav-dragon .main-menu.dropdown-menu > li > a.logout {
    color: #E3000F;
  }

  .top-nav-dragon .main-menu.dropdown-menu > li > a:hover {
    background-color: transparent;
  }

  /* end top-beta.html navigation udpates */

  .navs.navs-v2 .navbar > .container .navbar-brand {
      height: 70px;
  }
  .navs.navs-v2 .navbar-static-top.navbar-secondary > .container {
      min-height: 70px;
  }
  .navbar-secondary .navbar-nav > li.navbar-menu > a,
  .navbar-secondary .navbar-nav > li.navbar-login-links > a {
      color: var(--o-GENERAL_HEADER_TEXT_COLOR, #9146FF) !important;

      font-size: 16px !important;

    text-transform: none !important;

    font-weight: normal;
      font-weight: normal !important;

    background-color: transparent;
  }

  .top-nav-dragon .nav-profile-wrapper .dashboard-btn > a:hover,
  .top-nav-dragon .nav-profile-wrapper .dashboard-btn > a:focus,
  .top-nav-dragon .nav-profile-wrapper .dashboard-btn > a:active,

  .navbar-secondary .navbar-nav > li.navbar-menu > a:hover,
  .navbar-secondary .navbar-nav > li.navbar-menu > a:focus,
  .navbar-secondary .navbar-nav > li.navbar-menu > a:active {
      color: var(--o-GENERAL_HEADER_HOVER_MENU_LINK_TEXT_COLOR, #ffffff) !important;

      text-shadow: none;

    z-index: 1;
    text-decoration: none;
  }

  .navbar-secondary .navbar-nav > li.navbar-menu > a:hover,
  .navbar-secondary .navbar-nav > li.navbar-menu > a:focus,
  .navbar-secondary .navbar-nav > li.navbar-menu > a:active {
      background-color: transparent;
      background-color: var(--o-GENERAL_HEADER_HOVER_MENU_LINK_BACKGROUND_COLOR, #9146FF);
  }





  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu {
    background-color: var(--o-GENERAL_HEADER_DROPDOWN_BACKGROUND_COLOR, #fff) !important;
  }
  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu::after,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu::after {
    border-bottom-color: var(--o-GENERAL_HEADER_DROPDOWN_BACKGROUND_COLOR, #fff) !important;
  }

  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu {
    border-width: 0;


    /* GENERAL_HEADER_DROPDOWN_SHADOW */
    box-shadow: none;
  }

  .navs-v2 .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu,
  .navs-v2 .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu {
    right: 0;
  }

  .navs-v2 .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu {
    right: -3px;
  }

  .navs-v2 .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu::before,
  .navs-v2 .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu::before {
    top: -9px;
    border-bottom-color: transparent;

  }

  /* `.nested-submenu-toggle` is the <summary> button used by the disclosure
     pattern (parents-with-children). Adding it alongside `a` so it picks up
     the same Style Editor controls as leaf links — without this, the
     disclosure trigger renders with browser-default <button>/<summary>
     styles and ignores GENERAL_HEADER_DROPDOWN_LINK_*. */
  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu a,
  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu .nested-submenu-toggle,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu a,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu .nested-submenu-toggle {

    text-transform: none !important;

    font-weight: normal;
      font-weight: normal !important;

  }

  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu a:hover,
  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu .nested-submenu-toggle:hover,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu a:hover,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu .nested-submenu-toggle:hover {
      color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_HOVER_FONT_COLOR, #ffffff) !important;

      background-color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_HOVER_BACKGROUND_COLOR, #9146FF) !important;

    text-decoration: none;

  }
}

/* Mobile */
@media (max-width: 991px) {
  /* top-beta.html navigation updates for userprofile and nav items */
  .top-nav-dragon .nav-profile-wrapper .dashboard-btn {
    display: none;
  }

  .top-nav-dragon .navbar-right.navbar-login-links .main-menu.dropdown-menu > li > a {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .top-nav-dragon .navbar-right.navbar-login-links .main-menu.dropdown-menu > li > a.logout {
    color: #FF5A64 !important;
  }

  #avatar-menu {
    display: none;
  }

  /* end top-beta.html navigation udpates */

  header.navs .navbar.navbar-secondary .container #main-nav,
  .main-menu.dropdown-menu {
      background-color: var(--o-GENERAL_HEADER_DROPDOWN_BACKGROUND_COLOR_MOBILE, #ffffff) !important;
  }

  header.navs .navbar.navbar-secondary .container a,
  header.navs .navbar.navbar-secondary .container .nested-submenu-toggle,
  .main-menu.dropdown-menu a,
  .main-menu.dropdown-menu .nested-submenu-toggle {

    text-decoration: none;

    font-weight: normal;
      font-weight: normal !important;

  }
}
/* end Header */

/* Footer */
/* ------ */
footer.page-footer {
    background-color: var(--o-GENERAL_FOOTER_BACKGROUND_COLOR, #000) !important;

    color: var(--o-GENERAL_FOOTER_TEXT_COLOR, #fff) !important;


  border-top-width: 0 !important;


  border-bottom-width: 0 !important;
}

footer.page-footer .footer-brand.footer-brand-svg img {
    height: 35px;
}

footer.page-footer .footer-brand.footer-brand-png img {
    max-height: 35px;
}

footer.page-footer .footer-bottom {


  border-top-width: 0 !important;
}

footer.page-footer .footer-top h5,
footer.page-footer .join-community .follow-community {

  text-transform: none !important;

  font-weight: normal !important;

}

footer.page-footer a {
    color: var(--o-GENERAL_FOOTER_TEXT_COLOR, #fff) !important;

    color: var(--o-GENERAL_FOOTER_LINK_COLOR, #fff) !important;
}

footer.page-footer a:not(.social-button):not(.powered_by_bevy):not(.btn):not(.footer-copyright) {

  text-transform: none;

  font-weight: normal;
  font-weight: normal !important;
}

@media (min-width: 992px) {
  footer.page-footer a:hover {
      color: var(--o-GENERAL_FOOTER_LINK_HOVER_COLOR, #9146FF) !important;
  }

  footer.page-footer a:not(.social-button):hover {
    text-decoration: none !important;

  }
}

footer.page-footer .footer-bottom .site-info,
footer.page-footer .footer-bottom .site-info .footer-copyright,
footer.page-footer .footer-bottom .site-info a {
    color: var(--o-GENERAL_FOOTER_TEXT_COLOR, #fff) !important;


  text-transform: none !important;

  font-weight: normal;
    font-weight: normal !important;

}

footer.page-footer a.social-button {
    color: var(--o-GENERAL_FOOTER_SOCIAL_ICON_COLOR, #fff) !important;
}

footer.page-footer ul.social-links li {
    background-color: var(--o-GENERAL_FOOTER_SOCIAL_ICON_BACKGROUND_COLOR, #000) !important;

}

@media (min-width: 992px) {
  footer.page-footer ul.social-links li:hover a.social-button {
    color: var(--o-GENERAL_FOOTER_SOCIAL_ICON_HOVER_COLOR, #9146FF) !important;
  }

  footer.page-footer ul.social-links li:hover {
    background-color: var(--o-GENERAL_FOOTER_SOCIAL_ICON_HOVER_BACKGROUND_COLOR, #000) !important;

  }
}
/* end Footer */
/* end SITE SECTIONS */

/* CARDS */
/* ********* */
.general-card,
.host-container,
#event_page .tile,
.style-editor-card,
.vertical-boxes .vertical-box-container {
  border-radius: 0 !important;

  border-width: 0 !important;

    background-color: var(--o-GENERAL_CARD_BACKGROUND_COLOR, var(--theme-palette-light)) !important;

    border-color: var(--o-GENERAL_CARD_STROKE_COLOR, var(--theme-palette-light-borders)) !important;

  box-shadow: none;
}

/* PANELS */
/* ********* */
.style-editor-panel {
  background-color: #ffffff !important;
  border-color: #dddddd !important;

  border-width: 0 !important;
    border-style: solid !important;
    border-width: 1px !important;

    background-color: var(--o-GENERAL_PANEL_BACKGROUND_COLOR, #ffffff) !important;

    border-color: var(--o-GENERAL_PANEL_STROKE_COLOR, #F0F0FF) !important;

}

#event_page .tile .social-media a,
#event_page .vertical-boxes .vertical-box-container .social-media a,
.chapter .list-inline.social-media > li [class^="icon-"]:before,
.people-card .people-card--twitter {
  color: var(--o-GENERAL_SPEAKER_CARD_SOCIAL_COLOR, #9146FF);
}
/* end CARDS */

/* BANNERS */
/* ******* */
.chapter-banner,
.page-banner,
#event_page .jumbotron {
}

.chapter-banner .overlay,
#event_page .jumbotron .color-overlay,
.page-banner .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}

.page-banner .container .page-banner-title {
  color: #ffffff;

  text-transform: none;

  text-shadow: none;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

    font-weight: bold;

}
@media (min-width: 768px) {
  .page-banner .container .page-banner-title {
  }
}
/* end BANNERS */

/* DROPDOWNS */
/* ********* */

/* end DROPDOWNS */

/* SEARCH DROPDOWNS */
/* **************** */
.main-dashboard#chapters-page .search-holder .search-result,
.upcomingEventsWidget .locationSearch li.geosuggest__item,
.location-widget .geosuggest-container .location-input-module li.geosuggest__item,
.eventTypesContainer ul.rw-list > li.rw-list-option,
.general-search-hit {
  color: #333333;
}
.main-dashboard#chapters-page .search-holder .search-result:hover,
.upcomingEventsWidget .locationSearch li.geosuggest__item:hover,
.upcomingEventsWidget .locationSearch li.geosuggest__item--active,
.location-widget .geosuggest-container .location-input-module li.geosuggest__item:hover,
.location-widget .geosuggest-container .location-input-module li.geosuggest__item--active,
.eventTypesContainer ul.rw-list > li.rw-list-option:hover,
.general-search-hit:hover,
.general-search-hit--active {
  background-color: #555;
  color: #ffffff;
    background-color: #9146FF;

    background-color: var(--o-GENERAL_HOVER_SEARCH_DROPDOWN_ITEM_BACKGROUND_COLOR, #F0F0FF) !important;

    color: var(--o-GENERAL_HOVER_SEARCH_DROPDOWN_ITEM_FONT_COLOR, #000) !important;
}
/* end SEARCH DROPDOWNS */

/* SLIDER/CAROUSEL */
/* ****** */
.carousel-container .content .content-inside h2 {
    font-size: 74px !important;

  text-transform: none !important;

  font-weight: normal;
    font-weight: 200 !important;

    color: var(--o-HOMEPAGE_SLIDER_HEADING_COLOR, #fff) !important;

    text-align: center !important;

}

@media screen and (max-width: 768px) {
  .carousel-container .content .content-inside h2 {
      font-size: calc(74px * 0.7) !important;
  }
}

.carousel-container .content .content-inside h3 {

  text-transform: none !important;

  font-weight: normal;
    font-weight: normal !important;

    color: var(--o-HOMEPAGE_SLIDER_SUBTITLE_COLOR, #fff) !important;

    text-align: center !important;
}

@media screen and (max-width: 768px) {
  .carousel-container .content .content-inside h3 {
  }
}

/* end SLIDER */

/* BUTTONS */
/* ******* */
/* Colors (affects buttons and nav items) */
/* -------------------------------------- */
/* Primary "Main" Buttons */
body:not(#main-dashboard) .btn.btn-primary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-primary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .navs .btn.btn-primary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .page-footer .btn.btn-primary:not(.dropdown-toggle):not(.grey),
body:not(#main-dashboard) .ladda-button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .ladda-button,
body#main-dashboard .navs .ladda-button,
body#main-dashboard .page-footer .ladda-button,
body:not(#main-dashboard) .btn-fifth-fake,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn-fifth-fake,
body#main-dashboard .navs .btn-fifth-fake,
body#main-dashboard .page-footer .btn-fifth-fake,
body:not(#main-dashboard) .sweet-alert p button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .sweet-alert p button,
body#main-dashboard .navs .sweet-alert p button,
body#main-dashboard .page-footer .sweet-alert p button,
body:not(#main-dashboard) .sweet-alert .sa-button-container button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .sweet-alert .sa-button-container button,
body#main-dashboard .navs .sweet-alert .sa-button-container button,
body#main-dashboard .page-footer .sweet-alert .sa-button-container button,
body:not(#main-dashboard) .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .navs .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .page-footer .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body:not(#main-dashboard) .chapter button.contact-us,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .chapter button.contact-us,
body#main-dashboard .navs .chapter button.contact-us,
body#main-dashboard .page-footer .chapter button.contact-us,
body:not(#main-dashboard) .react-cohosted-chip .MuiChip-root,
body:not(#main-dashboard) .react-cohosted-chip .MuiChip-icon {
    background-color: var(--o-GENERAL_BUTTON_BACKGROUND, #9146FF) !important;

    color: var(--o-GENERAL_BUTTON_COLOR, #FFF) !important;

}

body:not(#main-dashboard) .btn.btn-primary:not(.dropdown-toggle):not(.grey):hover,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-primary:not(.dropdown-toggle):not(.grey):hover,
body#main-dashboard .navs .btn.btn-primary:not(.dropdown-toggle):not(.grey):hover,
body#main-dashboard .page-footer .btn.btn-primary:not(.dropdown-toggle):not(.grey):hover,
body:not(#main-dashboard) .ladda-button:hover,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .ladda-button:hover,
body#main-dashboard .navs .ladda-button:hover,
body#main-dashboard .page-footer .ladda-button:hover,
body:not(#main-dashboard) .btn-fifth-fake:hover,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn-fifth-fake:hover,
body#main-dashboard .navs .btn-fifth-fake:hover,
body#main-dashboard .page-footer .btn-fifth-fake:hover,
body:not(#main-dashboard) .sweet-alert p button:hover,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .sweet-alert p button:hover,
body#main-dashboard .navs .sweet-alert p button:hover,
body#main-dashboard .page-footer .sweet-alert p button:hover,
body:not(#main-dashboard) #react-root-user-document .sweet-alert button:hover,
body:not(#main-dashboard) .sweet-alert .sa-button-container button:hover,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .sweet-alert .sa-button-container button:hover,
body#main-dashboard .navs .sweet-alert .sa-button-container button:hover,
body#main-dashboard .page-footer .sweet-alert .sa-button-container button:hover,
body:not(#main-dashboard) .swal2-modal .swal2-buttonswrapper button.swal2-styled:hover,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .swal2-modal .swal2-buttonswrapper button.swal2-styled:hover,
body#main-dashboard .navs .swal2-modal .swal2-buttonswrapper button.swal2-styled:hover,
body#main-dashboard .page-footer .swal2-modal .swal2-buttonswrapper button.swal2-styled:hover {
    background-color: var(--o-GENERAL_HOVER_BUTTON_BACKGROUND_COLOR, #7314FF) !important;


    color: var(--o-GENERAL_HOVER_BUTTON_COLOR, #FFF) !important;
}

/* Secondary "Ghost" Buttons */
body:not(#main-dashboard) .btn.btn-secondary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-secondary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .navs .btn.btn-secondary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .page-footer .btn.btn-secondary:not(.dropdown-toggle):not(.grey) {
    background-color: var(--o-GENERAL_GHOST_BUTTON_BACKGROUND_COLOR, #ffffff) !important;

    border-width: 1px;
    border-style: solid;
    border-color: var(--o-GENERAL_GHOST_BUTTON_STROKE_COLOR, #9146FF) !important;

    color: var(--o-GENERAL_GHOST_BUTTON_COLOR, #9146FF) !important;
}

body:not(#main-dashboard) .btn.btn-secondary:not(.dropdown-toggle):not(.grey):hover,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-secondary:not(.dropdown-toggle):not(.grey):hover,
body#main-dashboard .navs .btn.btn-secondary:not(.dropdown-toggle):not(.grey):hover,
body#main-dashboard .page-footer .btn.btn-secondary:not(.dropdown-toggle):not(.grey):hover {
    background-color: var(--o-GENERAL_GHOST_HOVER_BUTTON_BACKGROUND_COLOR, #9146FF) !important;

    border-color: var(--o-GENERAL_GHOST_HOVER_BUTTON_STROKE_COLOR, #9146FF) !important;

    color: var(--o-GENERAL_GHOST_HOVER_BUTTON_COLOR, #ffffff) !important;
}

/* Padding / Sizing */
/* ----------------------------------- */
/* main / primary */
body:not(#main-dashboard) .btn.btn-primary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more):not(.join-button),
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-primary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .navs .btn.btn-primary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .page-footer .btn.btn-primary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body:not(#main-dashboard) .ladda-button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .ladda-button,
body#main-dashboard .navs .ladda-button,
body#main-dashboard .page-footer .ladda-button,
body:not(#main-dashboard) .btn-fifth-fake,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn-fifth-fake,
body#main-dashboard .navs .btn-fifth-fake,
body#main-dashboard .page-footer .btn-fifth-fake,
body:not(#main-dashboard) .sweet-alert p button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .sweet-alert p button,
body#main-dashboard .navs .sweet-alert p button,
body#main-dashboard .page-footer .sweet-alert p button,
body:not(#main-dashboard) .sweet-alert .sa-button-container button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .sweet-alert .sa-button-container button,
body#main-dashboard .navs .sweet-alert .sa-button-container button,
body#main-dashboard .page-footer .sweet-alert .sa-button-container button,
body:not(#main-dashboard) .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .navs .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .page-footer .swal2-modal .swal2-buttonswrapper button.swal2-styled,
/* ghost / secondary */
body:not(#main-dashboard) .btn.btn-secondary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-secondary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .navs .btn.btn-secondary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .page-footer .btn.btn-secondary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more) {
  padding-top: 15px;
  padding-bottom: 15px;

  padding-left: 20px;
  padding-right: 20px;
}

/* Other button styles */
/* ----------------------------------- */
body:not(#main-dashboard) .btn.btn-primary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-primary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .navs .btn.btn-primary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .page-footer .btn.btn-primary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body:not(#main-dashboard) .ladda-button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .ladda-button,
body#main-dashboard .navs .ladda-button,
body#main-dashboard .page-footer .ladda-button,
body:not(#main-dashboard) .btn-fifth-fake,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn-fifth-fake,
body#main-dashboard .navs .btn-fifth-fake,
body#main-dashboard .page-footer .btn-fifth-fake,
body:not(#main-dashboard) .sweet-alert p button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .sweet-alert p button,
body#main-dashboard .navs .sweet-alert p button,
body#main-dashboard .page-footer .sweet-alert p button,
body:not(#main-dashboard) .sweet-alert .sa-button-container button,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .sweet-alert .sa-button-container button,
body#main-dashboard .navs .sweet-alert .sa-button-container button,
body#main-dashboard .page-footer .sweet-alert .sa-button-container button,
body:not(#main-dashboard) .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .navs .swal2-modal .swal2-buttonswrapper button.swal2-styled,
body#main-dashboard .page-footer .swal2-modal .swal2-buttonswrapper button.swal2-styled {
  border-radius: 0 !important;
    border-radius: 6px !important;

    font-size: 14px;

  text-transform: none !important;

  font-weight: normal;

  border-width: 0;
}

body:not(#main-dashboard) .chapter button.contact-us .icon-mail,
body#main-dashboard .cookie-consent-acknowledgement-conatiner .chapter button.contact-us .icon-mail,
body#main-dashboard .navs .chapter button.contact-us .icon-mail,
body#main-dashboard .page-footer .chapter button.contact-us .icon-mail,
#event_page button.contact-us .icon-mail,
#event_page button.contact-us .text {
    font-size: 14px;
}

#event_page button.contact-us {
    padding-top: 15px;
    padding-bottom: 15px;

    padding-left: 20px;
    padding-right: 20px;
}

body:not(#main-dashboard) .btn.btn-secondary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-secondary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .navs .btn.btn-secondary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more),
body#main-dashboard .page-footer .btn.btn-secondary:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more) {
  text-transform: none !important;

    font-weight: normal;

    font-size: 14px;

  border-radius: 0;
    border-radius: 6px;

  border-width: 0;
    border-style: solid;
    border-width: 1px;
}

/* DIS-3339: the notifications page renders its primary/ghost action buttons
   inside `.bds-container`, whose `.btn { border-radius: 5px !important }` rule
   force-rounds the ghost ("Delete all") button and prevents it from honoring the
   configured ghost border radius. The primary button is already shielded by its
   own `!important` radius above; re-apply the ghost radius here — scoped to the
   notifications actions, with the matching `!important` — so the secondary button
   tracks its setting symmetrically (defaulting to square when unset). */
#bevy-notifications .notifications-list-title-actions .btn.btn-secondary {
  border-radius: 0 !important;
    border-radius: 6px !important;
}

/* Special Buttons */
body:not(#main-dashboard) .btn.btn-primary.explore-button:not(.dropdown-toggle):not([class*="col-"]):not(.grey):not(.blog-load-more) {
}
/* end BUTTONS */

/* PRIVACY POLICY (banner) */
/* *************** */
.cookie-consent-acknowledgement-conatiner {
  background: #000;
    background-color: var(--o-HOMEPAGE_PRIVACY_POLICY_BACKGROUND_COLOR, #000);
}
.cookie-consent-acknowledgement-conatiner .cookie-consent-text {
    font-size: 14px !important;

    font-weight: bold;

  color: #fff;
    color: var(--o-HOMEPAGE_PRIVACY_POLICY_COLOR, #fff);
}
.cookie-consent-acknowledgement-conatiner .cookie-consent-text a {
  color: inherit;
}
.cookie-consent-acknowledgement-conatiner .cookie-consent-text a:not(:hover) {
  text-decoration: underline;
}
/* end PRIVACY POLICY */

/* JOIN FORMS */
/* ********** */
.join-community {
    background-color: var(--o-JOIN_FORM_BACKGROUND_COLOR, #F0F0FF);
}

/* title */
.join-community .follow-community,
footer.page-footer .join-community .follow-community {

    color: var(--o-JOIN_FORM_TITLE_COLOR, #000);

  font-weight: normal;
    font-weight: normal;
}

/* subtitle */
.join-community .follow-sub-title,
footer.page-footer .join-community .follow-sub-title {

    color: var(--o-JOIN_FORM_SUBTITLE_COLOR, #000);

  font-weight: normal;
    font-weight: normal;
}
/* end JOIN FORMS */

/* INTRO (Homepage) */
/* **************** */
.intro-text {
}

.intro-text .section-header {
}

.intro-text .about-message {
}
/* end INTRO (Homepage) */

/* UPCOMING EVENTS (Homepage) */
/* ************************** */
.location-widget,
.location-widget .location-widget-body {
    background-color: var(--o-HOMEPAGE_UPCOMING_BACKGROUND_COLOR, #F0F0FF) !important;
}

.location-widget-title {
    color: var(--o-HOMEPAGE_UPCOMING_HEADING_COLOR, #000) !important;
}

.location-widget .geosuggest__input-wrapper,
.location-widget .geosuggest__input {
  background-color: #ffffff;
    background-color: var(--o-HOMEPAGE_UPCOMING_SEARCH_COLOR, #F0F0FF);

  color: #091E42;
}

.location-widget .geosuggest-container .location-search-icon {
  color: #333333;
    color: var(--o-HOMEPAGE_UPCOMING_SEARCH_ICON_COLOR, #9146FF);
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block {
    background-color: var(--o-HOMEPAGE_UPCOMING_EVENT_CARD_BACKGROUND_COLOR, #ffffff) !important;

  border-width: 0 !important;
    border-style: solid;
    border-width: 1px !important;

    border-color: var(--o-HOMEPAGE_UPCOMING_EVENT_CARD_STROKE_COLOR, #f0f0f0) !important;

  box-shadow: none !important;

  font-weight: normal;
    font-weight: normal !important;

}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .background {
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .imageChipWrapper {
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .imageChipWrapper .chips-wrapper {
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .chapter,
.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .date {
    color: var(--o-HOMEPAGE_UPCOMING_EVENT_CARD_FONT_COLOR, #000) !important;
}

.location-widget .type,
.location-widget .title {

    color: var(--o-HOMEPAGE_UPCOMING_EVENT_CARD_TITLE_COLOR, #000) !important;

  font-weight: normal;
    font-weight: normal !important;

    background-color: var(--o-HOMEPAGE_UPCOMING_EVENT_CARD_BACKGROUND_COLOR, #ffffff) !important;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .meta {
    background-color: var(--o-HOMEPAGE_UPCOMING_EVENT_CARD_BACKGROUND_COLOR, #ffffff) !important;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .meta span {
    color: var(--o-HOMEPAGE_UPCOMING_EVENT_CARD_ICON_COLOR, #9146FF) !important;
}

.rbc-show-more {
    color: var(--o-GENERAL_TEXT_LINK_COLOR, #9146FF) !important;
    text-decoration-color: var(--o-GENERAL_TEXT_LINK_COLOR, #9146FF);
}
/* end UPCOMING EVENTS (Homepage) */

/* MAP (Homepage) */
/* ************** */
.main-dashboard#chapters-page .search-holder {
  border-width: 0 !important;


  box-shadow: none;
}


/*
  Match the Next.js SearchChapters component (next/.../ChapterMap/SearchChapters):
  when no search background is configured (HOMEPAGE_MAP_SEARCH_BACKGROUND_COLOR default
  is None) the field must fall back to an opaque light background instead of staying
  transparent. Next falls back to its light default; here we use the theme's light
  palette token, which also flips correctly in dark mode. Otherwise the legacy map's
  dark .image-map (#1C1C1C, see chapterPage/styles.less) shows through the field,
  producing the dark box + washed-out text that the Next homepage map does not have.
  A configured HOMEPAGE_MAP_SEARCH_BACKGROUND_COLOR still overrides it (including
  intentionally transparent/alpha values), keeping parity with Next (SGP-31879).
*/
.main-dashboard#chapters-page .search-holder,
.main-dashboard#chapters-page .search-holder .form-control {
  background-color: var(--theme-palette-light, #fff) !important;
}

.main-dashboard#chapters-page .search-holder input,
.main-dashboard#chapters-page .search-holder input::placeholder {
  color: #333;
    color: var(--o-HOMEPAGE_MAP_SEARCH_FONT_COLOR, #000) !important;
}

/*
  SGP-31879: the Next.js SearchChapters placeholder renders the input text color at
  42% opacity (a soft, de-emphasized hint); the legacy field showed a fully opaque
  placeholder, so its hint read heavier/darker than the Next map's. Match Next by
  fading the placeholder to the same 0.42 — the color still comes from the rules above
  (configured FONT_COLOR in light, the dark override below in dark), and Next uses the
  same 0.42 in both themes, so a single un-scoped rule keeps both modes in parity.
*/
.main-dashboard#chapters-page .search-holder input::placeholder {
  opacity: 0.42;
}

.main-dashboard#chapters-page .search-holder .icon-search,
.main-dashboard#chapters-page .search-holder .remote-search-cancel {
  color: #333333;
    color: var(--o-HOMEPAGE_MAP_SEARCH_ICON_COLOR, #9146FF) !important;
}

/*
  SGP-31879: in dark mode the configured search FONT_COLOR / ICON_COLOR (tuned for
  the light field) read wrong on the dark field, so — matching the Next.js shared
  SearchField [data-theme="dark"] override — flip the legacy /chapters/ input TEXT and
  search icon to var(--theme-palette-dark) (Next: var(--ColorDark)). The field
  background already flips via the var(--theme-palette-light) fallback above.
*/
[data-theme="dark"] .main-dashboard#chapters-page .search-holder input,
[data-theme="dark"] .main-dashboard#chapters-page .search-holder .icon-search,
[data-theme="dark"] .main-dashboard#chapters-page .search-holder .remote-search-cancel,
/* The RemoteSearchField magnifier renders as an <svg> (currentColor) inside
   .search-holder; the map's own <svg> lives in the sibling .image-map, so this
   scoped selector only hits the search icon. */
[data-theme="dark"] .main-dashboard#chapters-page .search-holder svg {
  color: var(--theme-palette-dark) !important;
}

/*
  The PLACEHOLDER uses a DIFFERENT token AND a different opacity than the input text —
  Next's shared SearchField dark rule sets the placeholder to
  `color: var(--ColorSoftDark); opacity: 1` (a soft light-on-dark at FULL opacity), NOT
  the var(--ColorDark) of the typed text nor the faded 0.42 the field uses in light mode.
  --theme-palette-soft-dark is the legacy alias of that BDS token. Re-assert opacity: 1
  here to override the 0.42 light-mode rule above, so the dark placeholder renders as the
  same crisp near-white as the Next map (not a dim gray).
*/
[data-theme="dark"] .main-dashboard#chapters-page .search-holder input::placeholder {
  color: var(--theme-palette-soft-dark) !important;
  opacity: 1 !important;
}
/* end MAP (Homepage) */

/* GROUPS BY REGION (Homepage) */
.main-dashboard.on-home-page #react-main-chapter-list-root > .holder {
    background-color: var(--o-HOMEPAGE_MAP_GROUPS_BY_REGION_BACKGROUND_COLOR, #F0F0FF) !important;
}

.main-dashboard.on-home-page #react-main-chapter-list-root > .holder .chapters-title {

    color: var(--o-HOMEPAGE_GROUPS_BY_REGION_HEADING_COLOR, #000000) !important;
}

#react-main-chapter-list-root .panel-body .row.regions {
  border-bottom-width: 0 !important;

}

#react-main-chapter-list-root .panel-body .row.regions a.region-button {
    background-color: var(--o-HOMEPAGE_GROUPS_BY_REGION_TAB_INACTIVE_BACKGROUND_COLOR, #F0F0FF) !important;

    color: var(--o-HOMEPAGE_GROUPS_BY_REGION_TAB_INACTIVE_TEXT_COLOR, #000000) !important;


  text-transform: none !important;

  font-weight: normal;
    font-weight: normal !important;

  border-bottom-width: 0 !important;

  border-radius: 0 !important;
}

#react-main-chapter-list-root .panel-body .row.regions a.region-button.selected,
#react-main-chapter-list-root .panel-body .row.regions a.region-button:hover {
    background-color: var(--o-HOMEPAGE_GROUPS_BY_REGION_TAB_BACKGROUND_COLOR, #9146FF) !important;


    color: var(--o-HOMEPAGE_GROUPS_BY_REGION_TAB_TEXT_COLOR, #ffffff) !important;
}

#react-main-chapter-list-root .row.regions-list .chapter-item strong {
  /* city */

    color: var(--o-HOMEPAGE_GROUPS_BY_REGION_TAB_CITY_TEXT_COLOR, #9146ff) !important;
}

#react-main-chapter-list-root .row.regions-list .chapter-item span {
  /* country */

    color: var(--o-HOMEPAGE_GROUPS_BY_REGION_TAB_COUNTRY_TEXT_COLOR, #000000) !important;
}
/* end GROUPS BY REGION (Homepage) */

/* BOTTOM SECTION (Homepage) */
/* ************************* */
.homepage .join-cta {
}



@media (max-width: 480px) {
  .homepage .join-cta .general-h1 {
    font-size: 30px !important;
  }
}
/* end BOTTOM SECTION (Homepage) */

/* EVENT PAGE */
.general-event-banner,
.general-event-banner a {
  color: #ffffff;
}

.general-event-banner a {
  border-color: #ffffff;
  text-decoration-color: #ffffff;
  fill: #ffffff;
}

#event-info.dark_bg {
  background-color: #333333;
    background-color: var(--o-EVENT_AGENDA_SECTION_BACKGROUND_COLOR, #9146FF);
}
#event_page .event-info-container {
  color: #ffffff;
    color: var(--o-EVENT_AGENDA_SECTION_COLOR, #ffffff);
}
#event-info .agenda-item.even {
  background-color: rgba(0, 0, 0, 0.1);
    background-color: var(--o-EVENT_AGENDA_ROW_BACKGROUND_COLOR, #9451f6);
}
#event-info .day-button {
  font-size: 14px;

  border-radius: 0;

  padding: 7px 15px;

  border: none;
  border-bottom-width: 0;
  margin-bottom: 0;

  text-transform: none;

  font-weight: normal;

  border-bottom-style: solid;
}
#event_page .days-container {
  padding-bottom: 0;
}
@media (min-width: 480px) {
  #event_page .days-container {
    padding-top: 0;
  }
  #event_page .agenda-title-container {
    margin-top: 0;
  }
}
#event-info .day-button:not(.selected) {
  background-color: transparent;

  color: #ffffff;
    color: var(--o-EVENT_AGENDA_TAB_COLOR, #ffffff);

  border-bottom-color: transparent;
}
#event-info .day-button.selected,
#event-info .day-button:not(.selected):hover {
  background-color: rgba(0, 0, 0, 0.1);
    background-color: var(--o-EVENT_AGENDA_TAB_ACTIVE_BACKGROUND_COLOR, #fff);

  color: #ffffff;
    color: var(--o-EVENT_AGENDA_TAB_ACTIVE_COLOR, #9146FF);

  border-bottom-color: transparent;
}

#event_page .chip-placeholder {
  height: 55px;
}

/* end EVENT PAGE */

/* CHAPTER PAGE */
.general-chapter-banner,
.general-chapter-banner a {
  color: #ffffff;
}

.general-chapter-banner a {
  border-color: #ffffff;
  text-decoration-color: #ffffff;
  fill: #ffffff;
}
/* end CHAPTER PAGE */

/* MARKETING MESSAGE BAR */
.all-pages-info-banner {
  background-color: #333333;
    background-color: var(--o-GENERAL_MARKETING_MESSAGE_BAR_BACKGROUND_COLOR, #9146FF);

  color: #ffffff;
    color: var(--o-GENERAL_MARKETING_MESSAGE_BAR_TEXT_COLOR, #FFFFFF);

  padding-top: 30px;
  padding-bottom: 30px;
}

.all-pages-info-banner .all-pages-info-banner--title {
  font-size: 18px;

    font-weight: bold;
}

.all-pages-info-banner .all-pages-info-banner--body {
  font-size: 16px;

    font-weight: normal;
}

a.all-pages-info-banner:hover {
  color: #ffffff;
    color: var(--o-GENERAL_MARKETING_MESSAGE_BAR_TEXT_COLOR, #FFFFFF);
}
/* end MARKETING MESSAGE BAR */

/* CSS OVERRIDES */
/* ************* */
.profile .profile-info .profile-banner-background-blurred {
  filter: blur(0px);
}

._dashboard.chapters-panel {
  border: none !important;
  border-radius: 0px;
}

.uppercase {
  text-transform: none;
}

.topnavbar {
  display: none;
}

.search-pageStyles-wideSearchBarContainer-1UFGB {
    background-color: #9146FF;
}

.LocationWidget-styles-scope-19LIe .LocationWidget-styles-geosuggestContainer-2UUaL .LocationWidget-styles-locationInputModule-UkhdW input {
    background: #F0F0FF!important;
}

.chapter .vertical-boxes .vertical-box-container h2 {
    color: #000;
}

.chapter .chapter-photos {
    background-color: #000000;
}

.chapter .chapter-photos h1 {
    color:  #9146FF!important;
}

#event_page .event-wrapup-photos {
    background-color: #000000;
}

#event_page .event-wrapup-photos h1 {
    color:  #9146FF!important;
}

#event_page h2.event-page, .chapter .brought-to-you-by h2.event-page {
    color: #000;
}

.purchase-window .purchased-footer {
    background: #9146FF;
}

body {
  color: #000000;
}

@media screen and (max-width: 991px) {
  .main-menu.dropdown-menu a:hover {
    color: #333 !important;
  }
  body .navbar-secondary .navbar-collapse .navbar-right li.navbar-login-links {
    padding-top: 20px !important;
  }
}
  
/*Hiding the Featured Video ZD start*/
.video-container{
  display:none;
}
/*Hiding the Featured Video ZD end*/
  
 /*Homepage Video Mobile View */

@media (max-width: 768px) {
  .homepage_video iframe {
    width: 100%;
    height: 400px;
  }
   /*Homepage Video Mobile View End */
/* end CSS OVERRIDES */

/* THUMBNAIL ROUNDNESS */
.__bds-thumbnail-roundness {
  border-radius: 50% !important;
  overflow: hidden;
}

/* CSS vars */
:root {
  --general-paragraph-font-size: 18px;

  --theme-palette-primary: #9146FF;

  /* Header dropdown vars — Next.js publishes these via headerCssVars.js so
     SCSS can read the `--headerDropdown*` custom properties. Mirroring
     them here so legacy LESS can read the same vars and let the cascade do
     its job (rather than hardcoding defaults with !important that would
     silently override SE values). Each is gated on the SE setting being
     defined; when unset the LESS consumer falls back via the second arg of
     its own custom-property reference. */
  --headerDropdownBackgroundColor: var(--o-GENERAL_HEADER_DROPDOWN_BACKGROUND_COLOR, #fff);





  --general-button-background: var(--o-GENERAL_BUTTON_BACKGROUND, #9146FF);

  --general-button-color: var(--o-GENERAL_BUTTON_COLOR, #FFF);


  --general-hover-button-background-color: var(--o-GENERAL_HOVER_BUTTON_BACKGROUND_COLOR, #7314FF);


  --general-hover-button-color: var(--o-GENERAL_HOVER_BUTTON_COLOR, #FFF);

  --general-button-tb-pad: 15px;

  --general-button-lr-pad: 20px;

  --general-button-border-radius: 6px;

  --general-button-font-size: 14px;

  --general-button-all-caps: none;

  --general-button-weight: normal;

  --general-button-stroke-width: 0px;

  --general-ghost-button-background: var(--o-GENERAL_GHOST_BUTTON_BACKGROUND_COLOR, #ffffff);

  --general-ghost-button-stroke-color: var(--o-GENERAL_GHOST_BUTTON_STROKE_COLOR, #9146FF);

  --general-ghost-button-color: var(--o-GENERAL_GHOST_BUTTON_COLOR, #9146FF);

  --general-ghost-hover-button-background-color: var(--o-GENERAL_GHOST_HOVER_BUTTON_BACKGROUND_COLOR, #9146FF);

  --general-ghost-hover-button-stroke-color: var(--o-GENERAL_GHOST_HOVER_BUTTON_STROKE_COLOR, #9146FF);

  --general-ghost-hover-button-color: var(--o-GENERAL_GHOST_HOVER_BUTTON_COLOR, #ffffff);

  --general-ghost-button-all-caps: none;

  --general-ghost-button-weight: normal;

  --general-ghost-button-font-size: 14px;

  --general-ghost-button-border-radius: 6px;

  --general-button-stroke-width: 0px;
  --general-ghost-button-stroke-width: 1px;

  --general-text-link-color: var(--o-GENERAL_TEXT_LINK_COLOR, #9146FF);












}

/* Hide reCAPTCHA badge: https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed */
.grecaptcha-badge { visibility: hidden; }

.login-button-container {
  display: flex;
  align-items: baseline;
}
.login-plaintext {
  text-decoration: none;
}

/* new dropdown menu style overrides: https://startupgrind.atlassian.net/browse/SGP-30575 */
.dropdown-menu.new-dropdown-menu li > a > svg {
  width: 16px;
  height: 16px;
}

.dropdown-menu.new-dropdown-menu  li > a.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.dropdown-menu.new-dropdown-menu li > a:hover,
.dropdown-menu.new-dropdown-menu li > a:focus {
    text-shadow: none;
    background-color: transparent;
}

.dropdown-menu.new-dropdown-menu li > a {
  border-radius: 6px;
}

@media (min-width: 992px) {
  .navbar-secondary .navbar-nav > li.navbar-menu.notifications-menu-item > a:hover,
  .navbar-secondary .navbar-nav > li.navbar-menu.notifications-menu-item > a:focus,
  .navbar-secondary .navbar-nav > li.navbar-menu.notifications-menu-item > a:active {
    text-shadow: none;
  }
}

/* Navbar override https://startupgrind.atlassian.net/browse/SGP-30781 */
.main-header-navbar li.search-menu-item > a > svg {
  width: 18px;
  height: 18px;
}

/* Profile dropdown style settings */
@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu {
    background-color: var(--o-GENERAL_HEADER_DROPDOWN_BACKGROUND_COLOR, #fff);
  }
}






@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a {
    font-weight: normal;
  }
}


/* Dropdown link hover states */
@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a:hover,
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a:focus {
    background-color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_HOVER_BACKGROUND_COLOR, #9146FF) !important;
  }
}

@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a:hover,
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a:focus {
    color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_HOVER_FONT_COLOR, #ffffff);
  }
}



/* The desktop avatar dropdown's design-system styling (section labels, links,
   dividers, logout) lives in the min-width:992 block far above. On mobile the same
   avatar menu renders in the header-bar bottom sheet (.mobile-header-actions, which
   is mobile-only), so re-apply that styling here un-gated to keep the sheet content
   consistent with the desktop dropdown. Kept in sync with the desktop rules. */
.mobile-header-actions .dropdown-menu.new-dropdown-menu .divider {
  background-color: #F6F9FB;
  margin: 8px 0;
}
.mobile-header-actions .dropdown-menu.new-dropdown-menu li.section-label {
  font-weight: 400;
  font-size: 10px;
  line-height: 133%;
  text-transform: uppercase;
  padding: 8px 4px 4px;
}
.mobile-header-actions .dropdown-menu.new-dropdown-menu > li > a {
  font-size: 14px;
  line-height: 136%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 8px;
  color: #4D546A;
  cursor: pointer;
}
.mobile-header-actions .dropdown-menu.new-dropdown-menu > li > a.logout {
  color: #E3000F;
}

/* Per-instance Style Editor link overrides (also min-width:992 above). */


.mobile-header-actions .dropdown-menu.new-dropdown-menu li > a {
  font-weight: normal;
}


.mobile-header-actions .dropdown-menu.new-dropdown-menu li > a:hover,
.mobile-header-actions .dropdown-menu.new-dropdown-menu li > a:focus {
  color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_HOVER_FONT_COLOR, #ffffff);
}


/**
 * IMPORTANT: This section should be kept in sync with next/src/app/variables.css
 * Any changes made here should also be reflected in the platform_project version and vice versa.
 * This section does _not_ add any configuration-based variables; it only defines our design system variables.
 * Location: next/src/app/variables.css
 */
:root {
  /* Spacing and gap */
  --SpacingGap01: 4px;
  --SpacingGap02: 8px;
  --SpacingGap03: 12px;
  --SpacingGap04: 16px;
  --SpacingGap05: 20px;
  --SpacingGap06: 24px;
  --SpacingGap07: 28px;
  --SpacingGap08: 32px;
  --SpacingGap09: 36px;
  --SpacingGap10: 40px;
  --SpacingGap11: 44px;
  --SpacingGap12: 48px;
  --SpacingGap16: 64px;
  --SpacingGap25: 100px;

  /* Radius */
  --RadiusXSM: 4px;
  --RadiusXS: 6px;
  --RadiusSM: 12px;
  --RadiusMD: 16px;
  --RadiusLG: 24px;

  /* Font */
  --FontSizeXS: 10px;
  --FontSizeSM: 12px;
  --FontSizeMD: 14px;
  --FontSizeLG: 16px;
  --FontWeightNormal: 400;
  --FontWeightMedium: 500;
  --FontWeightBold: 700;

  /* Line Height */
  --LineHeighNormal: 1;
  --LineHeightRelaxed: 1.15;

  /* Colors */
  --ColorPrimary: #1686FF;
  --ColorPrimaryRGB: 22, 134, 255;

  /* this defaults to softdark but can be changed in style editor */
  --ColorSecondary: #8252FF;
  --ColorSecondaryRGB: 130, 82, 255;

  /* Neutral ramp: reference the --theme-palette-* vars (which theme.css flips under
     [data-theme="dark"]) with the light template value as fallback, so these --Color*
     tokens flip in dark mode instead of being frozen at their light hex. Mirrors the
     Next app's variables.css; the template value keeps light mode identical and guards
     pages that load generalstyles.css without theme.css (DIS-3555 DM-035, P2/P3/P4). */

  /* Figma: "White" */
  --ColorLight: var(--theme-palette-light, #FFFFFF);
  --ColorLightRGB: 255, 255, 255;

  /* Figma: "Light" */
  --ColorSoftLight: var(--theme-palette-soft-light, #F6F9FB);
  --ColorSoftLightRGB: 246, 249, 251;

  /* Figma: "Soft Light" */
  --ColorLightBorders: var(--theme-palette-light-borders, #E4ECF3);
  --ColorLightBordersRGB: 228, 236, 243;

  /* Figma: "Black" */
  --ColorDark: var(--theme-palette-dark, #292C39);
  --ColorDarkRGB: 41, 44, 57;

  /* Figma: "Dark" */
  --ColorSoftDark: var(--theme-palette-soft-dark, #4D546A);
  --ColorSoftDarkRGB: 77, 84, 106;

  /* Figma: "Soft Dark" */
  --ColorDarkBorders: var(--theme-palette-dark-borders, #7C8A9C);
  --ColorDarkBordersRGB: 124, 138, 156;

  /* Extra colors */
  --ColorError: #E3000F;
  --ColorErrorRGB: 227, 0, 15;
  --ColorSuccess: #008A00;
  --ColorSuccessRGB: 0, 138, 0;
  --ColorWarning: #F3BE02;
  --ColorWarningRGB: 243, 190, 2;
  --AIGradientSM: linear-gradient(270deg, #7bedff, #d783ff, #7bedff);
}