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


    @import url('https://fonts.googleapis.com/css?family=DM+Sans:400,500,600,700');



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


    @import url('https://fonts.googleapis.com/css?family=DM+Sans:400,500,600,700');


    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: 'DM Sans', 'Open Sans';
    }
    body.event-page-builder-page,
    body.chapter-page-builder-page {
      font-family: 'DM Sans', 'Open Sans';
    }


/* When the style editor setting is true, use the custom uploaded font for body text */



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

    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,
    .page-builder-content h1,
    .page-builder-content h2,
    .page-builder-content h3,
    .page-builder-content h4,
    .page-builder-content h5,
    .page-builder-content h6 {
      font-family: 'DM Sans', '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: 'DM Sans', 'Open Sans';
    }

/* When the style editor setting is true, use the uploaded font for headings */


/* end FONT FAMILY */

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

/* Headings */
  .general-h1,
  .general-h1 > a,
  .general-body h1,
  .general-body h1 > a,
  .general-body--color h1,
  .general-body--color h1 > a {
    color: #0B2026 !important;
  }

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

  text-transform: none;

    font-weight: 600 !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: #0B2026 !important;
  }

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

  text-transform: none;

    font-weight: 600;
}

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

/* Header */
/* ------ */
/* Desktop */
header.navs .navbar.navbar-secondary .container #main-nav,
.navbar-static-top.navbar-secondary {
  background-color: #FFFFFF !important;
}

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

    border-bottom-width: 1px;

    border-bottom-color: #eeede9;
}


.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: #FF3621;
    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: #0B2026 !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 #eeede9;
    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: #f9f7f4;
    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: #6f6f6f;
    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: 58px;
  }
  .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: #0B2026 !important;

      font-size: 14px !important;

    text-transform: none !important;

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

    background-color: transparent;
      background-color: #FFFFFF;
  }

  .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: #0B2026 !important;

      text-shadow: none;
          text-shadow:
            -1px -1px 0 #FFFFFF,
            1px -1px 0 #FFFFFF,
            -1px 1px 0 #FFFFFF,
            1px 1px 0 #FFFFFF,
            -1px -1px 1px #FFFFFF,
            1px -1px 1px #FFFFFF,
            -1px 1px 1px #FFFFFF,
            1px 1px 1px #FFFFFF;

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

        text-decoration: none;

        text-decoration-color: var(--theme-palette-primary);
  }

  .navbar-secondary .navbar-nav > li.navbar-menu > a:hover,
  .navbar-secondary .navbar-nav > li.navbar-menu > a:focus,
  .navbar-secondary .navbar-nav > li.navbar-menu > a:active {
      background-color: transparent;
      background-color: #FFFFFF;
  }

    .navbar-secondary .navbar-nav > li.navbar-menu > a:not(.icon-search):hover::after,
    .navbar-secondary .navbar-nav > li.navbar-menu > a:not(.icon-search):focus::after,
    .navbar-secondary .navbar-nav > li.navbar-menu > a:not(.icon-search):active::after {
      content: none;
        height: 3px;
        content: "";
        position: absolute;
        right: 12px;
        left: 12px;
        z-index: -1;

        top: calc(50% + 0.5em);
          top: calc(50% + 0.5em + 15px);

        background-color: transparent;
          background-color: var(--theme-palette-primary);
    }


    .navs:not(.navs-v2) .navbar-secondary .navbar-nav > li.navbar-menu > a.dropdown-toggle:hover::after,
    .navs:not(.navs-v2) .navbar-secondary .navbar-nav > li.navbar-menu > a.dropdown-toggle:focus::after,
    .navs:not(.navs-v2) .navbar-secondary .navbar-nav > li.navbar-menu > a.dropdown-toggle:active::after {
        right: 35px;
    }
    .navs.navs-v2 .navbar-secondary .navbar-nav > li.navbar-menu > a.dropdown-toggle:hover::after,
    .navs.navs-v2 .navbar-secondary .navbar-nav > li.navbar-menu > a.dropdown-toggle:focus::after,
    .navs.navs-v2 .navbar-secondary .navbar-nav > li.navbar-menu > a.dropdown-toggle:active::after {
        right: 32px;
    }


  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu {
    background-color: #FFFFFF !important;
  }
  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu::after,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu::after {
    border-bottom-color: #FFFFFF !important;
  }

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

      border-color: #eeede9;

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

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

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

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

        border-bottom-color: #eeede9;

      top: calc(-8px - 1px);
  }

  /* `.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 {
      font-size: 14px;

    text-transform: none !important;

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

      color: #0B2026 !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: #0B2026 !important;

      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 {
      background-color: #FFFFFF !important;
  }

  header.navs .navbar.navbar-secondary .container a,
  header.navs .navbar.navbar-secondary .container .nested-submenu-toggle,
  .main-menu.dropdown-menu a,
  .main-menu.dropdown-menu .nested-submenu-toggle {
      font-size: 14px !important;

    text-decoration: none;

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

      color: #0B2026 !important;
  }
}
/* end Header */

