@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-asana/fonts/TWKLausanne-300_uM4jzjZ.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-asana/fonts/TWKLausanne-400_MlsOOlF.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-asana/fonts/TWKLausanne-0600_SEKtaeD.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-asana/fonts/AsanaGhost-Medium_mrgTjq5.woff);
    font-weight: 700;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(None);
    font-weight: 900;
  }

  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-asana/fonts/TWKLausanne-300Italic_BeLJRe1.woff);
    font-weight: 300;
    font-style: italic;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-asana/fonts/TWKLausanne-600Italic_EKbscbu.woff);
    font-weight: 600;
    font-style: italic;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-asana/fonts/AsanaGhost-MediumItalic_56z1Gbh.woff);
    font-weight: 700;
    font-style: italic;
  }

  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-asana/fonts/TWKLausanne-300_yLranHH.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-asana/fonts/TWKLausanne-400_b8jWjhN.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-asana/fonts/TWKLausanne-0600_CDtQdam.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-asana/fonts/AsanaGhost-Medium_snum7RN.woff);
    font-weight: 700;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url();
    font-weight: 900;
  }

  @font-face {
    font-family: 'custom_font_heading';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-asana/fonts/TWKLausanne-300Italic_ONAbHjS.woff);
    font-weight: 300;
    font-style: italic;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-asana/fonts/TWKLausanne-600Italic_rvQRvST.woff);
    font-weight: 600;
    font-style: italic;
  }

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

/* 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, #0d0e10) !important;
  }

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

  text-transform: none;

    font-weight: normal !important;
}

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

  .general-h2,
  .general-h2 > a,
  .general-body h2,
  .general-body h2 > a,
  .general-body--color h2,
  .general-body--color h2 > a{
    color: var(--o-GENERAL_HEADING2_FONT_COLOR, #0d0e10) !important;
  }

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

  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, #FFFFFF);
  }
/* end Body */

/* Header */
/* ------ */
/* Desktop */

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


}


.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: #F06A6A;
    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, #2a2b2c) !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: 5px;
  }
  .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, #2a2b2c) !important;


    text-transform: none !important;

    font-weight: normal;
      font-weight: 500 !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, #0D0E10) !important;


    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;
  }






  .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;
      box-shadow: 0px 25px 30px 0px rgba(36, 50, 66, 0.10);
  }

  .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: 500 !important;

      color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_FONT_COLOR, #2a2b2c) !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, #2a2b2c) !important;

      background-color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_HOVER_BACKGROUND_COLOR, #FFFFFF) !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 {
  }

  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, #151b26) !important;

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


  border-top-width: 0 !important;


  border-bottom-width: 0 !important;
}

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

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

