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


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


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

/* When the style editor setting is true, use the uploaded font for headings */
  @font-face {
    font-family: 'custom_font_heading';
    src: url(None);
    font-weight: 300;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url(None);
    font-weight: 400;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-snowflake/fonts/Texta-Bold_E0y0NP7.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-snowflake/fonts/Texta-Bold.woff);
    font-weight: 700;
  }
  @font-face {
    font-family: 'custom_font_heading';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-snowflake/fonts/Texta-Bold_DYBmIQQ.woff);
    font-weight: 900;
  }


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


/* end FONT FAMILY */

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

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

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

  text-transform: none;
    text-transform: uppercase !important;

    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: #666 !important;
  }

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

  text-transform: none;
    text-transform: uppercase;

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

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

.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: #29B5E8;
    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: #24323d !important;
    display: inline-flex;

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

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

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

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

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

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

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

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

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

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

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

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

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

  .navs.navs-v2 .navbar > .container .navbar-brand {
      height: 70px;
  }
  .navs.navs-v2 .navbar-static-top.navbar-secondary > .container {
      min-height: 70px;
  }
  .navbar-secondary .navbar-nav > li.navbar-menu > a,
  .navbar-secondary .navbar-nav > li.navbar-login-links > a {
      color: #24323d !important;

      font-size: 12px !important;

    text-transform: none !important;
      text-transform: uppercase !important;

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

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

  .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: #29B5E8 !important;

      text-shadow: none;

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

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





  .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: #fff !important;
  }
  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu::after,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu::after {
    border-bottom-color: #fff !important;
  }

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

      border-color: #F4F6F6;

    /* 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: #F4F6F6;

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

    text-transform: none !important;
      text-transform: uppercase !important;

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

      color: #24323D !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: #29B5E8 !important;

      background-color: #fff !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: #fff !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: 16px !important;

    text-decoration: none;

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

      color: #24323D !important;
  }
}
/* end Header */

/* Footer */
/* ------ */
footer.page-footer {
    background-color: #11567f !important;

    color: #fff !important;


  border-top-width: 0 !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: #11567f !important;


  border-top-width: 0 !important;
}

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

  text-transform: none !important;

  font-weight: 900 !important;

  color: #fff !important;
}

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

    color: #fff !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 {
      color: #fff !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: #fff !important;

    font-size: 12px !important;

  text-transform: none !important;

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

    color: #fff !important;
}

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

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

    border-color: #fff !important;
}

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

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

    border-color: #fff !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(--theme-palette-light) !important;

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

  box-shadow: none;
}

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

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

    background-color: #fff !important;

    border-color: #F2F3F7 !important;

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 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: #FF9F36;
}
/* end CARDS */

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

.chapter-banner .overlay,
#event_page .jumbotron .color-overlay,
.page-banner .overlay {
  background-color: rgba(35, 140, 179, 0.6);
}

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

  text-transform: none;

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

    font-weight: bold;

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

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

/* end DROPDOWNS */

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


}
/* end SEARCH DROPDOWNS */

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

  text-transform: none !important;

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

    color: #fff !important;

    text-align: center !important;

}

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

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

  text-transform: none !important;

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


    text-align: center !important;
}

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

/* end SLIDER */

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

    color: #fff !important;

}

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


    color: #fff !important;
}

/* Secondary "Ghost" Buttons */
body:not(#main-dashboard) .btn.btn-secondary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .cookie-consent-acknowledgement-conatiner .btn.btn-secondary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .navs .btn.btn-secondary:not(.dropdown-toggle):not(.grey),
body#main-dashboard .page-footer .btn.btn-secondary:not(.dropdown-toggle):not(.grey) {

    border-width: 1px;
    border-style: solid;
    border-color: #29B5E8 !important;

    color: #29B5E8 !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 {

    border-color: #1699c8 !important;

    color: #1699c8 !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: 30px !important;

    font-size: 14px;

  text-transform: none !important;
  text-transform: uppercase !important;

  font-weight: 900;

  border-width: 0;
}

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

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

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

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

    font-weight: 900;

    font-size: 14px;

  border-radius: 0;
    border-radius: 30px;

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

    font-weight: bold;

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

/* JOIN FORMS */
/* ********** */
.join-community {
    background-color: #29B5E8;
}

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

