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

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

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

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

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


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


/* When the style editor setting is true, use the custom uploaded font for body text */
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-mulesoft/fonts/SalesforceSans-Light.woff);
    font-weight: 300;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-mulesoft/fonts/SalesforceSans-Regular.woff);
    font-weight: 400;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-mulesoft/fonts/SalesforceSans-Regular_bOKbQbk.woff);
    font-weight: 600;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-mulesoft/fonts/SalesforceSans-Bold.woff);
    font-weight: 700;
  }
  @font-face {
    font-family: 'custom_font_body';
    src: url(https://res.cloudinary.com/startup-grind/raw/upload/v1/gcs/platform-data-mulesoft/fonts/SalesforceSans-Bold_pHUYCZU.woff);
    font-weight: 900;
  }


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




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

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


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

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

  text-transform: none;

    font-weight: 300 !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: #032d60 !important;
  }

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

  text-transform: none;

    font-weight: normal;
}

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

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

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

/* SITE SECTIONS */
/* ************* */
/* Body */
/* ---- */
  #event_page .chapter,
  #featured-attendees,
  #event_page .description-container,
  #react-event-purchase-root,
  body {
    background-color: #F4F4F4;
  }
/* 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;


}


.top-nav-dragon .complete-profile .complete-profile-inner {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 12px;
  padding: 8px;
  border-radius: 8px;
  background: #F6F9FB;
  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: #4D546A;
  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: #0176D3;
    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: #505050 !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: #505050 !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: #505050 !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: #ffffff;
  }






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


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

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

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

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

  }

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

    text-transform: none !important;

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

  }

  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu a:hover,
  .navbar-secondary .navbar-nav > .navbar-menu.open > .main-menu.dropdown-menu .nested-submenu-toggle:hover,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu a:hover,
  .navbar-secondary .navbar-nav > .navbar-login-links.open > .main-menu.dropdown-menu .nested-submenu-toggle:hover {
      color: #0D97D7 !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 {
  }

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

    text-decoration: none;

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

      color: #505050 !important;
  }
}
/* end Header */

/* Footer */
/* ------ */
footer.page-footer {



  border-top-width: 0 !important;


  border-bottom-width: 0 !important;
}

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

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

footer.page-footer .footer-bottom {


  border-top-width: 0 !important;
}

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

  text-transform: none !important;

  font-weight: normal !important;

}

footer.page-footer a {

    color: #00A0DF !important;
}

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

  text-transform: none;

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

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

  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 {

    font-size: 16px !important;

  text-transform: none !important;

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

    color: #bbbbbb !important;
}

footer.page-footer a.social-button {
}

footer.page-footer ul.social-links li {

}

@media (min-width: 992px) {
  footer.page-footer ul.social-links li:hover a.social-button {
  }

  footer.page-footer ul.social-links li:hover {

  }
}
/* 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: 16px !important;

  border-width: 0 !important;

    background-color: #FFFFFF !important;

    border-color: #E4ECF3 !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;



}

/* end CARDS */

/* BANNERS */
/* ******* */
.chapter-banner,
.page-banner,
#event_page .jumbotron {
    min-height: 188px;
}

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

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

  text-transform: none;

  text-shadow: none;

    font-weight: normal;

    text-align: center;
}
@media (min-width: 768px) {
  .page-banner .container .page-banner-title {
      font-size: 26px;
  }
}
/* 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: #0176D3;


}
/* end SEARCH DROPDOWNS */

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

  text-transform: none !important;

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

    color: #032d60 !important;

    text-align: center !important;

}

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

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

  text-transform: none !important;

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

    color: #032d60 !important;

    text-align: center !important;
}

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

    color: #ffffff !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: #032D60 !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) {
    background-color: #0176D3 !important;


    color: #fff !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: #032D60 !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: 8px;
  padding-bottom: 8px;

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

/* 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: 4px !important;

    font-size: 16px;

  text-transform: none !important;

  font-weight: bold;

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

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

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

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: bold;

    font-size: 16px;

  border-radius: 0;
    border-radius: 4px;

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

/* 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: 4px !important;
}

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

/* PRIVACY POLICY (banner) */
/* *************** */
.cookie-consent-acknowledgement-conatiner {
  background: #000;
}
.cookie-consent-acknowledgement-conatiner .cookie-consent-text {

    font-weight: bold;

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

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

.location-widget-title {
}

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

  color: #091E42;
}

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

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

  border-width: 0 !important;


  box-shadow: none !important;

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

}

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

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

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