footer.page-footer .footer-bottom {
    background-color: var(--o-GENERAL_FOOTER_BOTTOM_BACKGROUND_COLOR, #151b26) !important;


  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;

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

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

}

footer.page-footer a:not(.social-button):not(.powered_by_bevy):not(.btn):not(.footer-copyright) {
  font-size: 14px !important;

  text-transform: none;

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

@media (min-width: 992px) {
  footer.page-footer a:hover {
  }

  footer.page-footer a:not(.social-button):hover {
    text-decoration: none !important;
      text-decoration: underline !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, #9da7b0) !important;

    font-size: 12px !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, #A7AAAF) !important;
}

footer.page-footer ul.social-links li {
    background-color: var(--o-GENERAL_FOOTER_SOCIAL_ICON_BACKGROUND_COLOR, #161B25) !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, #ffffff) !important;
  }

  footer.page-footer ul.social-links li:hover {
    background-color: var(--o-GENERAL_FOOTER_SOCIAL_ICON_HOVER_BACKGROUND_COLOR, #161B25) !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-radius: 3px !important;

  border-width: 0 !important;

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


    box-shadow: 0px 3px 10px 0px rgba(82, 91, 102, 0.4) !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, #0d0e10);
}
/* end CARDS */

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

.chapter-banner .overlay,
#event_page .jumbotron .color-overlay,
.page-banner .overlay {
  background-color: rgba(13, 14, 16, 0.1);
}

.page-banner .container .page-banner-title {
  color: #ffffff;
    color: var(--o-GENERAL_BANNER_FONT_COLOR, #0D0E10);

  text-transform: none;

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

    font-weight: normal;

    text-align: center;
}
@media (min-width: 768px) {
  .page-banner .container .page-banner-title {
      font-size: 16px;
  }
}
/* 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;
    color: var(--o-GENERAL_SEARCH_DROPDOWN_ITEM_FONT_COLOR, #0D0E10) !important;
}
.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: #F06A6A;

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

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

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

  text-transform: none !important;

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

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

    text-align: center !important;

}

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

.carousel-container .content .content-inside h3 {
    font-size: 20px !important;

  text-transform: none !important;

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

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

    text-align: center !important;
}

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

/* 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, #000) !important;

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

    border-color: var(--o-GENERAL_BUTTON_STROKE_COLOR, #000) !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, #FFF) !important;

    border-width: 1px;
    border-style: solid;
    border-color: var(--o-GENERAL_HOVER_BUTTON_STROKE_COLOR, #0D0E10) !important;

    color: var(--o-GENERAL_HOVER_BUTTON_COLOR, #0D0E10) !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, #FFF) !important;

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

    color: var(--o-GENERAL_GHOST_BUTTON_COLOR, #000) !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, #0D0E10) !important;

    border-color: var(--o-GENERAL_GHOST_HOVER_BUTTON_STROKE_COLOR, #ffffff) !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: 3px !important;

    font-size: 14px;

  text-transform: none !important;

  font-weight: normal;

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

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: 13px;

  border-radius: 0;
    border-radius: 3px;

  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: 3px !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;
}
.cookie-consent-acknowledgement-conatiner .cookie-consent-text {
    font-size: 15px !important;

    font-weight: normal;

  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 {
}

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


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

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


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

/* INTRO (Homepage) */
/* **************** */
.intro-text {
    background-color: var(--o-HOMEPAGE_INTRO_BACKGROUND_COLOR, #FFFFFF) !important;
}

.intro-text .section-header {
    color: var(--o-HOMEPAGE_INTRO_HEADING_COLOR, #0D0E10) !important;
}

.intro-text .about-message {
    color: var(--o-HOMEPAGE_INTRO_PARAGRAPH_COLOR, #0D0E10) !important;
}
/* end INTRO (Homepage) */

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

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

.location-widget .geosuggest__input-wrapper,
.location-widget .geosuggest__input {
  background-color: #ffffff;

  color: #091E42;
    color: var(--o-HOMEPAGE_UPCOMING_SEARCH_TEXT_COLOR, #2a2b2c);
}

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

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

  border-width: 0 !important;


  box-shadow: none !important;
    box-shadow: 0px 7px 20px 0px rgba(71, 71, 72, 0.1) !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, #2a2b2c) !important;
}

.location-widget .type,
.location-widget .title {
    font-size: 14px !important;

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

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

}

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

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

.rbc-show-more {
    color: var(--o-GENERAL_TEXT_LINK_COLOR, #F06A6A) !important;
    text-decoration-color: var(--o-GENERAL_TEXT_LINK_COLOR, #F06A6A);
}
/* 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, #0d0e10) !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, #0d0e10) !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, #FFFFFF) !important;
}

.main-dashboard.on-home-page #react-main-chapter-list-root > .holder .chapters-title {
    font-size: 26px !important;

    color: var(--o-HOMEPAGE_GROUPS_BY_REGION_HEADING_COLOR, #0d0e10) !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, #ffffff) !important;

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

    font-size: 14px !important;

  text-transform: none !important;

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

  border-bottom-width: 0 !important;
    /* this is needed here to prevent shift on hover */
    border-bottom-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-color: transparent;

  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, #ffffff) !important;

    border-bottom-color: var(--o-HOMEPAGE_GROUPS_BY_REGION_TAB_BOTTOM_LINE_COLOR, #0d0e10) !important;

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

#react-main-chapter-list-root .row.regions-list .chapter-item strong {
  /* city */
    font-size: 14px !important;

    color: var(--o-HOMEPAGE_GROUPS_BY_REGION_TAB_CITY_TEXT_COLOR, #0d0e10) !important;
}

#react-main-chapter-list-root .row.regions-list .chapter-item span {
  /* country */
    font-size: 12px !important;

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

/* BOTTOM SECTION (Homepage) */
/* ************************* */
.homepage .join-cta {
    background-color: var(--o-HOMEPAGE_BOTTOM_CTA_SECTION_BACKGROUND_COLOR, #FFEAEC) !important;
}

.homepage .join-cta .general-h1 {


    font-weight: bold !important;

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


@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;
    color: var(--o-EVENT_PAGE_BANNER_TEXT_COLOR, #0d0e10);
}

.general-event-banner a {
  border-color: #ffffff;
  text-decoration-color: #ffffff;
  fill: #ffffff;
    border-color: var(--o-EVENT_PAGE_BANNER_TEXT_COLOR, #0d0e10);
    text-decoration-color: var(--o-EVENT_PAGE_BANNER_TEXT_COLOR, #0d0e10);
    fill: var(--o-EVENT_PAGE_BANNER_TEXT_COLOR, #0d0e10);
}

#event-info.dark_bg {
  background-color: #333333;
    background-color: var(--o-EVENT_AGENDA_SECTION_BACKGROUND_COLOR, #FFFFFF);
}
#event_page .event-info-container {
  color: #ffffff;
    color: var(--o-EVENT_AGENDA_SECTION_COLOR, #0d0e10);
}
#event-info .agenda-item.even {
  background-color: rgba(0, 0, 0, 0.1);
}
#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, #0d0e10);

  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, #0d0e10);

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

  border-bottom-color: transparent;
}

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

/* end EVENT PAGE */

/* CHAPTER PAGE */
.general-chapter-banner,
.general-chapter-banner a {
  color: #ffffff;
    color: var(--o-CHAPTER_PAGE_BANNER_TEXT_COLOR, #0d0e10);
}

.general-chapter-banner a {
  border-color: #ffffff;
  text-decoration-color: #ffffff;
  fill: #ffffff;
    border-color: var(--o-CHAPTER_PAGE_BANNER_TEXT_COLOR, #0d0e10);
    text-decoration-color: var(--o-CHAPTER_PAGE_BANNER_TEXT_COLOR, #0d0e10);
    fill: var(--o-CHAPTER_PAGE_BANNER_TEXT_COLOR, #0d0e10);
}
/* end CHAPTER PAGE */

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

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

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

  /* Per-corner radius (DIS-3692). Each corner is gated on its own so they stay
     independent. An unset corner — and a 0, which pystache drops as falsy — emits no
     rule, and no rule already means square, so this needs no zero-coercion the way the
     padding above does. Mirrors the Next.js PromoBanner. */
}

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

    font-weight: normal;
}

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

    font-weight: normal;
}

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

/* CSS OVERRIDES */
/* ************* */
/*Homepage - upcoming events*/
.IconBlock-styles-scope-27bGt .IconBlock-styles-type-31aPf {
  line-height: 22px;
}

/*Event page*/

#event_page .event-chapter-title {
  font-weight: 300;
  font-size: 24px;
}

#event_page .event-date-time {
  font-size: 24px;
}

#event_page .description-container .event-description {
  line-height: 1.9;
}

@media (max-width: 768px) {
#event_page h2.city-date {
  font-size: 20px!important;
}
}


/*Chapter page*/
.chapter .start-a-chapter a {
color: #6651FF;
line-height: 32px;
}




.main-dashboard#chapters-page .search-holder .form-control {
  font-weight: normal;
  font-size: 22px;
}

@media (min-width: 768px){
.navbar>.container .navbar-brand img {
  height: auto!important;
}
}

footer.page-footer ul {
  line-height: 32px;
}

footer.page-footer ul.social-links li a.social-button:hover {
  text-decoration: none !important;
}



.chapter #leave-community .leave.member-api {
color: #7a6eff;
}




body {
background: #F6F8F9;
}

.carousel-container .content .content-inside h2 {
font-weight: 300;
}

.carousel-container {
background-color: #796EFF;
}

.carousel-control, .carousel-control.left, .carousel-control.right {
opacity: 0.20;
}

.carousel-control, .carousel-control.left:hover, .carousel-control.right:hover {
opacity: 0.30;
}


@media (max-width: 768px) {
.carousel-container .content {
  height: 300px;
}
}

.carousel-control, .carousel-control.left, .carousel-control.right {
display: none;
}

.main-dashboard ._dashboardEVENTS div.list-item:hover div,
.main-dashboard ._dashboardEVENTS div.list-item:hover h2 {
color: #fff !important;
}

@media (max-width: 767px){
.carousel-container .content .content-inside h2 {
  font-size: 46px !important;
  line-height: 50px;
}
}

@media (max-width: 767px) {
.carousel-container .content {
  padding: 60px 0 0;
}
}

@media (max-width: 767px) {
.carousel-container .content .content-inside h3 {
  padding: 20px 10px 0px 10px;
}
}

@media (max-width: 767px) {
.carousel-container .content .content-inside h3 {
  line-height: 28px;
}
}





@media (max-width: 767px) {
#event_page .contact-host.modal-dialog h4 {
  font-size: 20px;
}
}

@media (max-width: 767px) {
.form-group+.text-danger {
  margin-bottom: 0px;
}
}

@media (max-width: 767px) {
.form-group {
  margin-bottom: 0px;
}
}

@keyframes pulseWarning {
0% {border-color: red !important;}
100% {border-color: red !important;}
}
@keyframes pulseWarningIns {
0% {border-color: red !important;}
100% {border-color: red !important;}
}

.sweet-alert .sa-icon.sa-warning { border-color: red !important; }
.sweet-alert .sa-icon.sa-warning .sa-body { background-color: red !important; }
.sweet-alert .sa-icon.sa-warning .sa-dot { background-color: red !important; }

.main-dashboard .formField .red {
color: red;
}

._dashboard .paginated-form-nav-top .icon-attention-circled {
color: red;
}






.main-dashboard ._dashboardWAITLIST thead {
text-transform: none;
}

.main-dashboard .discount-view-table {
overflow-x: visible;
}

.newsletterupcomingevents.row:hover {
background-color: #f4f4f4!important;
}





.purchase-window .discount-row {
background: #25E8C8!important;
}

.ladda-button[disabled]:hover {
background-color: #999999!important;
}

.purchase-window .summary-total {
margin-bottom: 50px;
}

.purchase-window .see-you {
font-size: 24px;
}

.purchase-window .names-block .name {
color: #ffffff!important;
}

.purchase-window .names-block .company {
color: #ffffff!important;
}

.form-control {
padding: 9px 15px;
}

.purchase-window .btn.dropdown-toggle {
color: #333333!important;
background-color: #ffffff!important;
border: 1px solid #dedede;
}

.purchase-window .order-now {
margin: 20px 0px 0px 0px;
}

.purchase-window .panel-default {
margin-bottom: 50px;
}

.purchase-window .promo-code .code-show a {
border-bottom: none;
color: #796EFF;
padding-right: 15px;
}

.purchase-window .promo-code {
padding: 25px 30px 0px 30px;
}

.purchase-window .tickets-holder .description {
margin-top: 0px;
}


.table>thead>tr>th {
padding: 8px 8px 8px 20px;
}

.purchase-window .promo-code .discount-code-error {
color: red;
font-weight: normal;
}

.purchase-window .tickets-holder .description {
font-size: 14px;
margin-top: inherit;
padding-bottom: 10px;
}

.purchase-window {
  padding-top: 50px;
}

@media (max-width: 767px) {
.purchase-window .join-waitlist {
  padding-left: 15px;
  padding-right: 15px;
}
}

.purchase-window .ticket-step-next {
padding: 0 3px 20px;
}

@media (max-width: 768px) {
.purchase-window .ticket-table .sale-start-end {
  color: #666666;
}
}

@media (max-width: 768px){
.purchase-window .ticket-table .highlight-row {
  background-color: #f4f4f4;
}
}

@media (max-width: 768px) {
.purchase-window h1 {
  font-size: 30px;
}
}

@media (max-width: 768px) {
.purchase-window .promo-code .code-show a {
  padding-right: inherit;
}
}





#speakerbios .company {
  color: #fff !important;
}
#speakerbios .bio p {
  color: #fff !important;
}





._dashboardSimpleImageUpload .full {
border: 2px dashed #929292;
}

._dashboardImageUpload .text-overlay .inner .browse-button {
background: #796EFF;
}

._dashboardImageUpload .text-overlay .inner .browse-button {
font-size:11px;
font-weight:bold;
}

.main-dashboard .event-creation-button-container .btn {
padding: 14px 20px;
min-height: 30px;
min-width: 120px;
}

.main-dashboard .event-list-icon-outer .event-list-icon-inner {
background-color: transparent;
}

.main-dashboard ._dashboardEVENTS .list-item:hover {
background-color: #243242;
}

.main-dashboard ._dashboardEVENTS .list-item:hover .event-list-icon-inner a {
color: #fff;
}

._dashboard .names-block {
padding: 6px 10px;
line-height: 15px;
color: #ffffff;
}






._dashboard .algolia-search .icon-cancel-1, ._dashboard .algolia-search .icon-cancel-1:hover{
top: 12px;
font-size:14px;
}

@media (max-width: 768px) {
.main-dashboard#chapters-page .search-holder .icon-search {
  display: inherit;
  top: 7px;
}
}



.form-group.select .glyphicon {
border-left: none!important;
font-size: 100%;
padding: 14px 0 0 15px;
}






#event_page .icon {
background-color: #F6F8F9!important;
border-radius: 30px;
}

#event_page .dark_bg {
background-color: #F6F8F9!important;
}

#event_page .event-info-container .second-column, #event_page .event-info-container .title-span{
color: #222B37;
}

#event_page .chapter .hosts {
margin-bottom: 30px;
}

#event_page button.contact-us {
padding: 12px 40px;
}

.rw-btn:hover, .rw-dropdownlist:hover {
background-color: #f4f4f4;
}

#event_page .speaker .tile {
padding-bottom: 40px;
}