.intro-text .section-header {
}

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

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

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

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

  color: #091E42;
}

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

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

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

    border-color: #F2F3F7 !important;

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

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

    color: #666 !important;

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

    background-color: #fff !important;
}

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

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

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

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


  box-shadow: none;
}



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

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

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

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

}

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

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

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

    color: #666 !important;

    font-size: 16px !important;

  text-transform: none !important;
    text-transform: uppercase !important;

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

  border-bottom-width: 0 !important;
    /* this is needed here to prevent shift on hover */
    border-bottom-style: solid;
    border-bottom-width: 4px !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: #fff !important;

    border-bottom-color: #FF9F36 !important;

    color: #666 !important;
}

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

    color: #666 !important;
}

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

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

/* BOTTOM SECTION (Homepage) */
/* ************************* */
.homepage .join-cta {
    background-color: #fff !important;
}

.homepage .join-cta .general-h1 {


    font-weight: 900 !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: #fff;
}

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

#event-info.dark_bg {
  background-color: #333333;
    background-color: #000000;
}
#event_page .event-info-container {
  color: #ffffff;
    color: #FFFFFF;
}
#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;

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

  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: #fff;
}

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

/* MARKETING MESSAGE BAR */
.all-pages-info-banner {
  background-color: #333333;
    background-color: #29B5E8;

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

body {
    color: #666;
}

html, body {
  scroll-behavior: smooth;
}

/* Login */

#auth-providers .btn.btn-salesforce.btn-icon {
    background: #29b5e8;
    border-radius: 20px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 25px;
    font-weight: 600;
    color: #FFF;
}

#auth-providers .btn.btn-salesforce.btn-icon:hover {
    background: #1699c8;
    color: #FFF;
}

/* Header */

header.navs {
    border-bottom: solid 1px #F4F6F6;
}

body:not(#main-dashboard) .navbar-secondary .navbar-nav > li.navbar-menu > a.icon-search {
    color: #29B5E8 !important;
}

header.navs .dropdown-menu .divider {
    background-color: #f4f6f6;
}

header.navs .main-menu.dropdown-menu::before {
    border-bottom-color: #f4f6f6;
}

/* Slider */

.carousel-container .content {
    max-width: 1140px;
}

body .carousel-container .content .content-inside h2 {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    max-width: unset;
    line-height: 1em;
}

body .carousel-container .content .content-inside h3 {
    background: #29b5e8;
    display: inline-block;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 700 !important;
    margin-top: 40px;
    border-radius: 30px;
    transition: all 0.3s ease;
    text-transform: uppercase !important;
}

body .carousel-container .content .content-inside h3:hover {
    background: #1699c8;
}

/* Upcoming Events */

.geosuggest-container .geosuggest__suggests-wrapper .geosuggest__suggests .geosuggest__item:hover {
    color: #fff;
}

.homepage .location-widget .geosuggest__suggests-wrapper ul.geosuggest__suggests li:hover {
    background: #29B5E8 !important;
    color: #fff !important;
}

.homepage .location-widget .geosuggest__input-wrapper {
    background-color: transparent !important;
}

.homepage .location-widget .geosuggest__input-wrapper .geosuggest__input {
    color: #303443 !important;
    border: solid 1px #F4F6F6;
    border-radius: 30px;
}

body:not(#main-dashboard).homepage .location-widget .icon-search {
    color: #29B5E8;
    top: 53px;
}

body:not(#main-dashboard).homepage .location-widget svg {
    fill: #29B5E8;
}

.homepage .location-widget .geosuggest__suggests-wrapper ul {
    margin: 4px 0 0 !important;
    border: solid 1px #F4F6F6 !important;
    border-radius: 0;
}

.location-carousel .icon-block.general-card .background {
    width: calc(100% + 10px);
    max-width: unset;
    margin: -5px -5px 20px;
    border-radius: 0;
    max-height: 180px;
}

/* Map */

.homepage #react-main-chapter-map-root .map-and-search .search-holder input,
#chapters-page #react-main-chapter-map-root .map-and-search .search-holder input {
    background-color: transparent;
    border-bottom: 1px solid white;
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    padding: 0;
}


/* Explore By Region */

.homepage ._dashboard.chapters-panel {
    margin-top: 50px;
    margin-bottom: 50px;
    border-color: #F4F6F6 !important; /* Has an important declaration on system styles */
}

