/* Container Layout (Centered with maximum width matching Zendesk) */
.section-container,
.container {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* Page Header Alignment */
.page-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-direction: row !important;
  margin-bottom: 32px !important;
  width: 100% !important;
  float: none !important;
}

.header-title-wrapper {
  max-width: 800px;
}

.page-header h1 {
  margin: 0 0 8px 0;
  font-size: 2.25rem;
  font-weight: 700;
  color: #1a2332;
}

.page-header-description {
  color: #64748b;
  font-size: 1rem;
  margin: 0;
}

/* ==========================================================================
   YAPSODY CUSTOM THEME STYLES
   ========================================================================== */

/* Hero Section */
.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
              url('YOUR_BACKGROUND_IMAGE_URL') center/cover no-repeat !important;
}

.hero-inner h1.hero-title {
  color: #ffffff !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  margin-bottom: 24px !important;
}

.search-container {
  max-width: 650px !important;
  margin: 0 auto !important;
}

/* Audience Cards Layout */
.audience-section {
  margin: -40px auto 40px auto !important;
  position: relative !important;
  z-index: 10 !important;
  max-width: 900px !important;
  padding: 0 15px !important;
}

.audience-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

@media (max-width: 640px) {
  .audience-grid {
    grid-template-columns: 1fr !important;
  }
}

.audience-card {
  display: flex !important;
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 24px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s ease !important;
}

.audience-card:hover {
  transform: translateY(-2px) !important;
  border-color: #E31837 !important; /* Yapsody Red */
  box-shadow: 0 6px 16px rgba(227, 24, 55, 0.12) !important;
}

.audience-icon {
  background-color: #f1f5f9 !important;
  border-radius: 8px !important;
  padding: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 16px !important;
  color: #1a2332 !important;
  flex-shrink: 0 !important;
}

.audience-card:hover .audience-icon {
  background-color: #E31837 !important;
  color: #ffffff !important;
}

.audience-content h3 {
  margin: 0 0 6px 0 !important;
  color: #1a2332 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
}

.audience-content p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
}

/* Category Grid & Section 2-Column Grid */
.sections-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  margin-top: 24px !important;
  clear: both !important;
  align-items: start !important;
}