/* Footer */
/* ------ */
footer.page-footer {
    background-color: #0B2026 !important;

    color: #FFFFFF !important;

    border-top-color: #0B2026 !important;

  border-top-width: 0 !important;

    border-bottom: #0B2026 !important;

  border-bottom-width: 0 !important;
}

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

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

footer.page-footer .footer-bottom {
    background-color: #0B2026 !important;

    border-top-color: #0B2026 !important;

  border-top-width: 0 !important;
}

footer.page-footer .footer-top h5,
footer.page-footer .join-community .follow-community {
    font-size: 14px !important;

  text-transform: none !important;

  font-weight: 600 !important;

  color: #FFFFFF !important;
}

footer.page-footer a {
    color: #FFFFFF !important;

    color: #FFFFFF !important;
}

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

  text-transform: none;

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

@media (min-width: 992px) {
  footer.page-footer a:hover {
      color: #FFFFFF !important;
  }

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

  }
}

footer.page-footer .footer-bottom .site-info,
footer.page-footer .footer-bottom .site-info .footer-copyright,
footer.page-footer .footer-bottom .site-info a {
    color: #FFFFFF !important;

    font-size: 12px !important;

  text-transform: none !important;

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

    color: #FFFFFF !important;
}

footer.page-footer a.social-button {
    color: #FFFFFF !important;
}

footer.page-footer ul.social-links li {
    background-color: #0B2026 !important;

    border-color: #0B2026 !important;
}

@media (min-width: 992px) {
  footer.page-footer ul.social-links li:hover a.social-button {
    color: #0B2026 !important;
  }

  footer.page-footer ul.social-links li:hover {
    background-color: #FFFFFF !important;

    border-color: #FFFFFF !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;
    overflow: hidden;
    border-radius: 8px !important;

  border-width: 0 !important;

    background-color: #FFFFFF !important;

    border-color: #FFFFFF !important;

  box-shadow: none;
    box-shadow: 4px 4px 25px 0px rgba(60, 65, 83, 0.1);
}

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

  border-width: 0 !important;

    background-color: #FFFFFF !important;

    border-color: #FFFFFF !important;

    box-shadow: 4px 4px 25px 0px rgba(60, 65, 83, 0.1) !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: #FF3621;
}
/* end CARDS */

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

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

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

  text-transform: none;

  text-shadow: none;

    font-weight: bold;

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

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

/* end DROPDOWNS */

/* SEARCH DROPDOWNS */
/* **************** */
.main-dashboard#chapters-page .search-holder .search-result,
.upcomingEventsWidget .locationSearch li.geosuggest__item,
.location-widget .geosuggest-container .location-input-module li.geosuggest__item,
.eventTypesContainer ul.rw-list > li.rw-list-option,
.general-search-hit {
  color: #333333;
    color: #0B2026 !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: #FF3621;

    background-color: #f9f7f4 !important;

    color: #0B2026 !important;
}
/* end SEARCH DROPDOWNS */

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

  text-transform: none !important;

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

    color: #0B2026 !important;

    text-align: left !important;

}

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

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

  text-transform: none !important;

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

    color: #0B2026 !important;

    text-align: left !important;
}