body #react-main-chapter-list-root .panel-body .row.regions a.region-button {
    margin-bottom: 0;
}

/* Blog Home */

h2.homepage-blog-heading.section-header {
    margin-bottom: 30px;
}

body:not(#main-dashboard) .blog-posts h2 > a {
    color: #666 !important;
    font-weight: 700;
    font-size: 20px;
}

body:not(#main-dashboard) .blog-posts h2 > a:hover {
    text-decoration: none;
}

/* Join CTA */

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

.homepage .join-cta {
    background: url(https://dal05.objectstorage.softlayer.net/v1/AUTH_d0619b05-07fc-49f0-8249-da585ea45ce5/snowflake/uploads/cta-background_ewHK0uV.jpg) no-repeat center;
    background-size: cover;
    border-top: solid 1px rgba(0,0,0,0.02);
}

.homepage .join-cta .general-h1 {
    margin-bottom: 30px;
}

body:not(#main-dashboard) .join-community .btn.btn-secondary:not(.dropdown-toggle):not(.grey){
    border-color: #fff !important;
    color: #fff !important;
}

/* Blog Page */

.blog-post-page h1.blog-title {
    color: #666;
    font-size: 53px;
    font-weight: 900;
}

.blog-post-share-buttons a {
    color: #fff !important;
}

.blog-post-share-buttons a:hover {
    text-decoration: none !important;
}

/* Profile */

.profile h4 {
    color: #666;
}

body:not(#main-dashboard).profile div.profile-info .profile-social a::before {
    color: #fff;
}

body:not(#main-dashboard).profile#account div.profile-info-box li.profile-links a {
    color: #fff;
}

body:not(#main-dashboard).profile#account .container .panel-body .event-listing .event-info .event-details .event-title a {
    color: #666;
    font-weight: normal;
}

p.form-group.select {
    border: none;
}

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

.profile-blog-posts.profile-content h4 {
    color: #666;
}

.profile-blog-posts.profile-content .blog-featured-image {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -10px;
}

/* Search */

body:not(#main-dashboard).search#body header.navs div.container div#main-nav.collapse ul.nav.navbar-nav li.navbar-menu.unclickable.selected a.icon-search {
    background: #29B5E8 !important;
    box-shadow: 0 2px 0 #29B5E8 !important;
    color: rgba(255,255,255,0.4) !important;
}

.global-search.outer-container .wide-search-bar-container {
    background-color: #29B5E8;
}

h3.category-filters,
h5.category-header {
    color: #666;
}

a.general-search-hit:hover .information-container .templates-top,
a.general-search-hit:hover .information-container .templates-bottom {
    color: #fff !important;
}

/* Custom Home Content */

.custom-home-content {
    text-align: center;
    max-width: 1140px;
    padding: 50px 15px 0;
    margin: 0 auto;
    display: none;
}

.custom-home-content h2 {
    margin-bottom: 35px;
    font-size: 36px;
    text-transform: uppercase;
    color: #666;
    font-weight: 900;
}

.custom-home-content .custom-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.custom-home-content .custom-row .custom-col {
    max-width: 30%;
    margin-bottom: 50px;
}

.custom-home-content .custom-row .custom-col h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #666 !important;
}

.custom-home-content .custom-row .custom-col p {
}

/* Chapter page */

.chapter #leave-community .leave.member-api {
    border: solid 1px #fff;
    padding: 5px 20px;
    border-radius: 30px;
    color: #fff;
}

.join-community .follow-community {
    color: #fff !important;
}

body.chapter .chapter-photos {
    background-color: #F4F6F6 !important;
}

.chapter .contact-host.modal-dialog h4,
.profile .profile-about h2 {
    color: #666 !important;
}

/* Event Page */

#event_page .description-container {
    padding-bottom: 60px;
}

#react-event-purchase-root {
    background-color: #F4F6F6 !important;
}

#event_page .event-wrapup-photos {
    background-color: #24323D !important;
}

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

body .purchase-window h1 {
    color: #666;
    text-transform: uppercase;
    font-weight: normal;
    font-weight: 900;
}

#event_page .dark_bg {
    background: #24323D !important;
    padding: 65px 0;
}

#event_page .presentation {
    padding-bottom: 60px;
}