#event_page .speaker .tile p {
text-align: left!important;
margin-bottom: 20px;
}

#event_page .vertical-boxes .vertical-box-container h4 {
font-size: 15px;
font-style: normal;
}

@media (max-width: 768px) {
.chapter .vertical-boxes .vertical-box-container {
  margin: 10px auto;
}
}

@media (max-width: 768px) {
#event_page .font_banner2 {
  font-size: 36px;
}
}

@media (max-width: 768px) {
#event_page .jumbotron h1, #event_page .font_banner2 {
  line-height: 40px;
}
}

@media (max-width: 768px) {
#event_page .jumbotron .event-page.container {
  padding-top: 40px;
  padding-bottom: 50px;
}
}

@media (max-width: 768px) {
#event_page h1.event-page {
  font-size: 30px;
}
}

@media (max-width: 768px) {
#event_page .lower_img .container .more-info {
margin: inherit;
}
}

#event_page .tile .social-media a {
color: #796EFF;
}







.chapter .chapter-nav {
margin: 30px -15px 10px;
}

.chapter h1.chapter-page {
margin: 30px 0;
}

@media (max-width: 768px) {
.chapter h1.chapter-page, .chapter h2.small-title {
  text-align: center;
}
}

.container.about.section {
margin-bottom: 50px!important;
}