.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .chapter,
.location-widget .location-carousel .slider-frame .slider-list .slider-slide a.icon-block .date {
}

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


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

}

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

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

.rbc-show-more {
}
/* 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;
}

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

/* GROUPS BY REGION (Homepage) */
.main-dashboard.on-home-page #react-main-chapter-list-root > .holder {
}

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

}

#react-main-chapter-list-root .panel-body .row.regions a.region-button {



  text-transform: none !important;

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

  border-bottom-width: 0 !important;

  border-radius: 0 !important;
    border-radius: 12px !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 {


}

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

}

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

}
/* end GROUPS BY REGION (Homepage) */

/* BOTTOM SECTION (Homepage) */
/* ************************* */
.homepage .join-cta {
    background-color: #00044C !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: #f2f2f2;
}
#event_page .event-info-container {
  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: #0176D3;

  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 */
/* ************* */
.navbar .caret {
    top: 1px;
  }
  
  .navbar .avatar {
    background-color: transparent;
  }
  
  body.homepage .explore-button {
    background: #00a3de;
  }
  
  .chapter #leave-community .leave.member-api {
  color: #ffffff;
  }
  
  .navbar > .container .navbar-brand {
    height: 80px;
  }
  
  .navbar-brand {
  padding: 20px 0px;
  }
  
  #event_page .icon {
  background-color: transparent;
  }
  
  #event_page .font_banner2 {
  color: #ffffff;
  }
  
  #upcoming-events h2.small-title {
  margin-bottom: 50px;
  }
  
  @media (min-width: 768px) {
  #event_page button.contact-us, .chapter button.contact-us {
    padding: 8px 40px 9px 40px;
    margin-bottom: 90px;
  }
  }
  
  .chapter button.contact-us {
  top: 0px;
  }
  
  .chapter .brought-to-you-by .hosts .host-container h5 {
  padding: 0 15px 30px 15px;
  }
  
  .purchase-window {
  padding-top: 30px;
  padding-bottom: 30px;
  }
  
  #event_page .description-container .event-description, #event_page .description-container .event-description p {
  text-align: left;
  }
  
  #event_page .contact-host.modal-dialog .btn-action, .homepage .explore-button {
  padding: 9px 40px 10px 40px;
  }
  
  
  
  @media (max-width: 768px) {
  a.navbar-brand>img, h2.footer-brand>img {
    width: 200px;
  }
  .navbar>.container .navbar-brand {
    width: 200px;
  }
  #event_page .chapter .brought-to-you-by h1.event-page {
    margin: 20px 0 40px 0px;
  }
  .chapter .brought-to-you-by {
    padding-top: 0px;
  }
  h1.section-header {
    font-size: 30px;
  }
  }
  
  .chapter .brought-to-you-by {
  margin-bottom: auto;
  }
  
  @media (max-width: 768px) {
  .chapter .vertical-boxes .vertical-box-container {
    margin: 10px auto;
  }
  }
  
  
  .navbar-static-top .icon-search.mobile {
  color: #ffffff!important;
  font-size: 26px;
  margin-right: 3px;
  margin-top: 23px;
  }
  
  .chapter .vertical-boxes {
  margin-bottom: 10px;
  }
  
  @media (max-width: 768px) {
  .purchase-window .ticket-table .sale-start-end {
    position: inherit;
    color: #666666;
    text-align: left;
    padding: 5px 0px;
    font-size: 14px;
    line-height: 16px;
  }
  }
  
  @media (max-width: 991px) {
  .purchase-window .ticket-table tr {
    padding: 25px 30px 15px;
  }
  }
  
  #event_page .tile .social-media a {
  color: #00A2DF!important;
  font-size: 22px;
  }
  
  @media screen and (max-width: 568px) {
  #event_page .tile {
    padding: 20px 20px 40px 20px;
  }
  }
  
  .carousel-container .content .content-inside h3 {
  line-height: 1em;
  padding: 15px 0px 0px 0px;
  }
  
  .blog-post-discussion {
  padding: 0px 0 40px 0;
  }
  
  .blog-post-share-buttons a:hover {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #00A2DF;
  }
  
  #event_page .chapter .brought-to-you-by button.contact-us .icon-mail {
  color: #ffffff!important;
  }
  
  .chapter button.contact-us .icon-mail {
    color: #ffffff;
  }
  
  ._dashboard #options-menu.dropdown-toggle {
  background-color: #ffffff!important
  }
  
  .main-dashboard .discount-view-table {
  overflow-x: inherit;
  }
  
  .main-dashboard .formField .red {
  color: red;
  }
  
  ._dashboard .paginated-form-nav-bottom .icon-attention-circled, ._dashboard .paginated-form-nav-top .icon-attention-circled {
  color: red;
  }
  
  .ladda-button .ladda-spinner {
  top: 20%;
  left: 5%;
  }
  
  ._dashboard .sortable-people .inner .people-names-block {
  font-size: 18px;
  }
  
  ._dashboard .sortable-people .inner {
  height: auto;
  min-height: 270px;
  }
  
  #event_page .vertical-boxes .vertical-box-container a.btn.view-profile, .chapter .vertical-boxes a.view-profile {
  background: transparent!important;
  border: 1px solid #00A2DF;
  color: #00A2DF!important;
  }
  
  #event_page .vertical-boxes .vertical-box-container h2 {
  color: #00A2DF;
  font-size: 20px;
  }
  
  .purchased-container .dropdown-toggle.btn-default {
  background-color: transparent !important;
  }
  
  #event_page .event-info-container .agenda-container .agenda-table .agenda-item.even {
  background-color: #F4F4F4;
  }
  
  #event_page .event-info-container {
  color: #666;
  }
  
  #event_page .social_media_wrapper a {
    line-height: 28px;
  }

  #event_page .description-container ul, #event_page .description-container ol {
    font-size: 17px;
}