#event_page h2.event-page,
.chapter .brought-to-you-by h2.event-page,
#event_page h4.event-page,
#event_page .vertical-boxes .vertical-box-container h5,
.chapter .vertical-boxes .vertical-box-container h2 {
    color: #666 !important;
}

body .user-card.blank_attendee .inner {
    border: 1px solid #e5e6e6;
}

#event_page .vertical-boxes .vertical-box-container .social-media a {
    font-size: 20px;
}

.chapter .list-inline > li a.icon-twitter {

}

/* Past Event */

#event_page .dark_bg.events {
    background: transparent !important;
}

/* Events page */

.event .panel-body h4 {
    color: #666 !important;
}

/* Footer */

footer.page-footer hr {
    border-top-color: rgba(255,255,255,0);
    margin-top: 35px;
}

footer.page-footer .footer-description {
    font-size: 14px;
    max-width: 300px;
}

footer.page-footer .footer-brand {
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {

    body:not(#main-dashboard) .navbar-static-top a.icon-search.mobile {
        text-decoration: none !important;
    }
    body .navbar-secondary .navbar-collapse .navbar-right li.navbar-login-links {
    padding-top: 20px !important;
  }

}

@media screen and (max-width: 767px) {

    .custom-home-content .custom-row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .custom-home-content .custom-row .custom-col {
        max-width: unset;
    }

}


@media screen and (max-width: 500px) {

    .carousel-container .content {
        height: 340px;
    }

    body:not(#main-dashboard).homepage .location-widget .icon-search {
        right: 30px;
    }
}

/* ==================== */
/* BEGIN BECOME A CHAPTER LEADER CONTENT */
/* ==================== */

/* Intro Section */
.user-group-leader-guidelines .container.static-page.general-body {
  width: auto;
  margin: 0;
  padding: 0;
}
 .user-group-leader-guidelines .become-chapter-lead {
   background-color: #29B5E8 !important;
   background: url(https://res.cloudinary.com/startup-grind/image/upload/c_fill,dpr_2,f_auto,g_center,q_auto:good/v1/gcs/platform-data-snowflake/event_banners/User%2520Groups%2520Filler%2520Banner_yAwMUPz.png);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   max-height:550px;
    }

 .user-group-leader-guidelines .become-chapter-lead .container {
   padding:110px 0;
}

.user-group-leader-guidelines .become-chapter-lead .container h2 {
    color: #fff !important;
    font-size: 64px !important;
    font-weight: 700 !important;
    padding: 0 50px;
    max-width: 688px;
    line-height: 68px;
}


.user-group-leader-guidelines .become-chapter-lead .container p {
   color: #fff !important;
   font-size: 18px !important;
   font-weight: normal !important;
   padding: 0 50px;
    max-width: 678px;
    line-height: 1.6em;
    }

 /* Custom content option 1 */
   .custom-content {
       padding: 80px 0;
       max-width: 986px;
       margin: 0 auto;
   }
   
   .custom-content .flex-row {
       display: flex;
       align-items: center;
       justify-content: space-around;
   }
   
   .custom-content .flex-row.img-right {
       flex-direction: row-reverse;
   }
   
   .custom-content .flex-row .image {
       width: 360px;
       margin-bottom: 60px;
       text-align:center;
   }
   
   .custom-content .flex-row .image img {
       width: 100%;
   }
   
   .custom-content .flex-row .text-content {
       width: calc(100% - 510px);
       margin-bottom: 60px;
   }
   
   .custom-content .flex-row .text-content h3 {
       margin: 0 0 20px;
   }
   
   .custom-content .flex-row .text-content p {
       margin: 0;
       font-size: 18px;
       line-height: 1.6em;
       font-weight: 450;
   }
   
   .custom-content .flex-row .text-content .chapter-apply {
       position: relative;
   }
   
   .custom-content .flex-row .text-content a.chapter-apply::after {
       content: '';
       position: absolute;
       background: url(https://storage.googleapis.com/platform-data-demo3/uploads/arrow%402x.png) no-repeat;
       background-size: 56%;
       padding: 9px 16px;
       top: 6px;
       margin-left: 8px
   }
 /* Supported by Snowflake */
      .supported-by-snowflake {
       margin: 0 auto;
       max-width: 809px;
       text-align: center;
   }
   
    .supported-by-snowflake p {
       font-size: 18px;
    }
/* Custom content option 2 */
.custom-content-2 {
 padding: 80px 0 20px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; /* Center the section horizontally */
    max-width: 1200px; /* Optionally, limit the maximum width */
}


.custom-content-2 .flex-col {
    width: calc(25% - 30px); /* Adjusted width calculation */
    margin: 0 15px; /* Margin on both sides of each flex item */
    text-align: center;
}

.custom-content-2 .flex-col:first-child {
    margin-left: 0; /* Remove left margin from the first flex item */
}

.custom-content-2 .flex-col:last-child {
    margin-right: 0; /* Remove right margin from the last flex item */
}

.custom-content-2 .flex-col .image {
    margin-bottom: 30px;
    max-height: 48px;
}

.custom-content-2 .flex-col .image img {
    width: 48px;
}

.custom-content-2 .flex-col .text-content {
    margin-bottom: 60px;
}

.custom-content-2 .flex-col .text-content h3 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 700;
}

.custom-content-2 .flex-col .text-content p {
    margin: 0;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 450;
}

  /* Media Queries BECOME A CHAPTER LEADER */
  @media screen and (max-width: 1300px) {
    .user-group-leader-guidelines .become-chapter-lead {
      background-size:cover !important;
    }
  }

  @media screen and (max-width:930px) {
    .user-group-leader-guidelines .become-chapter-lead .container h2 {
      max-width: 668px;
    }

    .user-group-leader-guidelines .become-chapter-lead .container h3 {
      max-width: 668px;
    }
  }

   @media screen and (max-width: 767px) {
    .custom-content .flex-row,
    .custom-content .flex-row.img-right {
        flex-direction: column-reverse;
    }

    .custom-content .flex-row .text-content,
    .custom-content .flex-row .image {
        width: 100%;
    }

    .custom-content .flex-row .image {
        margin-bottom: 35px;
    }

    .custom-content .flex-row .image img {
        width: 70%;
    }

    .custom-content-2 {
        flex-direction: column;
    }
       
    .custom-content-2 .flex-col {
        width: auto;
    }

}

@media screen and (max-width: 700px) {
	.user-group-leader-guidelines .become-chapter-lead .container h2 {
    font-size: calc(64px * 0.7) !important;
    line-height: 50px;
    padding: 0;
    max-width: 490px;
  }

  .user-group-leader-guidelines .become-chapter-lead .container h3 {
    font-size: 16px;
    line-height:24px;
    padding: 0;
    max-width: 490px;
  }

}

@media screen and (max-width: 630px) {
	.user-group-leader-guidelines .become-chapter-lead .container {
    padding: 80px 0;
  }

  .user-group-leader-guidelines .become-chapter-lead .container h2 {
      max-width: 390px;
  }

  .user-group-leader-guidelines .become-chapter-lead .container h3 {
      max-width: 370px;
  }
}
 
@media screen and (max-width: 600px) {
    .custom-content .flex-row .image img {
        width: 80%;
    }
}

@media screen and (max-width: 540px) {
    .user-group-leader-guidelines .become-chapter-lead .container h3 {
		max-width: 280px;
	}

 }

@media screen and (max-width: 500px) {
    .custom-content .flex-row .image img {
        width: 90%;
    }
}

.user-group-leader-guidelines .explore_and_apply_banner {
    background-color: #24323D; 
    padding: 20px; /* Padding around the content */
    text-align: center; 
    color: #fff;
}


/* ==================== */
/* END BECOME A CHAPTER LEADER CONTENT */
/* ==================== */

.custom-content {
	max-width: 1140px;
}

.container-fluid.become-chapter-lead {
	padding: 0;
} 

.become-chapter-lead > .container {
  width: auto;
  padding: 0;
}

.container-fluid.become-chapter-lead div.text-center {
	max-width: 1140px;
  margin: 0 auto;
}

/* Intro Section */
.chapter-leaders-guidelines .container.static-page.general-body {
  width: auto;
  margin: 0;
  padding: 0;
}

.chapter-leaders-guidelines .start-community-chapter {
  background-color: #29B5E8 !important;
  background: url(https://storage.googleapis.com/platform-data-snowflake/uploads/banner.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-height:550px;
  background-size: cover;
}

.chapter-leaders-guidelines .start-community-chapter .container {
  padding: 48px 0 64px;
  max-width: 1140px;
}

.start-a-chapter div.container-fluid.join-as-leader {
  background: #f5f9f9;
  text-align: center;
  padding: 12px 0;
}

.chapter-leaders-guidelines .start-community-chapter .container h2 {
  color: #fff !important;
  font-size: 52px !important;
  font-weight: 700 !important;
  padding: 0 50px;
  max-width: 688px;
  line-height: 62px;
}

.chapter-leaders-guidelines .start-community-chapter .container p {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: normal !important;
  padding: 0 50px;
  max-width: 678px;
  line-height: 1.6em;
}

.custom-content .flex-row .text-content p {
	margin: 0 0 20px;
}

.chapter-leaders-guidelines  .ready-to-take-the-lead {
  background-color: #4A154B !important;
  padding: 80px 0;
  text-align: center;
}

.chapter-leaders-guidelines .ready-to-take-the-lead .container h1 {
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  margin-bottom: 20px;
} 

.custom-content-2 .flex-col .text-content h3 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}

.custom-content-2 {
  padding: 40px 0 20px;
}

/*Dynamic list*/
.chapter-leaders {
  padding: 12px 0;
}

.chapter-leaders-list ul.users-list {
  list-style: none;
  padding: 0;
  margin-top: 64px;
  margin-bottom: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.chapter-leaders-list ul.users-list li {
  width: 158px;
  margin: 0 15px 40px;
}

.chapter-leaders-list ul.users-list li a.image {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background: rgba(0,0,0,0.05);
  border-radius: 50%;
  overflow: hidden;
}

body:not(#main-dashboard) .general-body .chapter-leaders-list ul.users-list li a:not(.general-link--exclude):not(.btn):not(.general-tab) {
  color: #24323D !important;
}

body:not(#main-dashboard) .general-body .chapter-leaders-list ul.users-list li a:not(.general-link--exclude):not(.btn):not(.general-tab):hover {
  text-decoration: none;
}

.chapter-leaders-list ul.users-list li img {
  border-radius: 50%;
  width: 158px;
  height: 158px;
  display: block;
}

.chapter-leaders-guidelines .ready-to-take-the-lead {
	background: #f5f9f9 !important;
}

.chapter-leaders-guidelines .ready-to-take-the-lead .container h1 {
  color: #666 !important;
}

@media (max-width: 480px) {
  .chapter-leaders-guidelines .start-community-chapter .container h2 {
    font-size: 36px !important;
    padding: 0 12px;
    line-height: 48px;
  }
  .chapter-leaders-guidelines .start-community-chapter .container p {
    padding: 0 12px;
  }
}

/* ZD 14487 - Remove Cohost Chip */
#react-location-widget-root div.slider-frame > ul > li > a > div.imageChipWrapper > div[class*='cohostedChip'] {
	display: none;
}
/* ZD 14487 - Remove Cohost Chip - END */
/* 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: #29B5E8;

  /* 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: #fff;

  --headerDropdownStrokeWidth: 1px;

  --headerDropdownStrokeColor: #F4F6F6;



  --general-button-background: #29B5E8;

  --general-button-color: #fff;


  --general-hover-button-background-color: #1699c8;


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

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

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

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

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

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

  --general-button-weight: 900;

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


  --general-ghost-button-stroke-color: #29B5E8;

  --general-ghost-button-color: #29B5E8;


  --general-ghost-hover-button-stroke-color: #1699c8;

  --general-ghost-hover-button-color: #1699c8;

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

  --general-ghost-button-weight: 900;

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

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

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

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












}

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


@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: #F4F6F6;
  }

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

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

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

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

@media (min-width: 992px) {
  .top-nav-dragon .dropdown-menu.new-dropdown-menu li > a {
    text-transform: uppercase;
  }
}

/* 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: #fff !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: #29B5E8;
  }
}



/* 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: #24323D;
}

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

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

.mobile-header-actions .dropdown-menu.new-dropdown-menu li > a {
  text-transform: uppercase;
}

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


/**
 * 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);
  --AIGradientLG: linear-gradient(white, white), linear-gradient(90deg, #7bedff 0%, #d783ff 25%, #7bedff 50%, #d783ff 75%, #7bedff 100%);
}