@media (max-width: 768px) {
  .sections-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Card Outer Frame matching Zendesk radius & border */
.section-card {
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

/* Yapsody Red Header matching Zendesk proportions */
.section-card-header,
.section-card-header.static-header {
  background-color: #E31837 !important; /* Yapsody Brand Red */
  padding: 14px 20px !important;
  display: block !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.section-card-header:hover,
.section-card-header.static-header:hover {
  background-color: #c4122d !important;
}

.section-card-header h3,
.section-card-header.static-header h3,
.section-card-header h3 a {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Internal Card Content Padding */
.section-card-body {
  padding: 16px 20px 20px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
}

.article-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
}

.article-list-item {
  border-bottom: 1px solid #eef2f6 !important;
  padding: 12px 0 !important;
}

.article-list-item:last-child {
  border-bottom: none !important;
}

.article-list-item a {
  color: #2f3941 !important;
  text-decoration: underline !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
}

.article-list-item a:hover {
  color: #E31837 !important;
}

.see-all-articles {
  display: inline-block !important;
  margin-top: auto !important;
  color: #2f3941 !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  text-decoration: underline !important;
}

.see-all-articles:hover {
  color: #E31837 !important;
}

/* Sub-section List Items inside Cards */
.subsection-list .subsection-item {
  padding: 12px 0 !important;
}

.subsection-link {
  display: flex !important;
  align-items: center !important;
  font-weight: 600 !important;
  color: #2f3941 !important;
  text-decoration: underline !important;
}

.folder-icon {
  margin-right: 8px !important;
  font-size: 0.9rem !important;
}

.empty-section {
  color: #94a3b8 !important;
  font-style: italic !important;
  font-size: 0.9rem !important;
  margin: 10px 0 !important;
}
/* Yapsody Brand Styling */

/* Hero Banner Background */
/* Hero Banner Centering & Layout Fix */
/* Hero Banner Background using Live Image Path */
/* Hero Banner Background with Absolute Live URL */
/* Hero Banner Background using Zendesk Settings Variable */
/***** Hero component *****/
/***** Hero component *****/
.hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), 
                    url(/hc/theming_assets/01HZM82DAY6R5YZA5WJC5V8KGP) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 300px !important;
  padding: 0 20px !important;
  text-align: center !important;
  width: 100% !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hero-inner {
  position: relative !important;
  z-index: 2 !important;
  max-width: 610px !important;
  width: 100% !important;
  margin: 0 auto !important;
  transform: none !important;
  top: auto !important;
}

.hero-inner h1 {
  color: #ffffff !important;
  font-size: 3em !important;
  margin-bottom: 20px !important;
}

/* Hide extra background overlay element if present in HTML */
section.section-hero-background {
  display: none !important;
}
/***** Header Positioning & Dropdown Fixes *****/
.header {
  height: 71px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 5% !important;
}

@media (min-width: 1160px) {
  .header {
    padding: 0 90px !important;
  }
}

.nav-wrapper {
  display: flex !important;
  align-items: center !important;
}

.user-nav {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center !important;
}

.user-nav a {
  float: none !important;
  display: inline-block !important;
  color: #F55A66 !important;
  padding: 0 10px !important;
  text-decoration: none !important;
}

.div-with-ul {
  position: relative !important;
  display: inline-block !important;
}

.div-with-ul:hover .sub-menu {
  display: block !important;
}

.sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  min-width: 180px !important;
  padding: 10px 0 !important;
  z-index: 999 !important;
}

.sub-menu li {
  padding: 0 !important;
  margin: 0 !important;
}

.sub-menu li a {
  display: block !important;
  padding: 8px 15px !important;
  color: #333333 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

.sub-menu li a:hover {
  background-color: #f5f5f5 !important;
  color: #F55A66 !important;
}
/***** Knowledge Base Block Cards (Event Presenters & Ticket Buyers) *****/
.knowledge-base {
  margin-top: 40px;
}

.blocks-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 900px !important;
}

.blocks-item {
  flex: 1 1 380px !important;
  max-width: 420px !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  text-align: center !important;
  transition: all 0.2s ease-in-out !important;
  margin-bottom: 20px !important;
}

.blocks-item:hover {
  border-color: #d0d0d0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.blocks-item-link {
  display: block !important;
  padding: 25px 20px !important;
  text-decoration: none !important;
  color: inherit !important;
}

.blocks-item-title {
  color: #f55a66 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

.blocks-item-description {
  color: #777777 !important;
  font-size: 13px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
/***** Stylish Knowledge Base Cards *****/
.knowledge-base {
  margin-top: 50px !important;
}

.blocks-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 960px !important;
}

.blocks-item {
  flex: 1 1 420px !important;
  max-width: 450px !important;
  background: #ffffff !important;
  border: 1px solid #eef0f3 !important;
  border-radius: 12px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Stylish top accent line on hover */
.blocks-item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
  background: linear-gradient(90deg, #F55A66, #ff828a) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

/* Elevate and show accent line on hover */
.blocks-item:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 30px rgba(245, 90, 102, 0.15) !important;
  border-color: rgba(245, 90, 102, 0.2) !important;
}

.blocks-item:hover::before {
  opacity: 1 !important;
}

.blocks-item-link {
  display: block !important;
  padding: 32px 28px !important;
  text-decoration: none !important;
  text-align: center !important;
}

.blocks-item-title {
  color: #1e293b !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  transition: color 0.2s ease !important;
}

.blocks-item:hover .blocks-item-title {
  color: #F55A66 !important;
}

.blocks-item-description {
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
/* Fix horizontal scrollbar */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Center footer and eliminate overflow */
.footer, footer {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 30px 20px !important;
  margin-top: 60px !important;
  border-top: 1px solid #eef0f3 !important;
  background-color: #ffffff !important;
  text-align: center !important;
}

.footer p, footer p, .footer-inner p {
  text-align: center !important;
  margin: 0 auto !important;
  color: #64748b !important;
  font-size: 13px !important;
}

.footer a, footer a, .footer-inner a {
  color: #64748b !important;
  text-decoration: none !important;
}

.footer a:hover, footer a:hover, .footer-inner a:hover {
  color: #F55A66 !important;
  text-decoration: underline !important;
}
/***** Header Navigation & User Profile Alignment *****/
.header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 70px !important;
  padding: 0 40px !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

.nav-wrapper {
  display: flex !important;
  align-items: center !important;
}

.user-nav {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.user-nav a {
  color: #f55a66 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* User profile button & avatar styling */
.user-info {
  display: inline-flex !important;
  align-items: center !important;
}

.user-info .dropdown-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.user-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  margin: 0 !important;
}

.user-info span {
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
/***** Hero Search Box Fix *****/
.hero-inner {
  max-width: 650px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.search-full, 
form[role="search"] {
  width: 100% !important;
  max-width: 600px !important;
  margin: 20px auto 0 auto !important;
  position: relative !important;
}

.search-full input[type="search"],
form[role="search"] input[type="search"] {
  width: 100% !important;
  height: 48px !important;
  padding: 10px 20px 10px 45px !important;
  font-size: 15px !important;
  border-radius: 30px !important;
  border: 1px solid #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  box-sizing: border-box !important;
  outline: none !important;
}
/***** Hero Heading Styling *****/
.hero-inner h1 {
  font-size: 38px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
/***** Header Navigation Styling & Alignment Fix *****/
.user-nav {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.user-nav a {
  color: #333333 !important; /* Neutral dark color matching live site */
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transition: color 0.2s ease !important;
}

.user-nav a:hover {
  color: #f55a66 !important; /* Red hover accent */
}

/* Ensure user name aligns vertically with links */
.user-info .dropdown-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.user-info span {
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
/***** Reduce Spacing Between Header Links *****/
.user-nav {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important; /* Controls the exact spacing between links */
}

.user-nav a,
.user-nav > * {
  margin: 0 !important; /* Removes default template margins causing the large gap */
  padding: 0 5px !important; /* Standardizes tight spacing */
}
/***** Strict Dropdown Override *****/
.user-nav {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 20px !important;
}

.custom-nav-item {
  color: #333333 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

/* Dropdown Container */
.custom-dropdown-container {
  position: relative !important;
  display: inline-block !important;
  padding: 10px 0 !important;
}

/* Ticketing Label Styling */
.custom-dropdown-trigger {
  color: #f55a66 !important; /* Live red color */
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Hidden Vertical Menu Card */
.custom-dropdown-list {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background-color: #ffffff !important;
  width: 170px !important;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.15) !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 6px 0 !important;
  z-index: 999999 !important;
}

/* Show vertically on hover */
.custom-dropdown-container:hover .custom-dropdown-list {
  display: flex !important;
  flex-direction: column !important;
}

/* Links inside dropdown */
.custom-dropdown-list a {
  color: #333333 !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  text-align: left !important;
  display: block !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.custom-dropdown-list a:hover {
  background-color: #f8f9fa !important;
  color: #f55a66 !important;
}
/***** Bold Home, Ticketing & Dropdown Items *****/
.user-nav {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 20px !important;
}

/* Bold Home Link */
.custom-nav-item {
  color: #333333 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  font-weight: 700 !important; /* Bold Home */
}

/* Dropdown Container */
.custom-dropdown-container {
  position: relative !important;
  display: inline-block !important;
  padding: 10px 0 !important;
}

/* Bold Ticketing Label */
.custom-dropdown-trigger {
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: 700 !important; /* Bold Ticketing */
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Floating Vertical Dropdown Box */
.custom-dropdown-list {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background-color: #ffffff !important;
  width: 170px !important;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.15) !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 6px 0 !important;
  z-index: 999999 !important;
}

/* Show menu on hover */
.custom-dropdown-container:hover .custom-dropdown-list {
  display: flex !important;
  flex-direction: column !important;
}

/* Bold Options inside Dropdown */
.custom-dropdown-list a {
  color: #333333 !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 700 !important; /* Bold Features, Pricing, Presenter Login, Customer Login */
  text-align: left !important;
  display: block !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.custom-dropdown-list a:hover {
  background-color: #f8f9fa !important;
  color: #f55a66 !important;
}
/***** Bold Entire Header Navigation Bar *****/
/* Home link */
.custom-nav-item,
.user-nav a.custom-nav-item {
  font-weight: 700 !important;
  color: #333333 !important;
}

/* Ticketing label */
.custom-dropdown-trigger,
.user-nav a.custom-dropdown-trigger {
  font-weight: 700 !important;
  color: #333333 !important;
}

/* User Profile Name (Simon) */
.user-info .dropdown-toggle,
.user-info .dropdown-toggle span,
.user-info button span,
.user-info span.hide-on-mobile {
  font-weight: 700 !important;
  color: #333333 !important;
}

/* Dropdown items (Features, Pricing, Logins) */
.custom-dropdown-list a {
  font-weight: 700 !important;
}
/***** Hide Section Header Title & Description *****/
.section-container .page-header,
.section-header {
  display: none !important;
}
/***** Breadcrumbs Parity Match *****/
.breadcrumbs {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  font-size: 13px !important;
}

.breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove default numbers */
.breadcrumbs li::before {
  content: "" !important;
}

/* Add '>' separator between breadcrumbs */
.breadcrumbs li+li::before {
  content: ">" !important;
  margin: 0 8px !important;
  color: #f55a66 !important;
  font-weight: 400 !important;
}

.breadcrumbs a,
/***** Breadcrumbs Parity Match *****/
.breadcrumbs {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  font-size: 13px !important;
}

.breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove default numbers */
.breadcrumbs li::before {
  content: "" !important;
}

/* Add '>' separator between breadcrumbs */
.breadcrumbs li+li::before {
  content: ">" !important;
  margin: 0 8px !important;
  color: #f55a66 !important;
  font-weight: 400 !important;
}

.breadcrumbs a,
/***** Breadcrumb Alignment & Header Layout *****/
/***** Breadcrumb Alignment & Separator Fix *****/
.breadcrumbs {
  margin: 20px 0 15px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  font-size: 13px !important;
}

.breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Clear list counters */
.breadcrumbs li::before {
  content: none !important;
}

/* Exact arrow separator matching live site */
.breadcrumbs li + li::before {
  content: ">\00a0" !important;
  margin: 0 8px !important;
  color: #f55a66 !important;
  font-weight: 400 !important;
}

.breadcrumbs a,
.breadcrumbs li {
  color: #f55a66 !important;
  text-decoration: none !important;
}

.breadcrumbs a:hover {
  text-decoration: underline !important;
}

/***** Section Header & Follow Button Restore *****/
.section-header,
.page-header {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-top: -25px !important;
  margin-bottom: 20px !important;
  min-height: 35px !important;
}

/* Hide Title & Subtitle without breaking the container */
.section-header .section-subscribe,
.section-header h1,
.page-header h1,
.page-header-description,
.section-header p {
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
}

/* Force Follow Button Visible */
.section-header .subscribe,
.page-header .subscribe,
[data-action="subscribe"],
.subscribe-button {
  visibility: visible !important;
  position: relative !important;
  display: inline-block !important;
  border: 1px solid #f55a66 !important;
  color: #f55a66 !important;
  background-color: #ffffff !important;
  border-radius: 4px !important;
  padding: 6px 18px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.section-header .subscribe:hover,
[data-action="subscribe"]:hover,
.subscribe-button:hover {
  background-color: #f55a66 !important;
  color: #ffffff !important;
}
/***** Search Results Page Styling *****/
/* Remove bullets and default list padding */
.search-results-list,
ul.search-results-list,
.search-result-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/***** Search Results List & Container *****/
.search-results-list,
ul.search-results-list,
.search-results {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Individual Search Result Item */
.search-results-list > li,
.search-results > li,
.search-result {
  list-style: none !important;
  list-style-type: none !important;
  padding: 20px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #e9e9e9 !important; /* Divider lines between results */
  position: relative !important;
}

.search-results-list > li::before,
.search-results > li::before {
  content: none !important;
  display: none !important;
}

/***** Title Link Styling *****/
.search-result-title,
.search-result-title a,
.search-results-list a.search-result-link,
.search-result a {
  color: #f55a66 !important; /* Live red title color */
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.search-result-title a:hover,
.search-result a:hover {
  text-decoration: underline !important;
}

/***** Breadcrumbs & Meta Info Formatting *****/
.search-result-meta,
.search-result-breadcrumbs,
.meta-group,
ul.meta-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 6px 0 !important;
  font-size: 12px !important;
  color: #f55a66 !important;
}

.search-result-meta li,
.search-result-breadcrumbs li,
.meta-group li {
  display: inline-flex !important;
  align-items: center !important;
  list-style: none !important;
  color: #f55a66 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.search-result-meta li::before,
.search-result-breadcrumbs li::before,
.meta-group li::before {
  content: none !important;
}

/* Red '>' Arrow separators between breadcrumb items */
.search-result-breadcrumbs li + li::before,
.meta-group li + li::before {
  content: ">\00a0" !important;
  margin: 0 6px !important;
  color: #f55a66 !important;
  font-weight: 400 !important;
}

.search-result-meta a,
.search-result-breadcrumbs a,
.meta-group a {
  color: #f55a66 !important;
  text-decoration: none !important;
}

/* Author and Date metadata styling */
.search-result-description,
.search-result-body {
  color: #333333 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-top: 6px !important;
}
/***** Live-Matched Search Page Styling *****/
/* Search Results List Reset */
.search-results,
.search-results-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.search-results > li,
.search-results-list > li,
.search-result {
  list-style: none !important;
  border-bottom: 1px solid #ddd !important; /* Live border separator */
  padding: 20px 0 !important;
  margin: 0 !important;
}

.search-results > li::before,
.search-results-list > li::before {
  content: none !important;
}

/* Article Title Links */
.search-result-title,
.search-result-title a {
  color: #f55a66 !important; /* Live brand red color */
  font-size: 16px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.search-result-title a:hover {
  text-decoration: underline !important;
}

/* Breadcrumbs Metadata Block */
.search-result-meta,
.search-result-breadcrumbs,
.meta-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #f55a66 !important;
}

.search-result-meta li,
.search-result-breadcrumbs li,
.meta-group li {
  display: inline-flex !important;
  align-items: center !important;
  list-style: none !important;
  color: #f55a66 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.search-result-meta li::before,
.search-result-breadcrumbs li::before,
.meta-group li::before {
  content: none !important;
}

/* Live Separator Matching: '>' with spacing */
.search-result-breadcrumbs li + li::before,
.meta-group li + li::before {
  content: ">\00a0" !important;
  margin: 0 4px !important;
  color: #f55a66 !important;
  font-weight: 300 !important;
}

.search-result-meta a,
.search-result-breadcrumbs a,
.meta-group a {
  color: #f55a66 !important;
  text-decoration: none !important;
}

/* Excerpt snippet text */
.search-result-description,
.search-result-body {
  color: #333333 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin-top: 6px !important;
}

/* Pagination List Reset */
.pagination {
  display: flex !important;
  list-style: none !important;
  padding: 20px 0 !important;
  margin: 0 !important;
}

.pagination li {
  list-style: none !important;
  margin-right: 8px !important;
}

.pagination li::before {
  content: none !important;
}

.pagination a {
  color: #0072ef !important;
  text-decoration: none !important;
}

.pagination a:hover {
  text-decoration: underline !important;
}
/***** Search Results Page Layout Matching Live *****/
.search-results,
.search-results-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.search-results > li,
.search-results-list > li,
.search-result {
  list-style: none !important;
  border-bottom: 1px solid #e9e9e9 !important;
  padding: 18px 0 !important;
  margin: 0 !important;
}

.search-results > li::before,
.search-results-list > li::before {
  content: none !important;
}

/* Article Title Links */
.search-result-title,
.search-result-title a {
  color: #f55a66 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.search-result-title a:hover {
  text-decoration: underline !important;
}

/* Metadata Container */
.search-result-meta,
.search-result-breadcrumbs,
.meta-group {
  display: block !important;
  margin: 4px 0 8px 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  color: #f55a66 !important;
}

.search-result-meta li,
.search-result-breadcrumbs li,
.meta-group li {
  display: inline !important;
  list-style: none !important;
  color: #f55a66 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.search-result-meta li::before,
.search-result-breadcrumbs li::before,
.meta-group li::before {
  content: none !important;
}

/* Breadcrumb Arrows (Only between category/section path links) */
.search-result-breadcrumbs li + li::before,
.meta-group li + li::before {
  content: " > " !important;
  color: #f55a66 !important;
}

/* Metadata elements (Author / Date) styling */
.search-result-meta .meta-data,
.meta-group .meta-data,
.search-result-meta time,
.meta-group time {
  color: #888888 !important;
  font-weight: 300 !important;
}

/* Dot separator before author/time */
.search-result-meta .meta-data::before,
.meta-group .meta-data::before {
  content: " · " !important;
  color: #888888 !important;
}

/* Snippet excerpt text */
.search-result-description,
.search-result-body {
  color: #333333 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-top: 4px !important;
}
/***** Live-Matched Search Page Spacing & Typography *****/

/* Search Result Item Container */
.search-results > li,
.search-results-list > li,
.search-result {
  list-style: none !important;
  border-bottom: 1px solid #eeeeee !important;
  padding: 16px 0 18px 0 !important;
  margin: 0 !important;
}

/* Article Title Links */
.search-result-title,
.search-result-title a {
  color: #f55a66 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  margin: 0 0 4px 0 !important;
  display: inline-block !important;
}

.search-result-title a:hover {
  text-decoration: underline !important;
}

/* Breadcrumbs & Metadata Bar */
.search-result-meta,
.search-result-breadcrumbs,
.meta-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 2px 0 6px 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.search-result-meta li,
.search-result-breadcrumbs li,
.meta-group li {
  display: inline-flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.search-result-meta li::before,
.search-result-breadcrumbs li::before,
.meta-group li::before {
  content: none !important;
}

/* Breadcrumb Category Links (Red) */
.search-result-breadcrumbs a,
.meta-group a {
  color: #f55a66 !important;
  text-decoration: none !important;
}

.search-result-breadcrumbs a:hover,
.meta-group a:hover {
  text-decoration: underline !important;
}

/* Arrow Separator (>) between breadcrumb categories */
.search-result-breadcrumbs li + li::before,
.meta-group li + li::before {
  content: ">" !important;
  color: #f55a66 !important;
  margin: 0 6px !important;
  font-size: 11px !important;
}

/* Author & Date (Muted Gray Text like Live Page) */
.search-result-meta .meta-data,
.meta-group .meta-data,
.search-result-meta time,
.meta-group time,
.search-result-meta li:last-child {
  color: #888888 !important;
  font-weight: 300 !important;
}

/* Dot Separator (·) before Author/Date */
.search-result-meta .meta-data::before,
.meta-group .meta-data::before {
  content: "·" !important;
  color: #888888 !important;
  margin: 0 6px !important;
}

/* Snippet Excerpt Text */
.search-result-description,
.search-result-body {
  color: #333333 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 4px 0 0 0 !important;
}
/* Horizontal Pagination Bar */
.pagination,
ul.pagination {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  list-style: none !important;
  padding: 20px 0 !important;
  margin: 0 !important;
  gap: 12px !important;
}

.pagination li {
  display: inline-block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pagination li::before {
  content: none !important;
}

.pagination a,
.pagination span {
  color: #0072ef !important;
  text-decoration: none !important;
  font-size: 14px !important;
  padding: 4px 8px !important;
}

.pagination a:hover {
  text-decoration: underline !important;
}
/***** Hide Community Section Completely *****/
.search-results-community,
.community-results,
section.search-results-column:has(a[href*="community"]),
div:has(> h2:contains("Community")),
.search-results-list + h2,
.search-results-list + div {
  display: none !important;
}

/* Fallback target to hide Community text block if structural selectors differ */
#main-content section:nth-of-type(2),
.search-results-container > section:last-of-type {
  display: none !important;
}


/***** Live-Matched Pagination Styling *****/
.pagination,
ul.pagination,
nav.pagination {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  list-style: none !important;
  padding: 30px 0 !important;
  margin: 0 !important;
  gap: 16px !important;
}

.pagination li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pagination li::before {
  content: none !important;
}

/* All default page numbers, arrows, and links (Muted Gray Text) */
.pagination a,
.pagination span,
.pagination li {
  color: #555555 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: all 0.2s ease !important;
}

/* Hover state for inactive page numbers */
.pagination a:hover {
  color: #f55a66 !important;
  background-color: #f9f9f9 !important;
}

/* Active Page Number (Red Circle with White Text) */
.pagination .pagination-current,
.pagination li.current,
.pagination li.active,
.pagination li[aria-current="page"],
.pagination span[aria-current="page"],
.pagination .current span,
.pagination .active a {
  background-color: #f55a66 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 50% !important;
}
/***** Live Search Header & Search Bar Layout *****/

/* Align Sub-Nav Header and Search Bar to Right */
.sub-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

.sub-nav .search-container,
.sub-nav form[role="search"] {
  max-width: 260px !important;
  margin: 0 !important;
}

/* Page Header Title ("Search results") */
.page-header {
  margin-bottom: 24px !important;
  text-align: left !important;
}

.page-header h1 {
  font-size: 32px !important;
  font-weight: 400 !important;
  color: #222222 !important;
  margin: 0 0 6px 0 !important;
}

/* Page Header Description ("675 results for...") */
.page-header-description {
  font-size: 14px !important;
  font-style: italic !important;
  color: #555555 !important;
  margin: 0 !important;
}

/* Title & Vote Count Inline Alignment */
.search-result-title-container {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Thumbs Up Icon and Vote Count */
.search-result-votes {
  color: #f55a66 !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
}

.search-result-votes .vote-icon {
  font-size: 12px !important;
}
/* Tighten spacing between search result title and breadcrumb metadata */
.search-result-title-container {
  margin-bottom: 2px !important;
}

.search-result-link {
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}

ul.meta-group {
  margin-top: 2px !important;
  padding-top: 0 !important;
}

.search-result-breadcrumbs {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}
/* Force display of Page Header and Result Count */
header.page-header,
.page-header {
  display: block !important;
  visibility: visible !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  text-align: left !important;
}

/* "Search results" Heading */
.page-header h1,
h1.search-results-heading {
  display: block !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: #222222 !important;
  margin: 0 0 6px 0 !important;
}

/* "675 results for..." Description Text */
.page-header-description,
p.page-header-description {
  display: block !important;
  font-size: 14px !important;
  font-style: italic !important;
  color: #555555 !important;
  margin: 0 !important;
}
/* Ensure Page Header and Result Counter Display Correctly */
header.page-header,
.page-header {
  display: block !important;
  visibility: visible !important;
  margin-top: 15px !important;
  margin-bottom: 20px !important;
  text-align: left !important;
}

.page-header h1 {
  display: block !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: #222222 !important;
  margin: 0 0 6px 0 !important;
}

.page-header-description {
  display: block !important;
  font-size: 14px !important;
  font-style: italic !important;
  color: #555555 !important;
  margin: 0 !important;
}
/***** Search Results Page Layout *****/

/* Move sub-nav breadcrumbs left and search bar top right */
.sub-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 24px !important;
}

.sub-nav .search-container,
.sub-nav form[role="search"] {
  max-width: 240px !important;
  margin: 0 !important;
}

/* Main Heading ("Search results") */
.page-header {
  margin-top: 10px !important;
  margin-bottom: 24px !important;
  text-align: left !important;
}

.page-header h1,
h1.search-results-heading {
  display: block !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: #222222 !important;
  margin: 0 0 4px 0 !important;
}

/* Result Count Text ("675 results for...") */
.page-header-description {
  display: block !important;
  font-size: 14px !important;
  font-style: italic !important;
  color: #666666 !important;
  margin: 0 0 20px 0 !important;
}

/* Section Header ("Knowledge base") */
.search-results-subheading {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  padding-bottom: 8px !important;
}

/* Article Title & Vote Outline Alignment */
.search-result-title-container {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 2px !important;
}

.search-result-link {
  font-size: 15px !important;
  color: #f55a66 !important;
  text-decoration: none !important;
  margin-bottom: 0 !important;
}

.search-result-link:hover {
  text-decoration: underline !important;
}

/* Outlined Thumbs-Up Icon and Red Vote Number */
.search-result-votes {
  color: #f55a66 !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
}

.search-result-votes .vote-icon {
  font-size: 12px !important;
  opacity: 0.8 !important;
}

/* Breadcrumbs Metadata Line directly beneath title */
ul.meta-group {
  margin-top: 2px !important;
  margin-bottom: 8px !important;
  padding-top: 0 !important;
}

.search-result-breadcrumbs {
  margin: 0 !important;
  padding: 0 !important;
}

.search-result-breadcrumbs li,
.search-result-breadcrumbs li a,
ul.meta-group li {
  color: #f55a66 !important;
  font-size: 13px !important;
}

/* Snippet Body Text */
.search-result-description {
  color: #333333 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin-top: 6px !important;
  margin-bottom: 20px !important;
}
/***** Search Results Fixes *****/
.search-results-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.search-result {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.search-result-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 2px !important;
  line-height: 1.2 !important;
}

.search-result-link {
  color: rgba(245, 90, 102, 1);
  text-decoration: none;
}

.search-result-link:hover {
  text-decoration: underline;
}

.search-result-breadcrumbs,
ul.meta-group {
  margin-top: 2px !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.search-result-breadcrumbs li,
ul.meta-group li {
  font-size: 13px;
  color: #666;
}

.search-result-breadcrumbs a,
ul.meta-group a {
  color: #666;
  text-decoration: none;
}

.search-result-breadcrumbs a:hover,
ul.meta-group a:hover {
  text-decoration: underline;
}

.search-result-description {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
}
/************************************************
 * SEARCH RESULTS
 ************************************************/

/************************************************
 * YAPSODY SEARCH RESULTS - FINAL OVERRIDE
 ************************************************/

/* ---------------------------------------------
   SEARCH PAGE CONTAINER
--------------------------------------------- */

.search-results {
  margin-top: 0 !important;
}

.search-results-column {
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
  min-width: 0 !important;
}


/* ---------------------------------------------
   SEARCH HEADER
--------------------------------------------- */

.search-results-header {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

.search-results-title {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

.search-results-count {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 300 !important;
}


/* ---------------------------------------------
   KNOWLEDGE BASE
--------------------------------------------- */

.search-results-label {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}


/* ---------------------------------------------
   RESULTS LIST
--------------------------------------------- */

.search-results-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ---------------------------------------------
   EACH RESULT
--------------------------------------------- */

.search-result {
  border-bottom: 1px solid #ddd !important;
  margin: 0 !important;
  padding: 15px 0 !important;
}

.search-result:first-child {
  padding-top: 10px !important;
}


/* ---------------------------------------------
   RESULT TITLE
--------------------------------------------- */

.search-result-title {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

.search-result-title a {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}

.search-result-title a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}


/* ---------------------------------------------
   RESULT BREADCRUMBS
--------------------------------------------- */

.search-result-breadcrumbs {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

.search-result-breadcrumbs li {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}


/* ---------------------------------------------
   RESULT DESCRIPTION
--------------------------------------------- */

.search-result-description {
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}


/* ---------------------------------------------
   SEARCH TOP NAV
--------------------------------------------- */

.search-results-sub-nav {
  margin-bottom: 20px !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}


/* ---------------------------------------------
   MOBILE
--------------------------------------------- */

@media (max-width: 767px) {

  .search-results-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .search-results-title {
    font-size: 28px !important;
  }

  .search-result {
    padding: 14px 0 !important;
  }

}
/************************************************
 * YAPSODY SEARCH RESULTS
 ************************************************/

/* ---------------------------------------------
   SEARCH PAGE
--------------------------------------------- */

.search-results {
  margin-top: 0 !important;
}

.search-results-sub-nav {
  margin-bottom: 20px !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}


/* ---------------------------------------------
   RESULTS COLUMN
--------------------------------------------- */

.search-results-column {
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
  min-width: 0 !important;
}


/* ---------------------------------------------
   SEARCH HEADER
--------------------------------------------- */

.search-results-header {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

.search-results-title {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

.search-results-count {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 300 !important;
}


/* ---------------------------------------------
   KNOWLEDGE BASE
--------------------------------------------- */

.search-results-label {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}


/* ---------------------------------------------
   RESULTS LIST
--------------------------------------------- */

.search-results-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ---------------------------------------------
   INDIVIDUAL RESULT
--------------------------------------------- */

.search-result {
  border-bottom: 1px solid #ddd !important;
  margin: 0 !important;
  padding: 12px 0 !important;
}

.search-result:first-child {
  padding-top: 6px !important;
}


/* ---------------------------------------------
   RESULT TITLE
--------------------------------------------- */

.search-result-title {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

.search-result-title a {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}

.search-result-title a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}


/* ---------------------------------------------
   RESULT BREADCRUMB
--------------------------------------------- */

/*
   IMPORTANT:
   This is intentionally NOT using the global
   .breadcrumbs class.
*/

/************************************************
 * SEARCH RESULT PATH - MATCH LIVE PAGE
 ************************************************/

.search-result-breadcrumbs {
  display: block !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;

  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 300 !important;

  white-space: normal !important;
}

.search-result-breadcrumb-item {
  display: inline !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 300 !important;

  vertical-align: baseline !important;
}

.search-result-breadcrumb-item a {
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 300 !important;
}

.search-result-breadcrumb-item + .search-result-breadcrumb-item::before {
  content: ">" !important;
  display: inline !important;

  margin: 0 5px !important;

  color: #999 !important;

  font-size: 11px !important;
  font-weight: 300 !important;
}


/* ---------------------------------------------
   RESULT DESCRIPTION
--------------------------------------------- */

.search-result-description {
  margin: 5px 0 0 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: #333333 !important;
}


/* ---------------------------------------------
   NO RESULTS
--------------------------------------------- */

.search-no-results {
  margin: 0 !important;
  padding: 15px 0 !important;
}

.search-no-results h2 {
  margin: 0 0 8px 0 !important;
}

.search-no-results p {
  margin: 0 !important;
}


/* ---------------------------------------------
   MOBILE
--------------------------------------------- */

@media (max-width: 767px) {

  .search-results-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .search-results-title {
    font-size: 28px !important;
  }

  .search-result {
    padding: 12px 0 !important;
  }

}
/************************************************
 * SEARCH RESULTS - BREADCRUMB ALIGNMENT
 ************************************************/

.search-results-sub-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 15px !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

/* Keep breadcrumb aligned with search content */
.search-results-sub-nav .breadcrumbs {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

/* Keep breadcrumb items on the same line */
.search-results-sub-nav .breadcrumbs li {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  vertical-align: middle !important;
}

/* Consistent > spacing */
.search-results-sub-nav .breadcrumbs li + li::before {
  content: ">" !important;
  margin: 0 6px !important;
}

/* Search box */
.search-results-sub-nav .search-container {
  margin: 0 !important;
}


/************************************************
 * SPACE BETWEEN BREADCRUMB AND SEARCH HEADING
 ************************************************/

.search-results-header {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}
/************************************************
 * SEARCH RESULTS - BREADCRUMB FINAL FIX
 ************************************************/

/* Breadcrumb container */
/************************************************
 * SEARCH RESULTS - FINAL TOP ALIGNMENT
 ************************************************/

.search-results-sub-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  /* Give the breadcrumb/search row enough height */
  min-height: 50px !important;
  height: 50px !important;

  /* Space below the row */
  margin-bottom: 30px !important;

  padding: 0 !important;
}


/* ---------------------------------------------
   TOP BREADCRUMB
--------------------------------------------- */

.search-results-sub-nav .breadcrumbs {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  height: auto !important;
  line-height: 20px !important;
}

.search-results-sub-nav .breadcrumbs li {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 13px !important;
  line-height: 20px !important;
  vertical-align: middle !important;
}

.search-results-sub-nav .breadcrumbs li + li::before {
  content: ">" !important;
  display: inline-block !important;
  margin: 0 6px !important;
  color: #999 !important;
  vertical-align: middle !important;
}


/* ---------------------------------------------
   SEARCH BOX
--------------------------------------------- */

.search-results-sub-nav .search-container {
  margin: 0 !important;
  padding: 0 !important;
}


/* ---------------------------------------------
   SEARCH RESULTS HEADER
--------------------------------------------- */

.search-results-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/************************************************
 * SEARCH RESULTS - BREADCRUMB FINAL
 ************************************************/

/* Keep the breadcrumb and search box in one row */
.search-results-sub-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 50px !important;
  height: 50px !important;

  margin: 0 0 30px 0 !important;
  padding: 0 !important;
}


/* ---------------------------------------------
   BREADCRUMB
--------------------------------------------- */

.search-results-sub-nav .breadcrumbs {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  height: 20px !important;
  line-height: 20px !important;

  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}


/* Breadcrumb items */
.search-results-sub-nav .breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 13px !important;
  line-height: 20px !important;

  white-space: nowrap !important;
  vertical-align: middle !important;
}


/* Breadcrumb links */
.search-results-sub-nav .breadcrumbs li a {
  display: inline !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 20px !important;
  white-space: nowrap !important;
}


/* > separator */
.search-results-sub-nav .breadcrumbs li + li::before {
  content: ">" !important;

  display: inline-block !important;

  margin: 0 7px !important;
  padding: 0 !important;

  color: #999 !important;

  font-size: 13px !important;
  line-height: 20px !important;

  vertical-align: middle !important;
}


/* ---------------------------------------------
   SEARCH BOX
--------------------------------------------- */

.search-results-sub-nav .search-container {
  flex-shrink: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ---------------------------------------------
   SEARCH RESULTS HEADER
--------------------------------------------- */

.search-results-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* =========================================
   ARTICLE HEADER - MATCH LIVE YAPSODY
   ========================================= */

.article-header {
  position: relative !important;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
}

/* Article title */
.article-title {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

/* Author area */
.article-author {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article-avatar {
  margin-right: 12px !important;
}

.article-avatar .user-avatar {
  width: 38px !important;
  height: 38px !important;
}

.article-meta {
  margin: 0 !important;
  padding: 0 !important;
}

.article-meta > a {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.article-meta .meta-group {
  display: flex !important;
  align-items: center !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
}

.article-meta .meta-data {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Follow button */
.article-header > .follow,
.article-header .article-subscribe {
  position: absolute !important;
  right: 0 !important;
  top: 65px !important;
}

/* Keep the article content below the header */
.article-info {
  margin-top: 0 !important;
}
/* =========================================
   ARTICLE PAGE - LIVE PAGE LAYOUT
   ========================================= */

body.article-page .container,
.article-page .container {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Article wrapper */
.article-container {
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Remove the sidebar space completely */
.article-container .article-sidebar {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Article */
.article-container .article {
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Article header */
.article-container .article-header {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
}

/* Title */
.article-container .article-title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;

  font-size: 30px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: #111 !important;
}

/* Author row */
.article-container .article-author {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Avatar */
.article-container .article-avatar {
  flex: 0 0 auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 12px 0 0 !important;
  padding: 0 !important;
}

.article-container .article-avatar .user-avatar {
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
}

/* Author information */
.article-container .article-meta {
  margin: 0 !important;
  padding: 0 !important;
}

.article-container .article-meta > a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.article-container .article-meta .meta-group {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article-container .article-meta .meta-data {
  font-size: 13px !important;
  line-height: 18px !important;
}

/* Follow button */
.article-container .article-header > .follow,
.article-container .article-header > .article-subscribe {
  position: absolute !important;
  right: 0 !important;
  top: 62px !important;
  margin: 0 !important;
}

/* Article information */
.article-container .article-info {
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Article content */
.article-container .article-content {
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Article body */
.article-container .article-body {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #111 !important;
}

/* First paragraph */
.article-container .article-body > p:first-child {
  margin-top: 0 !important;
}

/* Horizontal rule */
.article-container .article-body hr {
  margin: 18px 0 !important;
}

/* Desktop */
@media (min-width: 768px) {
  .article-container {
    max-width: 1100px !important;
  }

  .article-container .article {
    max-width: 1100px !important;
  }
}
/* =========================================
   ARTICLE PAGE - VERTICAL ALIGNMENT
   ========================================= */

.article-page .container {
  padding-top: 16px !important;
}
.article-container {
  margin-top: 16px !important;
}
/* Match live article page vertical spacing */

body:has(.article-container) .sub-nav {
  margin-top: 16px !important;
  margin-bottom: 30px !important;
}

body:has(.article-container) .article-container {
  margin-top: 0 !important;
}
/* Fine-tune article page position to match live */
.article-container {
  padding-top: 8px !important;
}
/* =========================================
   ARTICLE AUTHOR + FOLLOW BUTTON
   Match Live Page
   ========================================= */

/* Author name */
.article-meta > a {
  color: rgba(245, 90, 102, 1) !important;
}

/* Date / Updated row */
.article-meta .meta-group {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.article-meta .meta-data {
  margin-left: 0 !important;
}

/* Follow button */
.article-header .follow,
.article-header .article-subscribe {
  position: absolute !important;
  right: 0 !important;
  top: 62px !important;
  margin: 0 !important;
}

/* Follow link/button */
.article-header .follow a,
.article-header .article-subscribe a,
.article-header a.follow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 76px !important;
  height: 32px !important;
  padding: 0 14px !important;

  border: 1px solid rgba(245, 90, 102, 1) !important;
  border-radius: 4px !important;

  background: transparent !important;
  color: rgba(245, 90, 102, 1) !important;

  font-size: 14px !important;
  line-height: 30px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.article-header .follow a:hover,
.article-header .article-subscribe a:hover,
.article-header a.follow:hover {
  background: transparent !important;
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}
/* =========================================
   ARTICLE FOLLOW BUTTON
   ========================================= */

.article-header {
  position: relative !important;
}

.article-follow {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Style the actual generated subscribe element */
.article-follow a,
.article-follow button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 76px !important;
  height: 32px !important;
  padding: 0 14px !important;

  box-sizing: border-box !important;

  border: 1px solid rgba(245, 90, 102, 1) !important;
  border-radius: 4px !important;

  background: transparent !important;
  color: rgba(245, 90, 102, 1) !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;

  text-decoration: none !important;
}

.article-follow a:hover,
.article-follow button:hover {
  background: transparent !important;
  color: rgba(245, 90, 102, 1) !important;
  border-color: rgba(245, 90, 102, 1) !important;
}
/* Fix article metadata separator */
.article-meta .meta-group li:first-child::before {
  display: none !important;
  content: none !important;
}
/* =========================================
   ARTICLE HELPFUL VOTING
   ========================================= */

.article-votes {
  display: block !important;
  width: 100% !important;
  margin: 30px 0 0 0 !important;
  padding: 30px 0 !important;
  border-top: 1px solid #ddd !important;
  text-align: center !important;
}

.article-votes-question {
  display: block !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;

  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

.article-votes-controls {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Yes / No buttons */
.article-votes-controls .article-vote {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 70px !important;
  min-width: 70px !important;
  height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  border: 1px solid rgba(245, 90, 102, 1) !important;
  border-radius: 4px !important;

  background: #fff !important;
  color: rgba(245, 90, 102, 1) !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 30px !important;

  text-decoration: none !important;
}

/* Templating API v1: the vote helper creates empty links */
.article-votes-controls .article-vote-up::before {
  content: "Yes" !important;
}

.article-votes-controls .article-vote-down::before {
  content: "No" !important;
}

.article-votes-controls .article-vote:hover {
  background: #fff !important;
  color: rgba(245, 90, 102, 1) !important;
  border-color: rgba(245, 90, 102, 1) !important;
}
/* =========================================
   ARTICLE SOCIAL SHARE
   ========================================= */

.article-share {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article-share ul.share {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article-share ul.share li {
  display: flex !important;
  align-items: center !important;

  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article-share ul.share li::before {
  display: none !important;
  content: none !important;
}

.article-share ul.share li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 24px !important;
  height: 24px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  border: 1px solid #999 !important;
  border-radius: 50% !important;

  background: #fff !important;
  color: #666 !important;

  font-size: 0 !important;
  line-height: 22px !important;

  text-decoration: none !important;
}

/* Facebook */
.article-share ul.share li a.share-facebook::before {
  content: "f" !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Twitter */
.article-share ul.share li a.share-twitter::before {
  content: "𝕏" !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* LinkedIn */
.article-share ul.share li a.share-linkedin::before {
  content: "in" !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.article-share ul.share li a:hover {
  background: #fff !important;
  color: #666 !important;
  text-decoration: none !important;
}
/* =========================================
   ARTICLE RELATED ARTICLES
   Match Live Page
   ========================================= */

.article-relatives {
  border-top: 1px solid #ddd !important;
  padding: 40px 0 20px 0 !important;
  margin: 0 !important;
}

.article-relatives h3 {
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
}

.article-relatives ul {
  margin: 0 !important;
  padding-left: 20px !important;
}

.article-relatives li {
  margin-bottom: 15px !important;
  line-height: 1.4 !important;
}

.article-relatives li:last-child {
  margin-bottom: 0 !important;
}
/* =========================================
   ARTICLE COMMENTS
   Match Live Page
   ========================================= */

.article-comments {
  border-top: 1px solid #ddd !important;
  margin-top: 20px !important;
  padding-top: 20px !important;
}

.article-comments .comment-heading {
  margin: 0 0 15px 0 !important;
}

.article-comments .comment-callout {
  margin: 0 0 20px 0 !important;
}
/* =========================================
   ARTICLE FOOTER LINKS - RED
   ========================================= */

.article-more-questions a,
.article-relatives a {
  color: rgba(245, 90, 102, 1) !important;
}

.article-more-questions a:hover,
.article-relatives a:hover {
  color: rgba(245, 90, 102, 1) !important;
}
/* =========================================
   SECTION PAGE BREADCRUMB ALIGNMENT
   ========================================= */

.sub-nav .breadcrumbs {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
}

.sub-nav .breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
}

.sub-nav .breadcrumbs li a {
  display: inline-flex !important;
  align-items: center !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
}

.sub-nav .breadcrumbs li + li::before {
  content: ">" !important;
  display: inline-flex !important;
  align-items: center !important;

  height: 20px !important;
  margin: 0 8px !important;
  padding: 0 !important;

  color: #333333 !important;
  font-size: 13px !important;
  line-height: 20px !important;

  position: static !important;
  vertical-align: middle !important;
}
/* =========================================
   SECTION PAGE HEADER - FINAL
   ========================================= */

.section-container .page-header {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 70px !important;
  margin: 30px 0 35px 0 !important;
  padding: 0 !important;
}

.section-container .page-header .header-title-wrapper {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  flex: 1 1 auto !important;
}

.section-container .page-header .header-title-wrapper h1 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;

  color: #111 !important;
  font-size: 30px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
}

.section-container .page-header .page-header-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #666 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-style: italic !important;
}

.section-container .page-header .section-subscribe {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================
   SECTION PAGE - HEADER ALIGNMENT
   ========================================= */

.section-container .page-header {
  display: flex !important;
  position: relative !important;
  align-items: flex-start !important;
  justify-content: space-between !important;

  width: 860px !important;
  max-width: 860px !important;

  margin: 30px auto 10px auto !important;
  padding: 0 !important;

  min-height: 75px !important;
}

.section-container .header-title-wrapper {
  display: block !important;
  position: relative !important;

  width: auto !important;
  max-width: 700px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.section-container .header-title-wrapper h1 {
  display: block !important;
  position: relative !important;

  margin: 0 0 10px 0 !important;
  padding: 0 !important;

  width: auto !important;
  height: auto !important;

  font-size: 30px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;

  color: #111 !important;
}

.section-container .header-title-wrapper .page-header-description {
  display: block !important;
  position: relative !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 15px !important;
  line-height: 1.5 !important;
  font-style: italic !important;

  color: #666 !important;
}

.section-container .section-subscribe {
  display: block !important;
  position: relative !important;

  flex: 0 0 auto !important;

  margin: 5px 0 0 0 !important;
  padding: 0 !important;
}
/* =========================================
   SECTION PAGE - DIRECT ARTICLE LIST
   ========================================= */

.section-container > .article-list {
  width: 860px !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
/* =========================================
   SECTION PAGE - FOLLOW BUTTON
   Match Article Page / Live Page
   ========================================= */

.section-subscribe {
  margin: 0 !important;
  padding: 0 !important;
}

.section-subscribe .dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 76px !important;
  height: 32px !important;
  padding: 0 14px !important;

  box-sizing: border-box !important;

  border: 1px solid rgba(245, 90, 102, 1) !important;
  border-radius: 4px !important;

  background: #fff !important;
  color: rgba(245, 90, 102, 1) !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;

  text-decoration: none !important;

  outline: none !important;
  box-shadow: none !important;
}

/* Hover */
.section-subscribe .dropdown-toggle:hover {
  background: #fff !important;
  color: rgba(245, 90, 102, 1) !important;
  border-color: rgba(245, 90, 102, 1) !important;
}

/* Focus / clicked state */
.section-subscribe .dropdown-toggle:focus,
.section-subscribe .dropdown-toggle:active,
.section-subscribe .dropdown-toggle:focus-visible {
  background: #fff !important;
  color: rgba(245, 90, 102, 1) !important;
  border: 1px solid rgba(245, 90, 102, 1) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Dropdown arrow */
.section-subscribe .dropdown-toggle::after {
  color: rgba(245, 90, 102, 1) !important;
}

/* Follow dropdown menu */
.section-subscribe .dropdown-menu {
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* Dropdown options */
.section-subscribe .dropdown-menu a,
.section-subscribe .dropdown-menu button {
  color: #333333 !important;
  background: #fff !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

/* Dropdown option hover */
.section-subscribe .dropdown-menu a:hover,
.section-subscribe .dropdown-menu button:hover {
  color: #333333 !important;
  background: #f5f5f5 !important;
}
/* =========================================
/* =========================================
  /* =========================================
/* =========================================
/* =========================================
   SECTION PAGE - FOLLOW BUTTON
   ========================================= */

.section-container {
  position: relative !important;
}

.section-container .section-subscribe {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Follow button - centered below search box */
.section-container .section-subscribe {
  position: absolute !important;
  top: -7px !important;
  right: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Follow button appearance */
.section-container .section-subscribe a,
.section-container .section-subscribe button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 68px !important;
  height: 32px !important;
  padding: 0 12px !important;

  box-sizing: border-box !important;

  border: 1px solid rgba(245, 90, 102, 1) !important;
  border-radius: 4px !important;

  background: transparent !important;
  color: rgba(245, 90, 102, 1) !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;

  text-decoration: none !important;
}
/* =========================================
   SECTION FOLLOW DROPDOWN
   Match Live Page
   ========================================= */

.section-container .section-subscribe .dropdown-menu a {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 10px 16px !important;

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

  background: transparent !important;
  color: #333333 !important;

  font-size: 14px !important;
  line-height: 20px !important;

  text-decoration: none !important;
  box-sizing: border-box !important;
}

.section-container .section-subscribe .dropdown-menu a:hover {
  background: #f5f5f5 !important;
  color: #333333 !important;
  text-decoration: none !important;
}
/* Move section Follow button to the right */
.section-subscribe {
  margin-left: auto !important;
  text-align: right !important;
}
/* =========================================
   SECTION PAGE - FOLLOW BUTTON POSITION
   ========================================= */

.section-container .page-header {
  position: relative !important;
}

.section-container .page-header .section-subscribe {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================
   SECTION PAGE - FOLLOW POSITION
   ========================================= */

.section-container .page-header {
  position: relative !important;
}

.section-container .section-subscribe {
  position: absolute !important;
  right: 0 !important;
  top: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================
   SECTION PAGE - FINAL TOP SPACING
   ========================================= */

/* Give breadcrumb + search more space below main header */
body:not(:has(.article-container)) .sub-nav {
  margin-top: 22px !important;
  margin-bottom: 2px !important;
}

/* Keep Follow aligned with the section title */
.section-container .page-header {
  position: relative !important;
}

.section-container .page-header .section-subscribe {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================
   HOMEPAGE - AUDIENCE CARDS
   ========================================= */

.blocks-list {
  gap: 24px !important;
}

.blocks-list .blocks-item {
  border: 1px solid #e1e5e9 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.2s ease !important;
  min-height: 160px !important;
}

.blocks-list .blocks-item-link {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 160px !important;
  padding: 28px 32px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  text-decoration: none !important;
}

.blocks-list .blocks-item-title {
  margin: 0 0 12px 0 !important;
  font-size: 21px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: #111827 !important;
}

.blocks-list .blocks-item-description {
  max-width: 430px !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #64748b !important;
}

/* Subtle arrow indicating the card is clickable */
.blocks-list .blocks-item-link::after {
  content: "→" !important;
  display: block !important;
  margin-top: 16px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: rgba(245, 90, 102, 1) !important;
  opacity: 0.75 !important;
  transition: transform 0.2s ease !important;
}

/* Hover effect */
.blocks-list .blocks-item:hover {
  border-color: rgba(245, 90, 102, 1) !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.10) !important;
  transform: translateY(-2px) !important;
}

.blocks-list .blocks-item:hover .blocks-item-link::after {
  transform: translateX(4px) !important;
  opacity: 1 !important;
}
/* =========================================
   HEADER - HOME / TICKETING ALIGNMENT
   ========================================= */

.user-nav {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

.user-nav > * {
  margin: 0 !important;
}

.user-nav a {
  padding: 0 !important;
  line-height: 32px !important;
}

.user-info {
  margin-left: 4px !important;
}
/* =========================================
   TICKETING DROPDOWN - ALIGNMENT
   ========================================= */

.custom-dropdown-list {
  padding: 6px 0 !important;
}

.custom-dropdown-list a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 9px 16px !important;
  margin: 0 !important;
  text-align: left !important;
  line-height: 20px !important;
}
/* =========================================
   USER PROFILE DROPDOWN - ALIGNMENT
   ========================================= */

.user-info {
  position: relative !important;
}

.user-info .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  min-width: 170px !important;
  margin-top: 8px !important;
  padding: 6px 0 !important;
  background: #ffffff !important;
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  z-index: 99999 !important;
}

.user-info .dropdown-menu a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 9px 16px !important;
  margin: 0 !important;
  text-align: left !important;
  color: #333333 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  text-decoration: none !important;
}

.user-info .dropdown-menu a:hover {
  background: #f8f9fa !important;
  color: #f55a66 !important;
}
/* =========================================
   SECTION ARTICLE LIST - CLEAN REFINEMENT
   ========================================= */

.section-container .article-list-item {
  padding: 14px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.section-container .article-list-item a {
  color: #2f3941 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
}

.section-container .article-list-item a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}
/* =========================================
   SECTION PAGE - REDUCE TITLE TO ARTICLE GAP
   ========================================= */

.section-container .page-header {
  min-height: 55px !important;
  margin-bottom: 15px !important;
}
/* =========================================
   SECTION PAGE - TIGHTEN TITLE TO ARTICLE LIST
   ========================================= */

.section-container .page-header {
  margin-bottom: 0 !important;
}
/* =========================================
   SECTION PAGE - REDUCE HEADER TO CONTENT GAP
   ========================================= */

.section-container .sub-nav {
  margin-top: 12px !important;
}
/* Reduce header-to-breadcrumb spacing on section pages only */
body:has(.section-container) .sub-nav {
  margin-top: 12px !important;
}
/* =========================================
   HOMEPAGE - REDUCE HERO TO AUDIENCE CARDS GAP
   ========================================= */

.knowledge-base {
  margin-top: 25px !important;
}
/* =========================================
   SECTION PAGE - DESCRIPTION SPACING
   ========================================= */

.section-container .header-title-wrapper .page-header-description {
  margin-bottom: 24px !important;
}
/* =========================================
   ARTICLE PAGE - BODY TEXT & IMAGE SIZING
   ========================================= */

.article-container .article-body {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.article-container .article-body img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}
/* =========================================
   ARTICLE PAGE - RELATED ARTICLES
   ========================================= */

.article-relatives ul li a {
  color: #f55a66 !important;
  text-decoration: none !important;
}

.article-relatives ul li a:hover {
  color: #f55a66 !important;
  text-decoration: underline !important;
}
/* =========================================
   RELATED ARTICLES - FORCE YAPSODY RED
   ========================================= */

.article-relatives a,
.article-relatives a:link,
.article-relatives a:visited,
.article-relatives a:hover,
.article-relatives a:active {
  color: #f55a66 !important;
  text-decoration: none !important;
}
/* =========================================
   RELATED ARTICLES - FORCE RED LINKS
   ========================================= */

.article-relatives ul li a,
.article-relatives ul li a:link,
.article-relatives ul li a:visited,
.article-relatives ul li a:hover,
.article-relatives ul li a:active {
  color: #f55a66 !important;
  text-decoration: underline !important;
}
/* =========================================
   ARTICLE CONTENT LINKS - YAPSODY RED
   ========================================= */

.article-container .article-body a,
.article-container .article-body a:link,
.article-container .article-body a:visited,
.article-container .article-body a:hover,
.article-container .article-body a:active {
  color: #f55a66 !important;
  text-decoration: underline !important;
}
/* =========================================
   SUBMIT A REQUEST - FORM WIDTH
   ========================================= */

.form {
  width: 610px !important;
  max-width: 610px !important;
  margin: 0 !important;
}
/* =========================================
   SUBMIT A REQUEST - SUBJECT FIELD WIDTH
   ========================================= */

.form input[type="text"] {
  width: 610px !important;
  max-width: 610px !important;
  box-sizing: border-box !important;
}
/* =========================================
   SUBMIT A REQUEST - DESCRIPTION FIELD
   ========================================= */

.form textarea {
  display: block !important;
  width: 610px !important;
  max-width: 610px !important;
  min-height: 140px !important;
  height: 140px !important;
  box-sizing: border-box !important;
  margin-top: 6px !important;
}
/* =========================================
   SUBMIT A REQUEST - SUBMIT BUTTON
   ========================================= */

.form input[type="submit"],
.form button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 160px !important;
  height: 38px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(245, 90, 102, 1) !important;
  border-radius: 4px !important;
  background: rgba(245, 90, 102, 1) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 36px !important;
  cursor: pointer !important;
}

.form input[type="submit"]:hover,
.form button[type="submit"]:hover {
  background: rgba(245, 90, 102, 1) !important;
  color: #fff !important;
}
/* =========================================
   SUBMIT A REQUEST - REQUIRED FIELD MARKERS
   ========================================= */

.form-field.request_anonymous_requester_email label::after,
.form-field.request_subject label::after,
.form-field.request_description label::after {
  content: " *" !important;
  color: rgba(245, 90, 102, 1) !important;
  font-weight: 400 !important;
}
/* =========================================
   SUBMIT A REQUEST - FIELD SPACING
   ========================================= */

.form .form-field {
  margin-bottom: 22px !important;
}

/* Keep the first field slightly closer to the heading */
.form .form-field:first-child {
  margin-top: 0 !important;
}

/* Labels */
.form .form-field label {
  display: block !important;
  margin-bottom: 7px !important;
}

/* Text inputs, dropdowns and textareas */
.form .form-field input,
.form .form-field select,
.form .form-field textarea {
  margin-top: 0 !important;
}

/* Description */
.form .form-field.request_description {
  margin-bottom: 22px !important;
}

.form .form-field.request_description textarea {
  min-height: 120px !important;
}

/* Help text below Description */
.form .form-field .help-text {
  margin-top: 8px !important;
}

/* Attachments */
.form .form-field.request_attachments {
  margin-bottom: 28px !important;
}

/* Submit area */
.form .form-actions {
  margin-top: 10px !important;
}
/* =========================================
   SUBMIT A REQUEST - PUSH FOOTER TO BOTTOM
   ========================================= */

body:has(.form) {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

body:has(.form) .footer {
  margin-top: auto !important;
}
/* =========================================
   SUBMIT A REQUEST - SUGGESTED ARTICLES
   ========================================= */

.form .suggestion-list a,
.form .suggestion-list a:visited,
.form .suggested-articles a,
.form .suggested-articles a:visited {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}

.form .suggestion-list a:hover,
.form .suggested-articles a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}
/* =========================================
   SUBMIT A REQUEST - ATTACHMENT DROPZONE
   ========================================= */

.form .upload-dropzone,
.request-form .upload-dropzone {
  opacity: 1 !important;
}

.form .upload-dropzone a,
.request-form .upload-dropzone a {
  color: rgba(245, 90, 102, 1) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.form .upload-dropzone a:hover,
.request-form .upload-dropzone a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}

.form .upload-dropzone span,
.request-form .upload-dropzone span {
  color: #c8c8c8 !important;
  opacity: 1 !important;
}
/* =========================================
   REQUEST PAGE - SUBMITTED TICKET
   Match Yapsody Help Center Design
   ========================================= */

/* Main request container */
.request-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: 60px !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Request page wrapper */
.request-container .request-main {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Breadcrumb */
.request-breadcrumbs {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 22px auto 20px auto !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

/* Request title */
.request-title {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto 30px auto !important;
  padding: 0 !important;

  font-size: 30px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: #111 !important;
}


/* =========================================
   COMMENTS
   ========================================= */

.request-main .comment-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.request-main .comment {
  list-style: none !important;
  margin: 0 0 30px 0 !important;
  padding: 0 0 30px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.request-main .comment::before {
  display: none !important;
  content: none !important;
}

.request-main .comment-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.request-main .comment-info {
  margin: 0 !important;
  padding: 0 !important;
}

.request-main .comment-author {
  display: flex !important;
  align-items: center !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}


/* Avatar */
.request-main .comment-avatar {
  flex: 0 0 auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 12px 0 0 !important;
  padding: 0 !important;
}

.request-main .comment-avatar .user-avatar {
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  border-radius: 50% !important;
}


/* Agent icon */
.request-main .comment-avatar .icon-agent {
  display: none !important;
}


/* Comment meta */
.request-main .comment-meta {
  margin: 0 !important;
  padding: 0 !important;
}

.request-main .comment-meta > span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.request-main .comment-meta > span a {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}

.request-main .comment-meta > span a:hover {
  text-decoration: underline !important;
}

.request-main .comment-meta .meta-group {
  display: flex !important;
  align-items: center !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
}

.request-main .comment-meta .meta-data {
  font-size: 13px !important;
  line-height: 18px !important;
  color: #64748b !important;
}


/* Comment body */
.request-main .comment-body {
  margin: 0 !important;
  padding: 0 !important;

  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #2f3941 !important;
}

.request-main .comment-body p {
  margin: 0 0 15px 0 !important;
}

.request-main .comment-body p:last-child {
  margin-bottom: 0 !important;
}

.request-main .comment-body a {
  color: rgba(245, 90, 102, 1) !important;
}


/* =========================================
   COMMENT ATTACHMENTS
   ========================================= */

.request-main .attachments {
  list-style: none !important;
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
}

.request-main .attachment-item {
  list-style: none !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

.request-main .attachment-item::before {
  display: none !important;
  content: none !important;
}

.request-main .attachment-item > a {
  color: rgba(245, 90, 102, 1) !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

.request-main .attachment-item > a:hover {
  text-decoration: underline !important;
}

.request-main .attachment-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
}

.request-main .attachment-meta-item {
  font-size: 12px !important;
  color: #64748b !important;
}


/* =========================================
   PAGINATION
   ========================================= */

.request-main .pagination {
  margin: 20px 0 30px 0 !important;
}


/* =========================================
   FOLLOW-UP / CALLOUT
   ========================================= */

.request-follow-up {
  margin: 0 0 25px 0 !important;
  padding: 15px 18px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 4px !important;
  background: #f8f9fa !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}


/* =========================================
   COMMENT FORM
   ========================================= */

.request-main .comment-form {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.request-main .comment-form > .comment-avatar {
  flex: 0 0 auto !important;
}

.request-main .comment-container {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* "Add to conversation" */
.request-main .comment-show-container {
  display: block !important;
  width: 100% !important;
  min-height: 44px !important;
  box-sizing: border-box !important;

  border: 1px solid #d9dde2 !important;
  border-radius: 4px !important;
  background: #fff !important;

  cursor: text !important;
}

.request-main .comment-show-container-content {
  display: block !important;
  padding: 12px 14px !important;

  color: #64748b !important;
  font-size: 14px !important;
  line-height: 20px !important;
}


/* Comment fields */
.request-main .comment-fields {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.request-main .comment-fields.hidden {
  display: none !important;
}

.request-main .comment-fields.shown {
  display: block !important;
}


/* CC field */
.request-main .comment-ccs {
  margin: 0 0 12px 0 !important;
}

.request-main .ccs-input {
  width: 100% !important;
}


/* Textarea */
.request-main .comment-fields textarea {
  display: block !important;
  width: 100% !important;
  min-height: 150px !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 12px 14px !important;

  border: 1px solid #d9dde2 !important;
  border-radius: 4px !important;
  background: #fff !important;

  color: #2f3941 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;

  resize: vertical !important;
}

.request-main .comment-fields textarea:focus {
  outline: none !important;
  border-color: rgba(245, 90, 102, 1) !important;
}


/* =========================================
   UPLOAD / ATTACHMENT AREA
   ========================================= */

.request-main .comment-attachments {
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
}

.request-main .comment-attachments .upload-dropzone {
  width: 100% !important;
  box-sizing: border-box !important;

  border: 1px dashed #cfd5db !important;
  border-radius: 4px !important;
  background: #fff !important;

  padding: 18px !important;
  text-align: center !important;

  color: #64748b !important;
  font-size: 13px !important;
}

.request-main .comment-attachments .upload-dropzone a {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}

.request-main .comment-attachments .upload-dropzone a:hover {
  text-decoration: underline !important;
}


/* =========================================
   FORM BUTTONS
   ========================================= */

.request-main .comment-form-controls {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin: 15px 0 0 0 !important;
  padding: 0 !important;
}

.request-main .comment-form-controls input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 90px !important;
  height: 38px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  border: 1px solid rgba(245, 90, 102, 1) !important;
  border-radius: 4px !important;

  background: rgba(245, 90, 102, 1) !important;
  color: #fff !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 36px !important;

  cursor: pointer !important;
}

.request-main .comment-form-controls input[type="submit"]:hover {
  opacity: .9 !important;
}


/* Mark as solved */
.request-main .mark-as-solved {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 38px !important;
  padding: 0 16px !important;

  border: 1px solid #d9dde2 !important;
  border-radius: 4px !important;

  background: #fff !important;
  color: #2f3941 !important;

  font-size: 14px !important;
  text-decoration: none !important;
}


/* =========================================
   REQUEST SIDEBAR
   ========================================= */

.request-sidebar {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 30px !important;
  border-left: 1px solid #e5e7eb !important;
  box-sizing: border-box !important;
}

.request-sidebar .collapsible-sidebar-title {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #111827 !important;
}


/* Ticket details */
.request-sidebar .request-details {
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
}

.request-sidebar .request-details dt {
  margin: 0 0 3px 0 !important;
  padding: 0 !important;

  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  color: #64748b !important;
}

.request-sidebar .request-details dd {
  margin: 0 0 15px 0 !important;
  padding: 0 !important;

  font-size: 14px !important;
  line-height: 20px !important;
  color: #2f3941 !important;
}

.request-sidebar .request-details dd:last-child {
  margin-bottom: 0 !important;
}


/* Status */
.request-sidebar .status-label {
  display: inline-block !important;

  padding: 3px 8px !important;
  border-radius: 3px !important;

  background: #f1f3f5 !important;
  color: #555 !important;

  font-size: 12px !important;
  line-height: 18px !important;
}


/* Collaborators */
.request-sidebar .request-collaborators {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.request-sidebar .request-collaborators li {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.request-sidebar .request-collaborators li::before {
  display: none !important;
  content: none !important;
}


/* Sidebar attachments */
.request-sidebar .request-attachments {
  padding-top: 20px !important;
  border-top: 1px solid #e5e7eb !important;
}

.request-sidebar .request-attachments .attachments {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================
   REQUEST PAGE LINKS
   ========================================= */

.request-container a {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}

.request-container a:hover {
  text-decoration: underline !important;
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 767px) {

  .request-breadcrumbs {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .request-title {
    margin-bottom: 25px !important;
    font-size: 26px !important;
  }

  .request-container {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }

  .request-sidebar {
    margin-top: 40px !important;
    padding: 25px 0 0 0 !important;
    border-top: 1px solid #e5e7eb !important;
    border-left: 0 !important;
  }

  .request-main .comment-form {
    display: block !important;
  }

  .request-main .comment-form > .comment-avatar {
    display: none !important;
  }

  .request-main .comment-container {
    width: 100% !important;
  }
}
/* =========================================
   REQUEST PAGE - HIDE MY ACTIVITIES NAV
   ========================================= */

.my-activities-nav {
  display: none !important;
}
/* =========================================
   REQUEST PAGE - TOP SPACING
   ========================================= */

.request-breadcrumbs {
  margin-top: 10px !important;
}
/* =========================================
   SEARCH RESULTS - QUICK ANSWER WIDTH
   ========================================= */

/* Allow the search results container to use the full content width */
.search-results-column {
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  min-width:0 !important;
}

/* Quick Answer should span the full search content width */
.search-results-column .generative-answers {
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Keep the Knowledge Base results in the narrower column */
.search-results-label,
.search-results-list {
  width:50% !important;
  max-width:50% !important;
  box-sizing:border-box !important;
}

/* Mobile */
@media (max-width:767px) {
  .search-results-label,
  .search-results-list {
    width:100% !important;
    max-width:100% !important;
  }
}
/* =========================================
   MY REQUESTS - CONTENT WIDTH
   ========================================= */

.my-activities-header,
.requests-table-toolbar,
.requests-search-info,
.requests,
.my-activities-table {
  width: 860px !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
/* =========================================
   MY REQUESTS - TABLE LAYOUT
   ========================================= */

.my-activities-table {
  width: 860px !important;
  max-width: 860px !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

.my-activities-table th,
.my-activities-table td {
  padding: 10px 12px !important;
  text-align: left !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}

.my-activities-table th {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #333 !important;
  border-bottom: 1px solid #ddd !important;
}

.my-activities-table td {
  font-size: 14px !important;
  line-height: 1.4 !important;
  border-bottom: 1px solid #eee !important;
}

/* Column widths */
.my-activities-table th:nth-child(1),
.my-activities-table td:nth-child(1) {
  width: 45% !important;
}

.my-activities-table th:nth-child(2),
.my-activities-table td:nth-child(2) {
  width: 12% !important;
}

.my-activities-table th:nth-child(3),
.my-activities-table td:nth-child(3) {
  width: 14% !important;
}

.my-activities-table th:nth-child(4),
.my-activities-table td:nth-child(4) {
  width: 17% !important;
}

.my-activities-table th:nth-child(5),
.my-activities-table td:nth-child(5) {
  width: 12% !important;
}
/* =========================================
   MY REQUESTS - SEARCH & FILTERS
   ========================================= */

.requests-table-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 860px !important;
  max-width: 860px !important;
  margin: 0 auto 20px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Search */
.requests-table-toolbar .search {
  width: 300px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.requests-table-toolbar .requests-search {
  width: 300px !important;
  height: 38px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

/* Filters */
.requests-table-toolbar .request-table-filter {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Status / Organization dropdown */
.requests-table-toolbar .request-filter {
  height: 38px !important;
  min-width: 150px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
  background: #fff !important;
  font-size: 14px !important;
}

/* Filter labels */
.requests-table-toolbar .request-filter-label {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #333 !important;
  white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 767px) {
  .requests-table-toolbar {
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .requests-table-toolbar .search,
  .requests-table-toolbar .requests-search {
    width: 100% !important;
  }

  .requests-table-toolbar .request-table-filter {
    width: 100% !important;
  }

  .requests-table-toolbar .request-filter {
    width: 100% !important;
  }
}
/* =========================================
   MY REQUESTS - STATUS LABEL
   ========================================= */

.requests-table-toolbar .request-filter-label {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #333 !important;
}
/* =========================================
   MY REQUESTS - PAGE HEADING
   ========================================= */

.my-activities-header {
  width: 860px !important;
  max-width: 860px !important;
  margin: 30px auto 20px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.my-activities-header h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: #111 !important;
}
/* =========================================
   MY REQUESTS - HIDE MOBILE META ON DESKTOP
   ========================================= */

.requests-table-meta {
  display: none !important;
}

@media (max-width: 767px) {
  .requests-table-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 5px !important;
  }
}
/* =========================================
   MY REQUESTS - FILTER SPACING
   ========================================= */

.requests-table-toolbar {
  gap: 10px !important;
}

.requests-table-toolbar .request-table-filter {
  margin-left: 0 !important;
}
/* =========================================
   USER PROFILE - BASIC LAYOUT
   ========================================= */

.profile-header .container,
.profile-section {
  width: 860px !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.profile-header {
  padding: 30px 0 20px 0 !important;
  background: #fff !important;
}

.profile-header .profile-info {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

.profile-header .profile-avatar {
  flex: 0 0 auto !important;
}

.profile-header .profile-avatar .user-avatar {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
}

.profile-header .basic-info {
  flex: 1 !important;
}

.profile-header .basic-info .name {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: #111 !important;
}

.profile-header .options {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.profile-header .description {
  margin: 15px 0 0 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #64748b !important;
}
/* =========================================
   USER PROFILE - PROFILE STATISTICS
   ========================================= */

/* Remove default list styling */
.profile-header .profile-stats {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Activity statistics */
.profile-header .profile-stats-activity {
  display: flex !important;
  align-items: center !important;
  gap: 35px !important;
  margin-left: auto !important;
}

.profile-header .profile-stats-activity .stat {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Following / votes / subscriptions statistics */
.profile-header .profile-stats-counters {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 35px !important;
  margin-top: 25px !important;
  padding-top: 18px !important;
  border-top: 1px solid #eee !important;
}

.profile-header .profile-stats-counters .stat {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Labels */
.profile-header .stat-label {
  margin: 0 0 4px 0 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  color: #64748b !important;
  font-weight: 400 !important;
}

/* Values */
.profile-header .stat-value {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #333 !important;
  font-weight: 400 !important;
}

/* Mobile */
@media (max-width: 767px) {

  .profile-header .profile-stats-activity,
  .profile-header .profile-stats-counters {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 20px !important;
  }

  .profile-header .profile-stats-counters {
    margin-top: 20px !important;
  }
}
/* =========================================
   USER PROFILE - ACTIVITY NAVIGATION
   ========================================= */

.profile-nav {
  width: 860px !important;
  max-width: 860px !important;
  margin: 25px auto 30px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.profile-nav .collapsible-nav-list {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.profile-nav .collapsible-nav-list li {
  display: block !important;
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #333 !important;
  white-space: nowrap !important;
}

.profile-nav .collapsible-nav-list li a {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}

.profile-nav .collapsible-nav-list li a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}

.profile-nav .collapsible-nav-list li[aria-selected="true"] {
  color: #111 !important;
  font-weight: 500 !important;
  border-bottom: 2px solid rgba(245, 90, 102, 1) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .profile-nav {
    width: 100% !important;
    max-width: 100% !important;
  }

  .profile-nav .collapsible-nav-list {
    gap: 18px !important;
    overflow-x: auto !important;
  }
}
/* =========================================
   USER PROFILE - ACTIVITY LIST
   ========================================= */

.profile-activity-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.profile-activity-list > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================
   USER PROFILE - ACTIVITY ENTRIES
   ========================================= */

.profile-activity {
  margin: 0 0 30px 0 !important;
  padding: 0 0 30px 0 !important;
  border-bottom: 1px solid #eee !important;
}

.profile-activity:last-child {
  border-bottom: 0 !important;
}

/* Activity header */
.profile-activity-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

.profile-activity-header .user-avatar {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 50% !important;
}

.profile-activity-description {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #333 !important;
}

/* Activity contribution */
.profile-activity-contribution {
  margin: 0 0 0 52px !important;
  padding: 0 !important;
}

.profile-contribution-header {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

.profile-contribution-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

.profile-contribution-title a {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: none !important;
}

.profile-contribution-title a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}
/* =========================================
   USER PROFILE - ACTIVITY BREADCRUMBS
   ========================================= */

.profile-activity .profile-contribution-breadcrumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

.profile-activity .profile-contribution-breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #64748b !important;
}

.profile-activity .profile-contribution-breadcrumbs li + li::before {
  content: ">" !important;
  display: inline-block !important;
  margin: 0 8px !important;
  color: #94a3b8 !important;
}

.profile-activity .profile-contribution-breadcrumbs li a {
  color: #64748b !important;
  text-decoration: none !important;
}

.profile-activity .profile-contribution-breadcrumbs li a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}
/* =========================================
   USER PROFILE - ACTIVITY CONTENT
   ========================================= */

.profile-activity .profile-contribution-body {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #333 !important;
}

.profile-activity .profile-contribution .meta-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.profile-activity .profile-contribution .meta-group li {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #94a3b8 !important;
}

.profile-activity .profile-contribution .meta-group li + li::before {
  content: "·" !important;
  display: inline-block !important;
  margin: 0 8px !important;
  color: #cbd5e1 !important;
}

.profile-activity .profile-contribution .meta-group li a {
  color: #64748b !important;
  text-decoration: none !important;
}

.profile-activity .profile-contribution .meta-group li a:hover {
  color: rgba(245, 90, 102, 1) !important;
  text-decoration: underline !important;
}
/* =========================================
   HOMEPAGE - AUDIENCE CARD BORDER
   ========================================= */

.blocks-list .blocks-item {
  border: 1px solid #d5dbe1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}

.blocks-list .blocks-item:hover {
  border-color: rgba(245, 90, 102, 1) !important;
  box-shadow: 0 5px 16px rgba(0,0,0,.12) !important;
}
/* =========================================
   ARTICLE - SOCIAL SHARING
   ========================================= */

.article-share {
  border-top: 1px solid #e1e5e9 !important;
  margin-top: 35px !important;
  padding-top: 28px !important;
}

.article-share .share {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.article-share .share li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article-share .share a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  box-sizing: border-box !important;
  border: 1px solid #9aa3ad !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 20px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.article-share .share a:hover {
  border-color: rgba(245, 90, 102, 1) !important;
  background: #fff !important;
  color: rgba(245, 90, 102, 1) !important;
}
/* =========================================
   REMOVE LINES ABOVE SOCIAL SHARING
   ========================================= */

.article-footer {
  border-top: none !important;
}

.article-footer .share {
  border-top: none !important;
}
/* =========================================
   ARTICLE - REMOVE BORDER ABOVE SOCIAL SHARE
   ========================================= */

body:has(.article-container) .article-footer {
  border-top: none !important;
  border-bottom: none !important;
}
/* =========================================
   ARTICLE PAGE - REMOVE FOOTER TOP BORDER
   ========================================= */

body:has(.article-container) .article-container footer {
  border-top: none !important;
}
/* Remove the final separator before article sharing icons */
body:has(.article-container) .article-container .article-body hr:last-of-type {
  display: none !important;
}
/* =========================================
   ARTICLE PAGE - REMOVE FOOTER TOP BORDER
   ========================================= */

body:has(.article-container) .article-container footer {
  border-top: 0 !important;
  box-shadow: none !important;
}
body:has(.article-container) footer {
  border-top: none !important;
}
/* Remove border line above social sharing icons */
.article-footer,
.article-share,
.social-share {
  border-top: none !important;
  padding-top: 0 !important;
}
/* Darker social media icons */
.article-share ul.share li a {
  color: #333 !important;
  border-color: #333 !important;
}
/* Darker social media icons */
.article-share ul.share li a {
  color: #333 !important;
  border-color: #333 !important;
}

/* Turn icons red on hover */
.article-share ul.share li a:hover {
  color: rgba(245, 90, 102, 1) !important;
  border-color: rgba(245, 90, 102, 1) !important;
}
/* Reduce space before social sharing */
footer .article-share {
  margin-top: -60px !important;
}
/* Align copyright footer text to the bottom-right */
.footer,
footer {
  text-align: right !important;
}
/* Match live Yapsody footer */
.footer p,
footer p,
.footer-inner p {
  text-align: center !important;
  margin: 0 auto !important;
}
/* Match live Yapsody footer */
.footer p,
footer p,
.footer-inner p {
  text-align:center !important;
  margin:0 auto !important;
}
/* Keep footer at the bottom on short pages */
body {
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
}

.footer,
footer {
  margin-top:auto !important;
}
/* =========================================
   ARTICLE COMMENTS - MATCH LIVE PAGE
   ========================================= */

/* Comments section */
.article-comments {
  width:100% !important;
  border-top:1px solid #ddd !important;
  margin-top:20px !important;
  padding-top:20px !important;
}

/* Comments heading area */
.article-comments .comment-overview {
  position:relative !important;
  width:100% !important;
  margin:0 0 20px 0 !important;
  padding:0 0 20px 0 !important;
  border-bottom:1px solid #ddd !important;
  box-sizing:border-box !important;
}

/* Comments heading */
.article-comments .comment-heading {
  margin:0 0 10px 0 !important;
  padding:0 !important;
  font-size:16px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
}

/* Comment count */
.article-comments .comment-callout {
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* Sort by */
.article-comments .comment-sorter {
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  margin:0 !important;
}

.article-comments .comment-sorter .dropdown-toggle {
  display:inline-block !important;
  padding:0 !important;
  margin:0 !important;
  font-size:13px !important;
  color:#64748b !important;
  text-decoration:none !important;
  cursor:pointer !important;
}


/* Comment list */
.article-comments .comment-list {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Remove default bullet */
.article-comments .comment-list > li::before,
.article-comments .comment-list > li.comment::before {
  display:none !important;
  content:none !important;
}

/* Individual comment */
.article-comments .comment {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Main comment row */
.article-comments .comment-wrapper {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  width:100% !important;
  margin:0 !important;
  padding:0 0 20px 0 !important;
  border-bottom:1px solid #ddd !important;
  box-sizing:border-box !important;
}

/* Left side of comment */
.article-comments .comment-info {
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* Author row */
.article-comments .comment-author {
  display:flex !important;
  align-items:flex-start !important;
  margin:0 !important;
  padding:0 !important;
}

/* Comment avatar */
.article-comments .comment-avatar {
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  margin:0 12px 0 0 !important;
  padding:0 !important;
}

/* Avatar image */
.article-comments .comment-avatar .user-avatar {
  display:block !important;
  width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}

/* Author information */
.article-comments .comment-meta {
  margin:0 !important;
  padding:0 !important;
}

/* Author name */
.article-comments .comment-meta > span {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:20px !important;
}

/* Author name link */
.article-comments .comment-meta > span a {
  font-size:13px !important;
  line-height:20px !important;
}

/* Date */
.article-comments .comment-meta .meta-group {
  display:flex !important;
  margin:2px 0 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}

.article-comments .comment-meta .meta-group li {
  margin:0 !important;
  padding:0 !important;
  font-size:12px !important;
  line-height:18px !important;
  color:#64748b !important;
}

/* Remove meta bullet */
.article-comments .comment-meta .meta-group li::before {
  display:none !important;
  content:none !important;
}

/* Comment text */
.article-comments .comment-body {
  margin:15px 0 0 52px !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:1.6 !important;
  color:#111 !important;
}

/* Right-side vote/actions */
.article-comments .comment-actions-container {
  flex:0 0 45px !important;
  width:45px !important;
  margin:0 0 0 20px !important;
  padding:0 !important;
  text-align:center !important;
}

/* Vote controls */
.article-comments .comment-vote {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Vote buttons */
.article-comments .comment-vote .vote-up,
.article-comments .comment-vote .vote-down {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Vote count */
.article-comments .comment-vote .vote-sum {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:18px !important;
}

/* Comment actions */
.article-comments .comment-actions {
  margin-top:8px !important;
  padding:0 !important;
  text-align:center !important;
}

/* Comment form */
.article-comments .comment-form {
  display:flex !important;
  align-items:flex-start !important;
  width:100% !important;
  margin:20px 0 0 0 !important;
  padding:0 !important;
}

/* Form avatar */
.article-comments .comment-form > .comment-avatar {
  flex:0 0 40px !important;
  margin-right:12px !important;
}

/* Form container */
.article-comments .comment-container {
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* WYSIWYG editor */
.article-comments .comment-container textarea,
.article-comments .comment-container .wysiwyg {
  width:100% !important;
  box-sizing:border-box !important;
}

/* Submit button */
.article-comments .comment-form-controls {
  margin-top:10px !important;
}

.article-comments .comment-form-controls input[type="submit"] {
  display:inline-block !important;
  padding:8px 16px !important;
  border:1px solid rgba(245, 90, 102, 1) !important;
  border-radius:4px !important;
  background:#fff !important;
  color:rgba(245, 90, 102, 1) !important;
  font-size:13px !important;
  cursor:pointer !important;
}

.article-comments .comment-form-controls input[type="submit"]:hover {
  background:rgba(245, 90, 102, 1) !important;
  color:#fff !important;
}
/* Show comment voting arrows */
.article-comments .comment-vote .vote-up::before {
  content:"↑" !important;
  display:block !important;
  font-size:18px !important;
  line-height:24px !important;
  color:#555 !important;
}

.article-comments .comment-vote .vote-down::before {
  content:"↓" !important;
  display:block !important;
  font-size:18px !important;
  line-height:24px !important;
  color:#555 !important;
}

/* Hover state */
.article-comments .comment-vote .vote-up:hover::before,
.article-comments .comment-vote .vote-down:hover::before {
  color:rgba(245, 90, 102, 1) !important;
}
/* =========================================
   COMMENT ACTIONS & VOTE CONTROLS
   ========================================= */

.article-comments .comment-wrapper {
  position: relative !important;
}

.article-comments .comment-actions-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 50px !important;
  min-width: 50px !important;
  margin-left: auto !important;
}

.article-comments .comment-vote {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article-comments .comment-vote .vote-up,
.article-comments .comment-vote .vote-sum,
.article-comments .comment-vote .vote-down {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.article-comments .comment-vote .vote-up::before,
.article-comments .comment-vote .vote-down::before {
  font-size: 18px !important;
  line-height: 24px !important;
}

.article-comments .comment-vote .vote-sum {
  font-size: 13px !important;
  line-height: 24px !important;
}

/* Comment actions */
.article-comments .comment-actions {
  width: auto !important;
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.article-comments .comment-actions a,
.article-comments .comment-actions button {
  white-space: nowrap !important;
}
/* =========================================
   COMMENT VOTE BUTTONS - LIVE STYLE
   ========================================= */

.article-comments .comment-vote .vote-up,
.article-comments .comment-vote .vote-down {
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  border:1px solid #777 !important;
  border-radius:50% !important;
  background:#fff !important;
  box-sizing:border-box !important;
  color:#555 !important;
  text-decoration:none !important;
}

.article-comments .comment-vote .vote-up::before,
.article-comments .comment-vote .vote-down::before {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  font-size:15px !important;
  line-height:22px !important;
  color:#555 !important;
}

.article-comments .comment-vote .vote-up:hover,
.article-comments .comment-vote .vote-down:hover {
  border-color:rgba(245, 90, 102, 1) !important;
  color:rgba(245, 90, 102, 1) !important;
  background:#fff !important;
}

.article-comments .comment-vote .vote-up:hover::before,
.article-comments .comment-vote .vote-down:hover::before {
  color:rgba(245, 90, 102, 1) !important;
}
/* Align comment text with the main comment area */
.article-comments .comment-body {
  margin-left:0 !important;
  margin-top:15px !important;
  padding:0 !important;
}
/* =========================================
   ARTICLE COMMENT FORM
   ========================================= */

.article-comments .comment-form {
  display:flex !important;
  align-items:flex-start !important;
  width:100% !important;
  margin:20px 0 0 0 !important;
  padding:0 !important;
}

.article-comments .comment-form > .comment-avatar {
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  margin:0 12px 0 0 !important;
}

.article-comments .comment-form .comment-container {
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Comment editor */
.article-comments .comment-form .comment-container textarea {
  display:block !important;
  width:100% !important;
  min-height:70px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:10px !important;
  border:1px solid #999 !important;
  border-radius:0 !important;
  background:#fff !important;
  font-size:14px !important;
  line-height:1.5 !important;
  color:#333 !important;
  resize:vertical !important;
}

/* Submit button */
.article-comments .comment-form-controls {
  margin:10px 0 0 0 !important;
  padding:0 !important;
}

.article-comments .comment-form-controls input[type="submit"] {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:30px !important;
  min-width:64px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(245, 90, 102, 1) !important;
  border-radius:4px !important;
  background:#fff !important;
  color:rgba(245, 90, 102, 1) !important;
  font-size:13px !important;
  line-height:28px !important;
  cursor:pointer !important;
}

.article-comments .comment-form-controls input[type="submit"]:hover {
  background:rgba(245, 90, 102, 1) !important;
  color:#fff !important;
}
/* =========================================
   COMMENT ACTIONS DROPDOWN - FIX
   ========================================= */

.article-comments .comment-actions {
  position:relative !important;
}

/* Hide dropdown by default */
.article-comments .comment-actions .dropdown-menu {
  display:none !important;

  position:absolute !important;
  top:100% !important;
  right:0 !important;
  left:auto !important;
  z-index:9999 !important;

  min-width:120px !important;
  width:auto !important;
  max-width:180px !important;

  margin:5px 0 0 0 !important;
  padding:5px 0 !important;

  background:#fff !important;
  border:1px solid #ddd !important;
  border-radius:3px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.12) !important;

  text-align:left !important;
}

/* Show dropdown only when Zendesk opens it */
.article-comments .comment-actions .dropdown-menu[aria-expanded="true"] {
  display:block !important;
}

/* Dropdown item */
.article-comments .comment-actions .dropdown-menu a {
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;

  margin:0 !important;
  padding:8px 14px !important;

  background:#fff !important;
  color:#333 !important;

  font-size:13px !important;
  line-height:20px !important;
  text-align:left !important;
  text-decoration:none !important;

  white-space:nowrap !important;
}

/* Hover */
.article-comments .comment-actions .dropdown-menu a:hover {
  background:#f8f9fa !important;
  color:rgba(245, 90, 102, 1) !important;
  text-decoration:none !important;
}
/* =========================================
   COMMENT ACTIONS - SHOW GEAR ICON
   ========================================= */

.article-comments .comment-actions .dropdown-toggle {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  padding:0 !important;

  font-size:0 !important;
  line-height:24px !important;
  color:#555 !important;
  text-decoration:none !important;
}

.article-comments .comment-actions .dropdown-toggle::before {
  content:"⚙" !important;
  display:block !important;
  font-size:16px !important;
  line-height:24px !important;
  color:#555 !important;
}

.article-comments .comment-actions .dropdown-toggle:hover::before {
  color:rgba(245, 90, 102, 1) !important;
}
/* =========================================
   ARTICLE SOCIAL SHARE - RESTORE
   ========================================= */

.article-share {
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.article-share ul.share {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;

  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.article-share ul.share li {
  display:flex !important;
  align-items:center !important;

  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.article-share ul.share li::before {
  display:none !important;
  content:none !important;
}

.article-share ul.share li a {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:24px !important;
  height:24px !important;

  margin:0 !important;
  padding:0 !important;

  box-sizing:border-box !important;

  border:1px solid #333 !important;
  border-radius:50% !important;

  background:#fff !important;
  color:#333 !important;

  font-size:0 !important;
  line-height:22px !important;

  text-decoration:none !important;
}

.article-share ul.share li a.share-facebook::before {
  content:"f" !important;
  font-size:15px !important;
  font-weight:600 !important;
}

.article-share ul.share li a.share-twitter::before {
  content:"𝕏" !important;
  font-size:13px !important;
  font-weight:500 !important;
}

.article-share ul.share li a.share-linkedin::before {
  content:"in" !important;
  font-size:11px !important;
  font-weight:600 !important;
}

/* Hover - turn icons red */
.article-share ul.share li a:hover {
  background:#fff !important;
  color:rgba(245, 90, 102, 1) !important;
  border-color:rgba(245, 90, 102, 1) !important;
  text-decoration:none !important;
}
/* =========================================
   ARTICLE SOCIAL SHARE - FIX POSITION
   ========================================= */

.article-container .article-footer {
  padding-top:20px !important;
}

.article-container .article-share {
  margin-top:0 !important;
}
/* Reduce space between social icons and Helpful voting */
.article-container .article-votes {
  margin-top:10px !important;
}

/* Center "Have more questions? Submit a request" */
.article-container .article-more-questions {
  text-align:center !important;
}

.article-container .article-more-questions a {
  display:inline !important;
}
/* =========================================
   ARTICLE COMMENTS - SORT BY DROPDOWN
   ========================================= */

.article-comments .comment-sorter {
  position: relative !important;
}

.article-comments .comment-sorter .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;

  min-width: 120px !important;
  width: 120px !important;

  margin-top: 6px !important;
  padding: 4px 0 !important;

  background: #ffffff !important;
  border: 1px solid #ddd !important;
  border-radius: 3px !important;

  box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;

  z-index: 99999 !important;
}

.article-comments .comment-sorter .dropdown-menu a {
  display: block !important;

  width: 100% !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 8px 14px !important;

  background: #ffffff !important;
  color: #333333 !important;

  font-size: 13px !important;
  line-height: 20px !important;

  text-decoration: none !important;
}

.article-comments .comment-sorter .dropdown-menu a:hover {
  background: #f5f5f5 !important;
  color: #333333 !important;
}
/* Keep Comment "Sort by" on the right */
.article-comments-header {
  position: relative !important;
}

.article-comments-header .comment-sorters {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: 0 !important;
  margin: 0 !important;
}
/* Position "Sort by" on the right side of the Comments header */
.article-comments .comment-overview {
  position: relative !important;
}

.article-comments .comment-overview .comment-sorter {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
}
/* Make comment author name red */
.article-comments .comment-author a {
  color: rgba(245, 90, 102, 1) !important;
}
/* Make "sign in" link red in the comments section */
.article-comments .comment-callout a {
  color: rgba(245, 90, 102, 1) !important;
}
/* Make the comment sign-in link red */
.article-comments a[href*="sign_in"] {
  color: rgba(245, 90, 102, 1) !important;
}
/* Article voting - match live Yapsody design */

.article-votes-controls {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
}

/* Article voting - match live Yapsody size */

.article-votes-controls .article-vote {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 80px !important;
  height: 28px !important;
  min-height: 28px !important;

  padding: 0 10px !important;
  box-sizing: border-box !important;

  border: 1px solid rgba(245, 90, 102, 1) !important;
  border-radius: 3px !important;

  background: #fff !important;
  color: rgba(245, 90, 102, 1) !important;

  font-size: 12px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
}

/* Yes */
.article-votes-controls .article-vote-up::before {
  content: "✓" !important;
  margin-right: 6px !important;
  font-size: 12px !important;
}

/* No */
.article-votes-controls .article-vote-down::before {
  content: "×" !important;
  margin-right: 6px !important;
  font-size: 13px !important;
}

/* Selected button */
.article-votes-controls .article-vote.article-voted {
  background: rgba(245, 90, 102, 1) !important;
  border-color: rgba(245, 90, 102, 1) !important;
  color: #fff !important;
}

/* Unselected button */
.article-votes-controls .article-vote:not(.article-voted) {
  background: #fff !important;
  color: rgba(245, 90, 102, 1) !important;
}

/* Keep selected button red on hover */
.article-votes-controls .article-vote.article-voted:hover {
  background: rgba(245, 90, 102, 1) !important;
  border-color: rgba(245, 90, 102, 1) !important;
  color: #fff !important;
}

/* Keep unselected button white on hover */
.article-votes-controls .article-vote:not(.article-voted):hover {
  background: #fff !important;
  border-color: rgba(245, 90, 102, 1) !important;
  color: rgba(245, 90, 102, 1) !important;
}