.homepage .join-cta {
    background-position: top;
    height: 0;
  	padding: 0;
    padding-top: 20%;
    position: relative;
    min-height:200px;
}

.homepage .join-cta > .container {
     position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0; 
}

/* Back up for the above UL for Paebuilder launch */
/* .general-body ul {
    font-size: 17px;
} */

/* ZD 7056 - start */
#body.become-a-group-leader-page div.custom-benefits-section {
	display: none;
}
#body.become-a-group-leader-page div.custom-benefits-section.active {
	display: block;
}

#body.speak-at-a-mulesoft-meetup div.custom-benefits-section {
	display: none;
}
#body.speak-at-a-mulesoft-meetup div.custom-benefits-section.active {
	display: block;
}
/* ZD 7056 - end */

/* ZD 8448 - CCPA Icon - Start */
.page-footer .quick-links a.ccpa {
    position: relative;
    padding-left: 40px;
    margin-left: 4px;
}

.page-footer .quick-links a.ccpa::before {
    content: '';
    height: 16px;
    width: 34px;
    background: url(https://storage.googleapis.com/platform-data-mulesoft/uploads/privacyoptions123x59.png
) no-repeat center;
    background-size: auto 100%;
    position: absolute;
    left: 0px;
    top: -1px;
}

/* ZD 8448 - CCPA Icon - End */

/* ZD9852 End */

/*ZD10907 Sponsor a Meetup Font Size */

.sponsor-a-meetup-page > div.page-banner > div > div > div > div {
font-size: 32px;
}

/*ZD10907 End */

/*ZD10907 - Sponsor a meetup updates */
body.sponsor-a-meetup-page div.static-page > div.custom-benefits-section {
	display: none;
}
  /*ZD10907 End */

#react-search-container .wide-search-bar-container, .navbar-nav .navbar-menu.selected {
    background-color: #0176D3;
}

/* PBP-371 - START */
.homepage .join-cta {
  margin-top: 0px;
}
/* PBP-371 - END */

