[data-element-id='209433000000018960'] .bs-tab-menu.section-style .nav-item {
    color: #36BC45;
}

[data-element-id='209433000000018960'] .bs-section-sticky.section-bg {
    background-color: #003865 !important;
}

[data-element-id='209433000000018960'] .bs-section .section-title{
    color: #36BC45;
}

.details-modal-header{
    background-color: #36BC45 !important;
}

.uls-grid.bs-form .form-field>label{
   font-size: var(--font-size-default) !important;
}

/* Camel case for navigation bar */

.bs-main-menu .item,
.bs-main-menu .page-links .item,
.bs-main-menu .bs-btn-wgt.default .bs-button.link {
    text-transform: none !important;
}

/* make text to button in ticket desc */
.bs-ticketList-wgt a strong {
  width: 100%;
  display: inline-block;
  padding: 12px 24px;
  background: #fff;
  color: #36BC45;
  border-radius: 50px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #36BC45;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[data-element-id='209433000000018960'] .bs-divider.dashed,
[data-element-id="209433000000288227"] .bs-divider.dashed{
  display: none;
}

.bs-section[class*=community-section-ticketClass] .bs-btn-wgt.default .bs-button.st-fill {
  padding: 12px 24px;
  background: #36BC45;
}

[data-field-id="209433000000026165"] .ticket-name.h4-size::after,
[data-field-id="209433000000032015"] .ticket-name.h4-size::after{
  content: "For Pharma, Medtech, Industry, Private Insurers, Software Vendors & Business Consultants";
  font-size: 0.5em;
}

[data-field-id="209433000000032025"] .ticket-name.h4-size::after,
[data-field-id="209433000000032033"] .ticket-name.h4-size::after{
  content: "For Clinical Providers & Practitioners, Local & National Govt., Policy Makers, Public Payers, Registry, Academia";
  font-size: 0.5em;
}

[data-field-id="209433000000032041"] .ticket-name.h4-size::after,
[data-field-id="209433000000032047"] .ticket-name.h4-size::after{
  content: "For Patients, Patient Representatives & Small Non-Profits (<50 employees), Students, and LMIC Residents (excluding Medtech, Pharma, Insurance";
  font-size: 0.5em;
}

[data-field-id="209433000000026165"] .text-tiny.mgt2,
[data-field-id="209433000000032025"] .text-tiny.mgt2,
[data-field-id="209433000000032041"] .text-tiny.mgt2,
[data-field-id="209433000000032015"] .text-tiny.mgt2,
[data-field-id="209433000000032033"] .text-tiny.mgt2,
[data-field-id="209433000000032047"] .text-tiny.mgt2 {
  display: none;
}

.bs-label.green {
  background-color: #FD5000;
}

/* 1. Orange Save badge size */
[page-id="209433000000018058"] .ticket-name .bs-label.green.mini {
  font-size: 13px !important;
  padding: 3px 12px !important;
  line-height: 24px !important;
}

/* 2. Un-bold description text + tighter line-height */
[page-id="209433000000018058"] h4.ticket-name.h4-size::after {
  font-family: poppinsregular, Arial, Helvetica, sans-serif !important;
  display: block !important;
  line-height: 1.4 !important;
}

/* 3. Reduce gap: Register button to membership button */
[data-section-id="209433000000018998"] .ticket-description {
  padding-top: 0px !important;
}

/* 4. Reduce gap: membership button to following content */
[data-section-id="209433000000018998"] .des-content p.ql-align-center {
  margin-bottom: -10px !important;
}

/* Remove scroll from ticket card content area and allow full height expansion */
[data-section-id="209433000000018998"] .ticket-card-content {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* Change Register button from uppercase to capitalize (camel case) */
[data-section-id="209433000000018998"] .ticket-nav .bs-button {
  text-transform: capitalize !important;
}

/* Increase ticket name font size */
[data-section-id="209433000000018998"] h4.ticket-name {
  font-size: 28px !important;
  line-height: 1.2 !important;
}

/* Stretch all cards to equal height */
[data-section-id="209433000000018998"] .bs-ticketList-wgt {
  align-items: stretch !important;
}
[data-section-id="209433000000018998"] .li-item {
  display: flex !important;
  flex-direction: column !important;
}
[data-section-id="209433000000018998"] .li-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Ensure ticket-card-nav is same height across all cards
   so Register button lands at the same vertical position */
[data-section-id="209433000000018998"] .ticket-card-nav {
  display: flex !important;
  flex-direction: column !important;
  min-height: 250px !important;
}

/* Push Register button to bottom of ticket-card-nav */
[data-section-id="209433000000018998"] .ticket-nav {
  margin-top: auto !important;
}

/* Push Apply to Attend price down by the badge row height (30px)
   to align with Industry and Provider passes that have a badge above their price */
[data-field-id="209433000000032041"] .ticket-item {
  padding-top: 30px !important;
}

/* Increase close button hit area */
[data-template="modals/community-checkout"] .cancel {
  width: 48px !important;
  height: 48px !important;
}

/* Target ::after which renders the actual X icon via icon font */
[data-template="modals/community-checkout"] .cancel::after {
  font-size: 36px !important;
}

/* Hide ICHOM Member pass cards - scoped to register page */
[page-id="209433000000018058"] [data-field-id="209433000000032015"],
[page-id="209433000000018058"] [data-field-id="209433000000032033"],
[page-id="209433000000018058"] [data-field-id="209433000000032047"] {
  display: none !important;
}

/* ========================================================
   ICHOM Membership Passes Page — Custom Styles
   page-id: 209433000000288161
   ticket section data-section-id: 209433000000288220
   ======================================================== */

/* 2. Orange Save badge size — applied to member pass early bird ticket items */
[id="209433000000032017"] .ticket-name .bs-label,
[id="209433000000032035"] .ticket-name .bs-label {
  font-size: 13px !important;
  padding: 3px 12px !important;
  line-height: 24px !important;
}

/* 3. Un-bold description text + tighter line-height (rendered via ::after pseudo-element) */
[data-field-id="209433000000032015"] h4.ticket-name::after,
[data-field-id="209433000000032033"] h4.ticket-name::after,
[data-field-id="209433000000032047"] h4.ticket-name::after {
  font-family: poppinsregular, Arial, Helvetica, sans-serif !important;
  display: block !important;
  line-height: 1.3 !important;
}

/* 4. Reduce gap: ticket-nav vertical padding */
[data-section-id="209433000000288220"] .ticket-nav {
  height: auto !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* 5. Register button: remove margins + capitalize text */
[data-section-id="209433000000288220"] .ticket-nav .bs-button {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  text-transform: capitalize !important;
}

/* 6. Reduce gap between membership content area */
[data-section-id="209433000000288220"] .ticket-description {
  padding-top: 8px !important;
}
[data-section-id="209433000000288220"] .des-content p.ql-align-center {
  margin-bottom: 8px !important;
}

/* 7. Remove scroll from ticket card content — allow full expansion */
[data-section-id="209433000000288220"] .ticket-card-content {
  overflow: visible !important;
  max-height: none !important;
}

/* 8. Increase ticket name font size */
[data-section-id="209433000000288220"] h4.ticket-name {
  font-size: 28px !important;
  line-height: 1.2 !important;
}

/* 9. Button alignment: stretch cards to equal height via flex */
[data-section-id="209433000000288220"] .bs-ticketList-wgt {
  align-items: stretch !important;
}
[data-section-id="209433000000288220"] .li-item {
  display: flex !important;
  flex-direction: column !important;
}
[data-section-id="209433000000288220"] .li-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
[data-section-id="209433000000288220"] .ticket-card-nav {
  display: flex !important;
  flex-direction: column !important;
  min-height: 200px !important;
}
[data-section-id="209433000000288220"] .ticket-nav {
  margin-top: auto !important;
}

/* Align Member Patient/Student Pass price with other cards.
   Previously 75px when "Offer Ends On" was visible; reduced to 30px
   now that it's hidden — only the badge row height remains as the offset. */
[data-field-id="209433000000032047"] .ticket-item {
  padding-top: 30px !important;
}

/* 11. Close button on checkout modal — increase hit area and icon size */
[data-template="modals/community-checkout"] .cancel {
  width: 48px !important;
  height: 48px !important;
}
/* Target ::after which renders the actual X icon via icon font */
[data-template="modals/community-checkout"] .cancel::after {
  font-size: 36px !important;
}

/* 1. Hide non-member passes — placed last to override the flex rule in rule 9.
   Selector uses [data-section-id] + .li-item[data-field-id] to match equal
   specificity as the flex rule, so cascade order (last wins) takes effect. */
[data-section-id="209433000000288220"] .li-item[data-field-id="209433000000026165"],
[data-section-id="209433000000288220"] .li-item[data-field-id="209433000000032025"],
[data-section-id="209433000000288220"] .li-item[data-field-id="209433000000032041"] {
  display: none !important;
}