@media screen and (max-width: 768px) {
  .carousel-container .content .content-inside h3 {
      font-size: calc(18px * 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(--theme-palette-primary) !important;

    color: #FFFFFF !important;

    border-color: var(--theme-palette-primary) !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(--theme-palette-primary) !important;

    border-width: 1px;
    border-style: solid;
    border-color: var(--theme-palette-primary) !important;

    color: #FFFFFF !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(--theme-palette-primary) !important;

    border-width: 1px;
    border-style: solid;
    border-color: var(--theme-palette-primary) !important;

    color: var(--theme-palette-light) !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(--theme-palette-primary) !important;

    border-color: var(--theme-palette-primary) !important;

    color: var(--theme-palette-light) !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: 10px;
  padding-bottom: 10px;

  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;

    font-size: 16px;

  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: 16px;
}

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

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

  border-radius: 0;

  border-width: 0;
}

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

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

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

    font-weight: normal;

  color: #fff;
    color: #FFFFFF;
}
.cookie-consent-acknowledgement-conatiner .cookie-consent-text a {
  color: inherit;
    color: #FF3621;
}
.cookie-consent-acknowledgement-conatiner .cookie-consent-text a:not(:hover) {
  text-decoration: underline;
    text-decoration: none;
}
/* end PRIVACY POLICY */

/* JOIN FORMS */
/* ********** */
.join-community {
    background-color: #0B2026;
}

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

    color: #FFFFFF;

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

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

    color: #FFFFFF;

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

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

.intro-text .section-header {
    color: #0B2026 !important;
}

.intro-text .about-message {
    color: #6f6f6f !important;
}
/* end INTRO (Homepage) */

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

.location-widget-title {
    color: #0B2026 !important;
}

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

  color: #091E42;
    color: #6f6f6f;
}

.location-widget .geosuggest-container .location-search-icon {
  color: #333333;
    color: #FF3621;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block {
    background-color: #FFFFFF !important;

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

    border-color: #eeede9 !important;

  box-shadow: none !important;

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

    padding: 0;
    border-radius: 0 !important;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .background {
    max-width: none;
    border-width: 0;
    border-radius: 0 !important;
    margin-top: 0;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .imageChipWrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .imageChipWrapper .chips-wrapper {
  margin-top: -42px;
  z-index: 2;
}

.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: #6f6f6f !important;
}

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

    color: #0B2026 !important;

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

    background-color: #FFFFFF !important;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .meta {
    background-color: #FFFFFF !important;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .meta span {
    color: #0B2026 !important;
}

.rbc-show-more {
    color: #FF3621 !important;
    text-decoration-color: #FF3621;
}
/* end UPCOMING EVENTS (Homepage) */

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

    border-color: #eeede9 !important;

  box-shadow: none;
}

.main-dashboard#chapters-page > .general-h1,
.main-dashboard#chapters-page .map-and-search > .general-h1 {
  color: #0B2026 !important;
}

.main-dashboard#chapters-page .search-holder,
.main-dashboard#chapters-page .search-holder .form-control {
  background-color: rgba(255, 255, 255, 1) !important;
}

.main-dashboard#chapters-page .search-holder input,
.main-dashboard#chapters-page .search-holder input::placeholder {
  color: #333;
    color: #0B2026 !important;
}

.main-dashboard#chapters-page .search-holder .icon-search,
.main-dashboard#chapters-page .search-holder .remote-search-cancel {
  color: #333333;
    color: #FF3621 !important;
}
/* end MAP (Homepage) */

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

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

    color: #0B2026 !important;
}

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

    border-bottom-color: #eeede9 !important;
}