/* CNP-1228 - START */
body.become-a-group-leader-page form > div.form-group.input_id_field_50, body.become-a-group-leader-page form > div.form-group.input_id_field_51 {
  display: flex;
  flex-direction: row-reverse;
  gap: 1em;
  margin-bottom: 1.25em;
  justify-content: flex-end;
}

body.become-a-group-leader-page form > div.form-group.input_id_field_50 > label, body.become-a-group-leader-page form > div.form-group.input_id_field_51 > label {
  margin-bottom: 0px;
}

body.become-a-group-leader-page form > div.form-actions {
  margin-top: 2.5em;
}
/* CNP-1228 - END */

/* START - ZD 12749 */
#event-info div.agenda-header div.agenda-title > h3 {
	color: #555;
}

body#event_page.event-page-builder-page div.event-info-container > div.pageBuilderAgenda > div > div.agenda-container > div.container-inner > div.agenda-header > div.second-column {
	color: #555;
}

body#event_page #react-event-purchase-root {
	background-color: inherit !important;
}

div.theme-provider-namespace-people-card li.people-card.general-card > div:nth-child(3) >  button {
	border: 0;
}
div.theme-provider-namespace-people-card li.people-card.general-card > div:nth-child(3) >  button:hover {
	color: #fff;
}
div.theme-provider-namespace-people-card li.people-card.general-card > div:nth-child(3) > a {
	border: 0;
}
div.theme-provider-namespace-people-card li.people-card.general-card > div:nth-child(3) > a:hover {
	color: #fff;
}
div.theme-provider-namespace-people-card li.people-card.general-card > div:nth-child(4) >  button {
	border: 0;
}
div.theme-provider-namespace-people-card li.people-card.general-card > div:nth-child(4) >  button:hover {
	color: #fff;
}
div.theme-provider-namespace-people-card li.people-card.general-card > div:nth-child(4) > a {
	border: 0;
}
div.theme-provider-namespace-people-card li.people-card.general-card > div:nth-child(4) > a:hover {
	color: #fff;
}

body#event_page.event-page-builder-page div.theme-provider-namespace-people-section h1.event-page.general-h1 {
	font-weight: bolder !important;
	font-family: custom_font_heading, "Open Sans";
  margin: 16px 0;
}


/* END - ZD 12749 */

.chapter-page-builder-page .join-community.chapter {
  padding: 45px 0;
}

@media (min-width: 768px) {
  .chapter-page-builder-page .join-community.chapter .container .heading {
    min-width: 315px;
  }
}

.chapter-page-builder-page .join-community.chapter .follow-community {
   font-size: 25px;
}

.chapter-page-builder-page .join-community.chapter .join-button {
   font-size: 20px !important;
}

/*ZD14268 - Applications closed START*/
.applications-closed-banner{
  background-color:#00044C;
  width:100%
}
.applications-closed .static-page {
    margin-top: 0px;
    width:100%;
	padding-left:0px;
	padding-right:0px;
  place-items: center;
}


.applications-closed .page-banner{
	margin-bottom: 0px;
}

.applications-closed .applications-closed-banner{
	padding: 10px;
}

.applications-closed .applications-closed-button{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 32px;
    padding-right: 32px;
}

@media (min-width: 1200px) {
    .applications-closed .become-a-group-leader-page {
        width: 1170px;
    }
}
body.applications-closed .page-banner {
background-image: url(https://storage.googleapis.com/platform-data-support/page_assets/4_1_1_qZsnhmm.png) !important;
}
/* 1. Target the main banner containers */
body .page-banner,
body #event_page .jumbotron {
    min-height: 320px !important; /* Aumenta drásticamente la altura del marco */
    background-position: center 15% !important; /* Ancla la imagen cerca del borde superior */
    background-size: cover !important; 
}

/* 2. Target the overlay (just in case Bevy puts the image here) */
body .page-banner .overlay,
body #event_page .jumbotron .overlay {
    background-position: center 15% !important; 
    background-size: cover !important;
}

/* 3. Mobile adjustments: Make it even taller on small screens to reduce zoom */
@media (max-width: 768px) {
    body .page-banner,
    body #event_page .jumbotron {
        min-height: 380px !important;
    }
}



.Button-styles__button_iwr8t.Button-styles__outlined_iwr8t {
  border: none !important;
}