.chapter h1.chapter-page, .chapter h1.small-title, .chapter h2.small-title, .chapter h3.small-title {
color: #161D28!important;
margin: 60px 0px 30px 0px;
font-size: 45px;
font-weight: normal;
}

@media (max-width: 768px) {
.chapter h2.small-title {
  margin: 20px 0px 30px 0px;
}
}

.chapter .vertical-boxes .event-image {
border: 1px solid #f4f4f4;
}


.chapter a.view-profile {
margin-top: 20px;
margin-bottom: 10px;
}

.icon-twitter:hover {
text-decoration: none!important;
}

.chapter .event-page-popup {
 text-align: left;
}

.chapter .vertical-boxes .vertical-box-container h5 {
line-height: 1.3em;
}

.chapter .vertical-boxes .vertical-box-container h2 {
margin-top: 10px;
}

@media (max-width: 768px) {
.chapter #local-partners .event-page-popup {
  margin-left: -127px;
}
}

@media (max-width: 768px) {
.container.about.section {
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 20px;
}
}

@media (max-width: 768px) {
.chapter .blog-post-author .post-meta .media-body {
  padding-left: inherit;
}
}

.chapter.page .youtube-video.loaded {
margin-top: 0px;
}

@media (max-width: 768px) {
.chapter .vertical-boxes .vertical-box-container {
  margin: 10px auto;
}
}


.main-dashboard ._dashboardSORTABLETABLE {
margin-bottom: 120px;
}

.discount-view-table .options-menu {
background-color: transparent !important;
}

.discount-view-table .options-menu:hover {
background-color: #ffffff !important;
}





