/* ==========================================================================
   EVENTS THEME → PORTAL COLOR SCHEME
   Maps the events theme's fixed pink accents (#e7015e / #d20055 / #ff007a)
   to the portal's global palette (:root vars from the theme's
   colors_settings). Portals that don't define the vars keep the original
   pink via the fallbacks. Loaded after style.css so equal selectors win.
   ========================================================================== */

:root {
  --evt-accent: var(--site_color_g, #e7015e);
  --evt-accent-dark: color-mix(in srgb, var(--site_color_g, #d20055) 82%, #000);
}

/* links */
a { color: var(--evt-accent); }
a:hover { color: var(--evt-accent-dark); }
a.read-more, .read-more, .read-more i { color: var(--evt-accent) !important; }

/* buttons */
.btn { background: var(--evt-accent); }
.btn:hover { background: var(--evt-accent-dark); }
.btn.fill:hover { background: var(--evt-accent); border-color: var(--evt-accent); }
.btn-link:hover { color: var(--evt-accent); }

/* event nav (gray_ara) + header links */
.header ul.navbar-nav > li > a:hover,
.header ul.navbar-nav > li.active > a,
.header ul.navbar-nav li .dropdown-menu li a:hover { color: var(--evt-accent); }
.gray_ara .navbar-nav li a.active,
.gray_ara .navbar-nav li a:hover { color: var(--evt-accent) !important; }
.gray_ara .navbar-nav li a.active { border-color: var(--evt-accent) !important; }

/* section titles */
.section-title span, .column-title span { color: var(--evt-accent); }
.ts-event-outcome .outcome-content .column-title { color: var(--evt-accent); }

/* speakers */
.ts-speaker:hover .ts-title a { color: var(--evt-accent); }
.ts-speaker-popup .ts-speaker-popup-content .speaker-session-info p { color: var(--evt-accent); }
.ts-speaker-popup .ts-speaker-popup-content .ts-speakers-social a:hover { color: var(--evt-accent); }
.single-intro-text .count-number { background: var(--evt-accent); }
.video-btn:hover { color: var(--evt-accent); }

/* schedule */
.schedule-listing .schedule-slot-time { background: var(--evt-accent-dark); }
.schedule-listing:nth-of-type(even) .schedule-slot-time { background: var(--evt-accent); }
.ts-schedule-nav ul li a.active { background: var(--evt-accent); }
.ts-schedule-nav ul li a:before { border-color: transparent var(--evt-accent) transparent transparent; }
.schedule-tabs-item .schedule-listing-item .schedule-slot-time { color: var(--evt-accent); }
.schedule-tabs-item .schedule-listing-item:after { border-color: var(--evt-accent); }
.schedule-tabs-item .schedule-listing-item:hover:before { background: var(--evt-accent); }

/* pricing / tickets */
.ts-pricing-box .ts-pricing-progress .ts-pricing-value { color: var(--evt-accent); }
.ts-pricing-box .promotional-code .promo-code-text { color: var(--evt-accent); }
.ts-pricing-item.active .btn { background: var(--evt-accent); }
.ts-pricing-item.active .ts-pricing-price span { color: var(--evt-accent); }
.hero-form-content { border-top-color: var(--evt-accent); }

/* news / posts */
.post-meta .post-meta-date { color: var(--evt-accent); }
.post .post-body .entry-header .entry-title a:hover { color: var(--evt-accent); }

/* venue / map tabs + misc */
.ts-map-tabs ul li a.active { color: var(--evt-accent); border-color: var(--evt-accent); }
.ts-map-tabs ul li a:before { border-color: var(--evt-accent); }
.checkbox-list .single-check-mark input[type="radio"] + label:before { background: var(--evt-accent); }
.ts-footer-social ul li a:hover { background: var(--evt-accent); }

/* base body text follows the portal's global font color when defined */
body { color: var(--site_font_color_g, #505050); }

/* share + copy buttons beside the social icons (speaker popup, collaborator, sponsor pages):
   the portal colour like the icons next to them, not black */
/* the ROUND buttons only: .share-btn2 is a row on some pages (painting it made a full-width bar) - its inner <p> is the circle */
.share-btn2 > p, .copy_icon_btn { background: var(--evt-accent) !important; border-color: var(--evt-accent) !important; }
.share-btn2 > p i, .copy_icon_btn i { color: #fff !important; }

/* ROUND THINGS STAY ROUND, on every event page: modal close buttons (.close2 / .close / Magnific .mfp-close /
   a modal header's dismiss) were stretched into ovals by the theme's .btn padding; count badges likewise */
.btn.close2, button.close, .modal-header [data-dismiss="modal"], .mfp-close {
  width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important;
  padding: 0 !important; border-radius: 50% !important; line-height: 1 !important;
  display: inline-grid !important; place-items: center; aspect-ratio: 1 / 1; opacity: 1;
}
.btn.close2 i, button.close i, .mfp-close i { font-size: 18px !important; line-height: 1 !important; margin: 0 !important; }
.badge-pill.btn, #mini-cart-count {
  min-width: 32px; height: 32px; padding: 0 10px !important; border-radius: 999px !important; line-height: 1 !important;
  display: inline-grid !important; place-items: center; font-size: 14px !important; box-shadow: none !important;
}
/* the modal corner close (.close2): 40px as the owner set it */
body .btn.close2 { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; font-weight: 900; }

/* header contact list (email, address): the icon centred on its text on every event page - the text's
   paragraph margin made its box taller than the line, so the icon sat low (worse on pages with bigger <p> margins) */
.main-menu__contact-list li { align-items: center !important; }
.main-menu__contact-list li .text p { margin: 0 !important; line-height: 1.5 !important; }
.main-menu__contact-list li .icon { top: 0 !important; display: flex; align-items: center; line-height: 1 !important; }

/* the event bar's back button: arrow and title on one centre line */
.gray_ara .btn { display: inline-flex !important; align-items: center; gap: 10px; height: auto !important; min-height: 48px; line-height: 1.3 !important; padding-top: 10px !important; padding-bottom: 10px !important; }
.gray_ara .btn i { margin: 0 !important; line-height: 1 !important; }
/* "Read more" in the portal colour (it stayed the theme's pink); the darker shade reads on white */
body .read-more, body .read-more i, body span.read-more, body a.read-more { color: var(--evt-accent-dark) !important; }