/*New Form CSS*/
body.become-a-group-leader-page form > div.form-group.input_id_field_100,
body.become-a-group-leader-page form > div.form-group.input_id_field_96,
body.become-a-group-leader-page form > div.form-group.input_id_field_97,
body.become-a-group-leader-page form > div.form-group.input_id_field_94 {
    display: flex;
    flex-direction: row-reverse;
    gap: 0.5em;
    margin-bottom: 1.25em;
    justify-content: flex-end;
}

body.become-a-group-leader-page form > div.form-group input[type=checkbox] {
    display: inline;
    width: auto;
    height: auto;
}

.applications-new-banner{
  background-color:#00044C;
  width:100%
}
.new-form .static-page {
    margin-top: 0px;
    width:100%;
	padding-left:0px;
	padding-right:0px;
  place-items: center;
}


.new-form .page-banner{
	margin-bottom: 0px;
}

.new-form .applications-new-banner{
	padding: 10px;
}

.new-form .applications-new-button{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 32px;
    padding-right: 32px;
}

@media (min-width: 1200px) {
    .applications-closed .become-a-group-leader-page {
        width: 1170px;
    }
}
body.new-form .page-banner {
background-image: url(https://res.cloudinary.com/startup-grind/image/upload/c_fill,dpr_2.0,f_auto,g_center,h_188,q_auto:good,w_2560/v1/gcs/platform-data-mulesoft/page_header/header-Become_a_Mulesoft_Meetup.png) !important;
}

.Button-styles__button_iwr8t.Button-styles__outlined_iwr8t {
  border: none !important;
}

/* ==========================================================================
   THE NUCLEAR VIEWPORT SCREEN OVERRIDE (Fixes overlaps and centering)
   ========================================================================== */

/* 1. Reset the banner container */
body.applications-closed .page-banner {
    position: relative !important;
    height: min(550px, calc(100vw * 650/2560)) !important; /* Keep magic math */
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important; /* Prevents overflow into header */
}

/* 2. Position container: Desktop absolute center / Mobile Viewport Nuke */
body.applications-closed div.page-banner-title {
    position: absolute !important;
    top: 50% !important; /* Center vertically */
    z-index: 99 !important;
    
    /* Default: Desktop Absolute Center */
    left: 50% !important; 
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    
    /* Flexibility reset */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. Brute-force Title (Desktop sizes) */
body.applications-closed div.page-banner-title,
body.applications-closed div.page-banner-title * {
    color: #ffffff !important; /* Keep visibility high */
    font-size: 35px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    margin: 0 !important; 
}

/* 4. Inject Subtitle (Desktop sizes) */
body.applications-closed div.page-banner-title::after {
    content: "Organize impactful events and earn recognition as a local MuleSoft expert" !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    margin-top: 12px !important;
    text-align: center !important;
}

/* 5. MOBILE OVERRIDE (Forcing true center with Viewport Nuke) */
@media (max-width: 768px) {
    body.applications-closed div.page-banner-title {
        /* NUKE STANDARD ALIGNMENTS */
        left: 0 !important;
        right: 0 !important;
        transform: translateY(-50%) !important; /* V-center only */
        
        /* Force container width to phone screen width (Viewport Width) */
        width: 90vw !important; 
        
        /* Forces 5vw gap on the left of the glass */
        left: 5vw !important; 
        margin: 0 auto !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        top: 45% !important; /* Push down slightly to avoid header overlap */
    }
    
    body.applications-closed div.page-banner-title,
    body.applications-closed div.page-banner-title * {
        /* VW makes font scale with screen (max 26px) */
        font-size: min(5.5vw, 26px) !important; 
        text-align: center !important;
        white-space: normal !important; /* Allows wrapping */
    }

    body.applications-closed div.page-banner-title::after {
        font-size: min(3.5vw, 15px) !important;
        margin-top: 6px !important;
    }
}

#body.speak-at-a-mulesoft-meetup div.page-banner-title {
	display: none;
}

#body.sponsor-a-meetup-page  div.page-banner-title {
	display: none;
}
body.sponsor-a-meetup-page .page-banner {
background-image: url(https://storage.googleapis.com/platform-data-support/page_assets/4_1_4.png) !important;
}


body.speak-at-a-mulesoft-meetup .page-banner {
background-image: url(https://storage.googleapis.com/platform-data-support/page_assets/4_1_3.png) !important;
}

/* ==========================================================================
   SPEAK & SPONSOR PAGES (Perfect Clone of applications-closed)
   ========================================================================== */

/* 1. Reset the banner (Magic Math Height to prevent image zooming/cutting) */
body.speak-at-a-mulesoft-meetup .page-banner,
body.sponsor-a-meetup-page .page-banner {
    position: relative !important;
    height: min(550px, calc(100vw * 650/2560)) !important; 
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important; 
}

/* 2. Position the Text Container in the Dead Center */
body.speak-at-a-mulesoft-meetup div.page-banner-title,
body.sponsor-a-meetup-page div.page-banner-title {
    position: absolute !important;
    top: 50% !important; 
    left: 50% !important; 
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    z-index: 99 !important;
    
    /* Restauramos el flexbox que usamos en applications-closed */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. BRUTE-FORCE THE MAIN TITLE (Igual que en applications-closed) */
body.speak-at-a-mulesoft-meetup div.page-banner-title,
body.speak-at-a-mulesoft-meetup div.page-banner-title *,
body.sponsor-a-meetup-page div.page-banner-title,
body.sponsor-a-meetup-page div.page-banner-title * {
    color: #ffffff !important; 
    font-size: 46px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    margin: 0 !important; 
}

/* 4. KILL THE SUBTITLE (A prueba de balas) 
   Esto oculta CUALQUIER elemento que esté después del título principal */
body.speak-at-a-mulesoft-meetup div.page-banner-title > *:nth-child(n+2),
body.sponsor-a-meetup-page div.page-banner-title > *:nth-child(n+2) {
    display: none !important; 
}

/* 5. MOBILE OVERRIDE (Igual que en applications-closed) */
@media (max-width: 768px) {
    body.speak-at-a-mulesoft-meetup div.page-banner-title,
    body.sponsor-a-meetup-page div.page-banner-title {
        left: 0 !important;
        right: 0 !important;
        transform: translateY(-50%) !important; 
        width: 90vw !important; 
        left: 5vw !important; 
        margin: 0 auto !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        top: 45% !important; 
    }
    
    body.speak-at-a-mulesoft-meetup div.page-banner-title,
    body.speak-at-a-mulesoft-meetup div.page-banner-title *,
    body.sponsor-a-meetup-page div.page-banner-title,
    body.sponsor-a-meetup-page div.page-banner-title * {
        font-size: min(5.5vw, 26px) !important; 
        text-align: center !important;
        white-space: normal !important; 
    }
}
@media (max-width: 991px) {
    /* Fuerza un fondo blanco sólido en el menú lateral móvil */
    body [class*="styles_mainNav__"] {
        background-color: #ffffff !important;
        z-index: 9999 !important; /* Asegura que pase por encima de todo */
    }
}

#chapters-page .chapter-page-content {
    display: none !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: #0176D3;

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





  --general-button-background: #0176D3;

  --general-button-color: #ffffff;


  --general-hover-button-background-color: #032D60;


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

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

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

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

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

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

  --general-button-weight: bold;

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

  --general-ghost-button-background: #0176D3;


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

  --general-ghost-hover-button-background-color: #032D60;



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

  --general-ghost-button-weight: bold;

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

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

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













}

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




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

  /* Figma: "White" */
  --ColorLight: #FFFFFF;
  --ColorLightRGB: 255, 255, 255;

  /* Figma: "Light" */
  --ColorSoftLight: #F6F9FB;
  --ColorSoftLightRGB: 246, 249, 251;

  /* Figma: "Soft Light" */
  --ColorLightBorders: #E4ECF3;
  --ColorLightBordersRGB: 228, 236, 243;

  /* Figma: "Black" */
  --ColorDark: #292C39;
  --ColorDarkRGB: 41, 44, 57;

  /* Figma: "Dark" */
  --ColorSoftDark: #4D546A;
  --ColorSoftDarkRGB: 77, 84, 106;

  /* Figma: "Soft Dark" */
  --ColorDarkBorders: #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%);
}