@media (max-width: 768px) {
.nav-underscore {
  padding: 0px 2px 30px;
}
}

@media (max-width: 768px) {
.profile .profile-info-box {
  padding: 40px 0 30px;
}
}

.profile .profile-edit-buttons .btn {
margin-top: 30px;
}


@media (max-width: 992px) {
.profile .profile-info .profile-banner-background-blurred {
  top: 0;
  left: -50%;
  height: 100%;
  position: absolute;
  width: auto;
}
}





.profile h4 {
margin: 60px 0 25px;
}

.profile #mytickets .container .panel-default {
margin-bottom: 60px;
}

.panel-b-pad {
margin-bottom: 50px;
}

.wrapup-form h4 {
margin-top: 30px;
}

._dashboard .algolia-search .search-drop-down .search-result .result-company {
text-transform: none;
}




.static-page {
margin-top: 50px;
}

.main-dashboard#chapters-page .search-holder .form-control {
border: none!important;
box-shadow: 0 3px 5px 0 rgba(36,50,66,0.2)!important;
border-radius: 0px;
}

.main-dashboard#chapters-page .search-holder .icon-search {
color: #646F79;
}

._dashboard.chapters-panel h2.chapters-title, ._dashboard.newsletter-panel h2.chapters-title{
color: #161D28;
font-weight: 300;
font-size: 45px;
}

.main-dashboard#chapters-page .holder {
background: #ffffff;
}

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

.homepage .join-cta {
background: #F6F8F9;
color: #222B37;
}

.homepage .join-cta h2 {
font-size: 56px;
font-weight: 100;
  margin: 0 0 43px;
}

.navbar-right .icon-group {
color: #ffffff;
}

._dashboard.chapters-panel .regions{
border-bottom: 1px solid #D5DCE0!important;
}


.navbar-static-top.navbar-secondary {
box-shadow: 0 3px 5px 0 rgba(36,50,66,0.1);
}

body.events-page{
background: #ffffff!important;
}

.panel-default {
border:none!important;
box-shadow: 0 3px 5px 0 rgba(36,50,66,0.2);
}

.chapter-banner .overlay {
background-color: transparent!important;
}

.main-dashboard .analytics-block .analytics-tool-button {
font-size: 12px;
}

body.page.chapter {
background: #F6F8F9;
}

.chapter .vertical-boxes .vertical-box-container {
border: none;
box-shadow: 0 3px 5px 0 rgba(36,50,66,0.2);
}

.chapter h3.small-title {
text-align: center;
}

.chapter .vertical-boxes a.view-profile {
background: transparent!important;
border: 2px solid #796EFF!important;
color: #796EFF!important;
}

.chapter .list-inline>li [class^=icon-]:before {
color: #796EFF!important;
}

.purchase-window .panel-default {
box-shadow: 0 11px 12px 0 rgba(36,50,66,0.12);
}

#event_page .description-container {
background-color: #fff;
}

#event_page .vertical-boxes .vertical-box-container {
background: #fff;
box-shadow: 0 3px 5px 0 rgba(36,50,66,0.2);
}

#event_page .chapter {
background-color: #ffffff;
}

.chapter .brought-to-you-by {
border-bottom: 1px solid #D9D9D9;
}

#featured-attendees {
background-color: #F6F8F9;
}

.user-card.blank_attendee .inner {
border: 1px solid #9CA6AF;
}

.cookie-consent-acknowledgement-conatiner {
background: #232C37;
}

.modalStyles-resultsMessage-25U-x a {
color: #796EFF;
}

.pageStyles-wideSearchBarContainer-1UFGB {
background-color: #f6f8f9;
}

.navbar-menu.selected {
background-color: #ffffff!important;
}

.pageStyles-outerContainer-1t2UD {
background: #ffffff;
}

.pageStyles-resultsContainer-1Gq0S {
border: none;
box-shadow: 0 3px 5px 0 rgba(36,50,66,0.2);
}

.templatePageStyles-hit-26mfs:hover {
background: #222B37;
}

.templateModalStyles-hit--rWXr:hover {
background: #222B37;
}

#event_page .tile {
background: #ffffff!important;
box-shadow: 0 11px 12px 0 rgba(36,50,66,0.12);
}

#event_page .tile .social-media a {
font-size: 22px;
}

.alert-danger {
background-color: rgb(255, 255, 255, 0.9);
color: red;
}







#signup_form #account form a {
color: #796EFF;
text-decoration: none!important;
}

#signup_form #account form a:hover {
text-decoration: underline!important;
}

#signup_form #account .panel-default {
background: transparent!important;
box-shadow: none!important;
}





.navbar-secondary .navbar-nav>li.navbar-menu>a {
font-weight: regular;
}

@media (min-width: 1200px) {
.carousel-container .content .content-inside h3 {
  font-size: 45px;
  padding: 50px 50px 0;
}
}


.geosuggest__suggests-wrapper {
box-shadow: 0 11px 12px 0 rgba(36,50,66,0.12);
}


.uppercase {
text-transform: none;
color: #222B37;
}

.signup h1, .signup h1 .small-title {
color: #222B37;
font-size: 31px;
text-transform: none;
font-weight: normal;
}

.form-group.select {
background: #fff;
}

.form {
color: #646F79!important;
}

.form-group.select .glyphicon {
padding: 18px 0 0 15px;
color: #646F79;
}