#react-main-chapter-list-root .panel-body .row.regions a.region-button {
    background-color: #FFFFFF !important;

    color: #6f6f6f !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: 3px !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: #FFFFFF !important;

    border-bottom-color: #FF3621 !important;

    color: #0B2026 !important;
}

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

    color: #0B2026 !important;
}

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

    color: #6f6f6f !important;
}
/* end GROUPS BY REGION (Homepage) */

/* BOTTOM SECTION (Homepage) */
/* ************************* */
.homepage .join-cta {
    background-color: var(--theme-palette-aux-1) !important;
}

.homepage .join-cta .general-h1 {



    color: #0B2026 !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: #0B2026;
}

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

#event-info.dark_bg {
  background-color: #333333;
    background-color: #f9f7f4;
}
#event_page .event-info-container {
  color: #ffffff;
    color: #0B2026;
}
#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;
    border-bottom-width: 3px;
    margin-bottom: -3px;

  text-transform: none;

  font-weight: normal;
    font-weight: 600;

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

  color: #ffffff;
    color: #6f6f6f;

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

  color: #ffffff;
    color: #0B2026;

  border-bottom-color: transparent;
    border-bottom-color: #f9f7f4;
}

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

/* end EVENT PAGE */

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

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

/* MARKETING MESSAGE BAR */
.all-pages-info-banner {
  background-color: #333333;
    background-color: var(--theme-palette-dark);

  color: #ffffff;
    color: #FFFFFF;

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

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

    font-weight: bold;
}

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

    font-weight: normal;
}

a.all-pages-info-banner:hover {
  color: #ffffff;
    color: #FFFFFF;
}
/* end MARKETING MESSAGE BAR */

/* CSS OVERRIDES */
/* ************* */
/*Fix primary variable bug
:root {
  --theme-palette-primary: #FF3621 !important;
}*/

.navbar > .container {
    width: auto;
}

/*Header*/
 .navbar-secondary .navbar-nav > li.navbar-menu > a:not(.icon-search):hover::after,
.navbar-secondary .navbar-nav > li.navbar-menu > a:not(.icon-search):focus::after, .navbar-secondary .navbar-nav > li.navbar-menu > a:not(.icon-search):active::after {
   top: calc(50% + 0.5em + 15px);
   background-color: #FF3621;
}

.navbar .avatar {
  background-color: rgba(0, 0, 0, 0);
}

/* Slider */
.carousel-container .content .content-inside {
  padding: 0 50px;
}

.carousel-container .content .content-inside h2 {
  max-width: 580px;
  padding: 0;
}

.carousel-container .content .content-inside h3 {
  padding: 12px 0 0;
  line-height: 1.6em;
  max-width: 580px;
}

/*Upcoming events*/
div.geosuggest div.geosuggest__input-wrapper {
  border-radius: 4px;
}

div.geosuggest div.geosuggest__input-wrapper input.geosuggest__input {
  border: 1px solid var(--theme-palette-light-borders);
  padding: 12px 16px;
  font-weight: bold;
  border-radius: 4px;
}

.location-widget-body span.icon-search.location-search-icon,
.location-widget-body .location-search-icon {
  margin-top: -6px;
}

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block {
  border-radius: 12px !important;
}

/*Map*/
.main-dashboard#chapters-page .search-holder {
  border-width: 0 !important;
  border-color: var(--theme-palette-light-borders) !important;
  box-shadow: none;
  background: none !important;
}

.main-dashboard#chapters-page .search-holder {
  margin-top: calc((410px / 2) - 30px);
}

#react-main-chapter-map-root .search-holder .algolia-search .form-control {
  height: 54px;
  font-weight: bold;
  font-size: 18px;
  padding-left: 30px;
  padding-right: 70px;
  margin-bottom: 0;
  border: 0;
  border-radius: 4px;
  border: solid 1px var(--theme-palette-light-borders);
  background-color: #fff;
}

#react-main-chapter-map-root .search-holder .algolia-search div.icon-search {
  line-height: 54px;
  font-size: 22px;
  color: var(--theme-palette-soft-dark);
}

#react-main-chapter-map-root .search-holder .algolia-search div.icon-search {
  font-size: 22px;
}