.main-dashboard#chapters-page .search-holder .search-drop-down {
border: none;
box-shadow: 0 11px 12px 0 rgba(36,50,66,0.12);
}


#event_page .jumbotron .event-page.container {
padding-top: 39px;
padding-bottom: 39px;
}

.purchase-window h1 {
color: #161D28!important;
font-weight: normal;
text-transform: none;
}

#react-event-purchase-root, .login-to-rsvp-section {
background-color: #f6f8f9;
}

.purchase-window .table td {
font-size: 16px;
vertical-align: top;
padding-top: 40px;
color: #222B37;
}

#event_page .description-container header {
font-weight: 100;
font-size: 56px;
color: #222B37;
}

#event_page .description-container .event-description, #event_page .description-container .event-description p, #event_page .description-container ul {
color: #646F79;
}


#event_page h1.event-page {
color: #161D28!important;
}

#event_page .vertical-boxes .vertical-box-container h2 {
color: #222B37!important;
}

#event_page h4.event-page {
color: #646F79!important;
}

#event_page .vertical-boxes .vertical-box-container h5 {
font-size: 14px;
color: #646F79!important;
}

#event_page .vertical-boxes .vertical-box-container a.btn {
width: auto;
font-size: 14px!important;
font-weight: 600;
}

#event_page h1.event-page {
margin: 40px 0px 70px 0px;
}

#event_page .vertical-boxes .vertical-box-container {
padding: 25px 10px 30px 10px;
}

#event_page .vertical-boxes {
margin-bottom: 85px;
}

#event_page .title-span {
font-size: 22px;
font-weight: 600;
}

#event_page .event-info-container .agenda-item, #event_page .event-info-container .second-column {
color: #646F79;
line-height: 32px;
}

#event_page .dark_bg {
padding: 40px 0 40px;
}

#event_page .brought-to-you-by h1.event-page, #event_page h1.event-page, #featured-attendees h1.event-page, #local-partners h2.event-page {
font-size: 45px!important;
color: #161D28!important;
}

.chapter .brought-to-you-by {
padding-top: 53px;
}

#event_page .chapter .hosts .host-container {
border: none!important;
}

#event_page .vertical-boxes .vertical-box-container a.btn.view-profile, .chapter .vertical-boxes a.view-profile {
padding: 8px 14px;
}

#event_page .vertical-boxes .vertical-box-container a.btn.view-profile:hover, .chapter .vertical-boxes a.view-profile:hover {
background: #796EFF!important;
color: #ffffff!important;
}

#event_page button.contact-us .text, .chapter button.contact-us .text {
font-size: 14px;
}

#event_page button.contact-us, .chapter button.contact-us {
padding: 14px 24px 14px 22px;
}

.chapter .brought-to-you-by {
padding-bottom: 35px;
}

#event_page .light_bg {
padding: 40px 0px 90px 0px;
}


.chapter .event-page-popup, .chapter .sponsor-container .sponsor-holder .event-page-popup {
color: #646F79;
font-size: 14px;
line-height: 24px;
}

.chapter .event-page-popup, .chapter .sponsor-container .sponsor-holder .event-page-popup {
border: none;
box-shadow: 0 11px 12px 0 rgba(36,50,66,0.12);
}

.user-card.feature-cta .inner {
background-color: #222B37;
}

.user-card.feature-cta .inner .inner-container .become-featured {
font-size: 14px;
text-align: center;
font-weight: 400;
  line-height: 24px;
}

.user-card.feature-cta .inner .inner-container .become-featured .big {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}

#featured-attendees .container h1.event-page {
margin: 50px 0px 60px 0px;
}

.chapter-banner .chapter-banner-container .chapter-title-container h2 {
font-size: 31px!important;
font-weight: 600!important;
line-height: 43px!important;
}

.chapter-banner .chapter-banner-container .chapter-title-container h1 {
font-size: 56px;
line-height: 72px;
font-weight: normal;
}

.chapter-banner .chapter-banner-container .chapter-title-container h4.group-members {
font-size: 22px;
margin-bottom: 20px;
margin-top: 15px;
text-transform: uppercase;
font-weight: 600;
}

.chapter .nav-underscore li a {
color: #646F79;
font-size: 16px;
font-weight: normal;
}

#chapter.chapter .brought-to-you-by {
border: none!important;
}

.chapter .about p {
color: #646F79;
}

.chapter .event .panel-body .date, .event .panel-body .date {
font-size: 14px;
padding-bottom: 9px;
}

.event .panel-body h4 {
color: #222B37;
text-transform: none;
font-weight: 600;
margin: 2px 0 20px;
}

.event .panel-body h5 {
font-size: 14px;
color: #848F99!important;
font-style: normal;
}

.chapter .event .panel-body p.description, .event .panel-body p.description {
color: #646F79;
line-height: 28px;
margin: 10px 0 20px;
}

.chapter .vertical-boxes .vertical-box-container h2 {
color: #646F79;
font-size: 20px;
font-weight: 600;
}

.chapter .vertical-boxes .vertical-box-container h5 {
line-height: 26px;
font-size: 16px;
color: #222B37;
}

.chapter h3.small-title {
padding-bottom: 28px;
}

.sponsor-bg-container {
padding: 30px 0 90px;
}

#chapter.chapter .brought-to-you-by {
padding-top: 90px;
}

.chapter .brought-to-you-by .hosts .host-container {
border: none;
box-shadow: 0 3px 5px 0 rgba(36,50,66,0.2);
}

.chapter .vertical-boxes .vertical-box-container h2 {
color: #222B37!important;
font-size: 16px!important;
}

.chapter .brought-to-you-by .hosts .host-container h4 {
margin-top: 2px;
margin-bottom: 5px;
color: #646F79!important;
font-size: 14px!important;
}

.chapter .brought-to-you-by .hosts .host-container h5 {
font-size: 14px;
line-height: 24px;
color: #646F79!important;
}

body.page .static-page h2 {
text-transform: none;
font-weight: normal;
font-size: 45px;
color: #161D28;
margin: 30px 0px 60px 0px;
}

.static-page {
margin-bottom: 180px;
}

.modalStyles-outerContainer-1OIYR .modalStyles-category-2eURa {
text-transform: none;
margin: 22px 15px 8px;
color: #222B37;
font-weight: normal;
font-size: 16px;
}

.templateModalStyles-hitThumbnailContainer-12j22 {
border-radius: 50px;
}

.templateModalStyles-hit--rWXr .templateModalStyles-informationContainer--5jd0 .templateModalStyles-top-3wPM1 {
color: #161D28;
}

.templateModalStyles-hit--rWXr .templateModalStyles-informationContainer--5jd0 .templateModalStyles-bottom-1XSkP {
color: #9CA6AF;
}

.pageStyles-wideSearchBarContainer-1UFGB .pageStyles-label-qYn8c {
font-weight: normal;
color: #161D28;
}

.pageStyles-outerResultsContainer-1N26P .pageStyles-categoryFilters-2Byy4 {
font-size: 20px;
font-weight: normal;
color: #646F79;
}

.templatePageStyles-hitThumbnailContainer-cdfR4 {
border-radius: 50px;
}

footer.page-footer h2 {
color: #9CA6AF;
font-size: 14px;
text-transform: none;
}

.footer-brand img, .navbar-brand img {
width: auto;
}

.main-dashboard .analytics-block .analytics-tool-button {
font-size: 11px;
}

.main-dashboard .analytics-block .analytics-date-field {
padding: 8px 4px 8px 8px;
}

._dashboard.chapters-panel h2.chapters-title, ._dashboard.newsletter-panel h2.chapters-title {
text-transform: lowercase;
}

._dashboard.chapters-panel h2.chapters-title:first-letter, ._dashboard.newsletter-panel h2.chapters-title:first-letter {
text-transform: capitalize;
}

footer.page-footer {
color: #ffffff !important;
}

footer.page-footer hr {
border: none;
}

.navbar-toggle .glyphicon-minus {
color: #161D28!important;
}

.navbar-static-top .icon-search.mobile {
color: #161D28;
}

.dropdown-menu>li>a {
font-weight: 600;
color: #C1C7CC;
}

.dropdown-menu {
border: none;
box-shadow: 0 11px 12px 0 rgba(36,50,66,0.12);
}

.main-menu.dropdown-menu:before {
border: none;
}

.main-menu.dropdown-menu>li>a {
font-size: 14px;
padding: 8px 20px;
}

@media (max-width: 767px) {
._dashboard.chapters-panel h2.chapters-title, ._dashboard.newsletter-panel h2.chapters-title {
  font-size: 35px;
}
}

@media (max-width: 767px) {
.homepage .join-cta h2 {
  font-size: 36px;
}
.homepage .join-cta {
  padding: 50px;
}
}

@media (max-width: 767px) {
.main-dashboard#chapters-page .search-holder .form-control {
  font-size: 16px;
}
}

@media (max-width: 768px) {
.main-dashboard#chapters-page .search-holder .icon-search {
  top: 21px;
}
}

@media (max-width: 768px) {
.main-dashboard#chapters-page .search-holder .icon-cancel-1 {
  top: 20px;
  right: 30px;
}
}

@media (max-width: 768px) {
.purchase-window h1 {
  font-size: 38px;
  line-height: 40px;
}
}

@media (max-width: 991px) {
.purchase-window .ticket-table tr {
  padding: 0px 20px 5px;
}
.purchase-window .table td {
  padding-top: 10px;
}
.purchase-window h1 {
  margin-bottom: 10px;
}
}

@media (max-width: 768px) {
#event_page .description-container header, #event_page h1.event-page, #event_page .brought-to-you-by h1.event-page, #event_page h1.event-page, #local-partners h2.event-page, body.page .static-page h2 {
  font-size: 36px!important;
}
#event_page h1.event-page {
  margin: 20px 0px 40px 0px;
}
#event_page .font_banner2 {
  font-size: 36px;
  line-height: 42px;
}
.chapter .event .panel-body .date, .event .panel-body .date {
  font-size: 13px;
}
.event .panel-body h4 {
  line-height: 32px;
}
}

@media (max-width: 768px) {
.chapter-banner .chapter-banner-container .chapter-title-container h2 {
  font-size: 24px!important;
}
}

@media (max-width: 768px) {
.chapter h1.chapter-page, .chapter h1.small-title, .chapter h2.small-title, .chapter h3.small-title {
  margin: 30px 0px 30px 0px;
  font-size: 36px;
}
.chapter h3.small-title {
  padding-bottom: 18px;
}
}

._dashboard .filter-dropdown-sortable {
color: #333!important;
}