#react-main-chapter-map-root .search-holder .remote-search-cancel {
  top: 20px;
}

/*Explore by region*/
._dashboard.chapters-panel {
  margin: 64px auto;
  border-radius: 12px !important;
  border-color: var(--theme-palette-light-borders) !important;
}

._dashboard.chapters-panel .region-button {
	margin-bottom: 0;
}

.uppercase {
  text-transform: none !important;
}

._dashboard.chapters-panel .chapter-item:hover {
  background: none;
}

/*Join community*/
body:not(#main-dashboard).homepage .join-cta p.cta-body {
  line-height: 1.6em;
}

/*Footer*/
footer.page-footer {
  line-height: 1.6em;
}

footer.page-footer .powered_by_bevy .powered_by_bevy_image {
  margin-top: -4px;
}

/*Chapters page*/
#chapters-page h2.chapters-title.general-h1 {
font-size: 0 !important;
}
#chapters-page h2.chapters-title.general-h1:after {
content: 'Explore by Region, Product, or Topic';
font-size: 28px;
}

#chapters-page .container.chapter-page-content > h1.general-h1 {
font-size: 0 !important;
}

#chapters-page .container.chapter-page-content > h1.general-h1::after {
content: 'User Groups around the World';
  font-size: 28px;

}

/*Chapter page*/
.container.chapter-page-content .general-body {
  display: none !important;
}

.main-dashboard#chapters-page .chapter-page-content {
    padding: 30px 15px 0;
    margin-bottom: -30px;
}

/*Events page*/
.event .panel-body .date {
  text-transform: none;
}

body:not(#main-dashboard) .general-body .event .panel-body .date a.chapter-link {
  font-size: 12px !important;
}

.event .panel-body {
  padding: 24px;
}

/*Event page*/
#event_page h1.event-page {
  margin: 60px 0 32px;
}

/*Profile*/
.profile .profile-info {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 8px;
    margin-top: 28px;
}

.profile .profile-info .profile-banner {
  background: none !important;
}

#profile_form .profile-banner-upload {
display: none;
}

#profile_form .profile-edit-avatar {
margin-top: 12px;
}

.profile .profile-info .overlay,
.profile .profile-info .profile-banner-info {
	background: none;
}

.profile .profile-info-box {
  padding: 28px 0 28px;
  line-height: 20px;
  max-width: 300px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  border: solid 1px #fff;
  color: var(--theme-palette-dark);
	backdrop-filter: blur(6px);
  margin: 0 auto;
  box-shadow: 0 0 6px rgba(0,0,0,0.08)
}

.profile .profile-banner-info .avatar {
    border-radius: 8px;
}

.profile .profile-edit-buttons .btn {
  text-transform: capitalize;
  border-radius: 0px;
  color: var(--theme-palette-light);
  margin-top: 0;
  border-color: #eb1600;
  background-color: #eb1600;
  padding: 8px 16px;
  font-size: 12px;
}

.profile .profile-info .profile-info-box h1 {
    margin: 20px 0 12px;
    font-weight: 400;
    font-size: 22px;
}

.profile .profile-edit-buttons {
    margin-top: 0;
    margin-right: 0;
}

.profile .profile-links a {
	color: var(--theme-palette-primary);
}

.profile .profile-social a {
    border: 1px solid var(--theme-palette-primary);
    color: var(--theme-palette-primary);
}

/*Profiel form errors*/
.form-errors .alert-danger {
    color: #fff;
    background-color: rgba(255, 90 ,100, 0.05);
    border-color: rgba(255, 90, 100, 0.2);
    color: #FF5A64;
    border-radius: 4px;
    padding: 8px 12px;
    text-align: center;
}

/*Edit profile form*/
.profile-edit,
form {
    color: var(--theme-palette-soft-dark);
}

.panel-default {
    border-color: var(--theme-palette-light-borders);
    border-radius: 12px;
}

.profile-edit .profile-banner-upload {
    height: 200px;
    position: relative;
    overflow: hidden;
    background-color: var(--theme-palette-soft-light);
    margin: 0 -15px 50px;
    border-radius: 12px;
}