@media (max-width: 768px) {
.navbar>.container .navbar-brand {
  width: 160px;
}
.navbar>.container .navbar-brand {
  top: 15px;
}
}

.purchase-window .purchased-footer {
background: #796EFF;
}

a:-webkit-any-link {
text-decoration: none;
}

#event_page .description-container .event-description a, #event_page .description-container .event-description a {
color: #796EFF!important;
}

#event_page .description-container .event-description a:hover, #event_page .description-container .event-description a:hover {
text-decoration: underline;
}

.chapter.page .youtube-video {
padding-bottom: 100px;
}



.table>tbody>tr>td {
font-size: 13px;
}

.styles-listItem-1pUAL {
font-weight: 400;
font-size: 14px;
}

#react-main-dashboard-root .form-control {
font-size: 14px;
}


#ticket-purchase-container form label a {
color: #7a6eff;
}

#account .signup #auth-providers span.icon-openid_connect {
padding-right: 0;
margin-right: 0;
border-right: none;
}

.join-community {
  border-bottom: 1px solid #eeeeee;
  background-color: #fff;
}

.join-community .inner .btn, .join-community .inner.left-aligned .btn {
text-transform: none;
line-height: 26px;
}


.homepage-full-header .follow-community {
display: none;
}

.homepage-full-header .follow-sub-title {
display: none;
}

@media (max-width: 991px) {
.navbar-login-links .dropdown-menu > li > a {
  color: #C1C7CC!important;
}
}

.join-community .follow-community {
line-height: 28px;
padding-bottom: 10px;
color: #848F99!important;
}

.join-community .inner .btn {
min-width: 200px;
}

.eventsDropdown ul.rw-list>li.rw-list-option {
line-height: inherit;
}

div[class^=ChapterEmails-description-] {
padding-top: 6px; 
}

@media (max-width: 991px) {
.join-community {
  padding-top: 20px;
  padding-bottom: 20px;
}
}

@media (max-width: 991px) {
.chapter-banner .chapter-banner-container .chapter-title-container h1 {
  font-size: 46px;
}
}

@media (max-width: 767px) {
._dashboard.chapters-panel h2.chapters-title, ._dashboard.newsletter-panel h2.chapters-title {
  font-size: 30px;
}
}

h3 {
line-height: 1.5;
}

@media (max-width: 991px) {
._dashboard.chapters-panel {
  margin-top: 30px;
}
body .navbar-secondary .navbar-collapse .navbar-right li.navbar-login-links {
  padding-top: 20px !important;
}
.navbar-login-links .dropdown-menu > li > a {
  color: #323132 !important;
}
}

#event_page .event-info-container .agenda-container .agenda-table .agenda-item.even {
background-color: #F6F8F9;
}

#event_page .event-info-container {
color: #646F79;
}

.search-pageStyles-wideSearchBarContainer-1UFGB {
background-color: #796EFF;
}

.search-pageStyles-outerResultsContainer-1N26P .search-pageStyles-categoryFilters-2Byy4 {
font-size: 20px;
}

.search-pageStyles-resultsContainer-1Gq0S {
border: none;
box-shadow: 0 11px 12px 0 rgba(36,50,66,0.12);
}


.homepage .location-widget .location-carousel .slider-frame .slider-list {
  padding-bottom: 15px !important;
}

/*Log in page*/

.signup #auth-providers .btn-icon {
  background: #7a6eff;
  padding: 15px 20px;
  border-radius: 4px;
  font-size: 14px;
}

.signup #auth-providers .btn-icon:hover {
color: #ffffff;
background: #5F59D5;
}

/* Form Links */ 
#ticket-purchase-container form a {
  color: #7a6eff !important;
}

/** ZD 7699 - Start  */
#upcoming-events .MuiChip-root {
    color: #0D0E10;
    border: 1px #0D0E10 solid;
}
/** ZD 7699 - End */

b, strong {
  font-weight: 600;
}
/* end CSS OVERRIDES */

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

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

  --theme-palette-primary: #F06A6A;

  /* 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. */



  --headerDropdownShadow: 0px 25px 30px 0px rgba(36, 50, 66, 0.10);


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

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

  --general-button-stroke-color: var(--o-GENERAL_BUTTON_STROKE_COLOR, #000);

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

  --general-hover-button-stroke-color: var(--o-GENERAL_HOVER_BUTTON_STROKE_COLOR, #0D0E10);

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

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

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

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

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

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

  --general-button-weight: normal;

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

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

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

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

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

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

  --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: 13px;

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

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

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












}

/* 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 {
    box-shadow: 0px 25px 30px 0px rgba(36, 50, 66, 0.10);
  }
}



.top-nav-dragon .dropdown-menu.new-dropdown-menu li.section-label {
  color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_FONT_COLOR, #2a2b2c);
}
@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li,
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li.section-label,
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a {
    color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_FONT_COLOR, #2a2b2c);
  }
}


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


/* 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, #FFFFFF) !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, #2a2b2c);
  }
}



/* 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,
.mobile-header-actions .dropdown-menu.new-dropdown-menu li.section-label,
.mobile-header-actions .dropdown-menu.new-dropdown-menu li > a {
  color: var(--o-GENERAL_HEADER_DROPDOWN_LINK_FONT_COLOR, #2a2b2c);
}


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


.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, #2a2b2c);
}


/**
 * 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);
}