.profile-edit .file-preview-thumb .file-preview-image {
    border: 1px solid var(--theme-palette-light-borders);
    border-radius: 12px;
}

.profile-edit .form-control,
.signup  .form-control {
  border: 1px solid var(--theme-palette-light-borders);
  border-radius: 8px;
}

.input-group-addon {
    color: var(--theme-palette-soft-dark);
    background-color: var(--theme-palette-soft-light);
    border: 1px solid var(--theme-palette-light-borders);
    border-radius: 8px;
}

.rw-widget-container {
    border: 1px solid var(--theme-palette-light-borders);
}

.section-break {
    border-top: 1px solid var(--theme-palette-light-borders);
}

#react-account-settings-container .form-control {
   border: 1px solid var(--theme-palette-light-borders);
  border-radius: 8px;
}

.profile #react-root {
	margin-bottom: 40px;
}

/*Upcoming events*/
#upcoming-events {
	  position: relative;
}

body:not(#main-dashboard) #upcoming-events a.btn.btn-primary.submit-event {
    position: absolute;
    right: 0;
    top: -44px;
    color: #eb1600 !important;
    background-color: #fff !important;
}
/* end CSS OVERRIDES */

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

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

  --theme-palette-primary: #FF3621;

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

  --headerDropdownStrokeWidth: 1px;

  --headerDropdownStrokeColor: #eeede9;



  --general-button-background: var(--theme-palette-primary);

  --general-button-color: #FFFFFF;

  --general-button-stroke-color: var(--theme-palette-primary);

  --general-hover-button-background-color: var(--theme-palette-primary);

  --general-hover-button-stroke-color: var(--theme-palette-primary);

  --general-hover-button-color: #FFFFFF;

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

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


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

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

  --general-button-weight: normal;

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

  --general-ghost-button-background: var(--theme-palette-primary);

  --general-ghost-button-stroke-color: var(--theme-palette-primary);

  --general-ghost-button-color: var(--theme-palette-light);

  --general-ghost-hover-button-background-color: var(--theme-palette-primary);

  --general-ghost-hover-button-stroke-color: var(--theme-palette-primary);

  --general-ghost-hover-button-color: var(--theme-palette-light);

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

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

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


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

  --general-text-link-color: #FF3621;












}

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

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

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

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

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

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

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

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

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


@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu {
    border-width: 1px;
    border-style: solid;
  }
}

@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu {
    border-color: #eeede9;
  }

  .top-nav-dragon .dropdown-menu.new-dropdown-menu li.divider {
    background-color: #eeede9;
  }
}

.top-nav-dragon .dropdown-menu.new-dropdown-menu li.section-label {
  color: #0B2026;
}
@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: #0B2026;
  }
}

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

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


/* Dropdown link hover states */
@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a:hover,
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a:focus {
    background-color: #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: #0B2026;
  }
}



/* 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: #f9f7f4;
  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: #6f6f6f;
  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: #0B2026;
}

.mobile-header-actions .dropdown-menu.new-dropdown-menu li > a {
  font-size: 14px;
}

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


.mobile-header-actions .dropdown-menu.new-dropdown-menu li > a:hover,
.mobile-header-actions .dropdown-menu.new-dropdown-menu li > a:focus {
  color: #0B2026;
}


/**
 * 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: #eb1600;
  --ColorPrimaryRGB: 22, 134, 255;

  /* this defaults to softdark but can be changed in style editor */
  --ColorSecondary: #497dbd;
  --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, #f9f7f4);
  --ColorSoftLightRGB: 246, 249, 251;

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

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

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

  /* Figma: "Soft Dark" */
  --ColorDarkBorders: var(--theme-palette-dark-borders, #a8a8a8);
  --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);
  --AIGradientLG: linear-gradient(white, white), linear-gradient(90deg, #7bedff 0%, #d783ff 25%, #7bedff 50%, #d783ff 75%, #7bedff 100%);
}