.preview_notice {
  display: none;
}


.navbar.primary-accent-bg,
.navbar.navbar-default.primary-accent-bg,
.primary-accent-bg {
  background-color: #007054;
}

.primary-accent-text {
  color: #007054;
}

.secondary-accent-bg {
  background-color: #00a66f;
}

.secondary-accent-text {
  color: #00a66f;
}

.navigation-current-bg {
  background-color: #40bc93;
}

.navigation-current-text {
  color: #40bc93;
}

.navigation-hover-bg {
  background-color: #e3d8e3;
}

.navigation-hover-text {
  color: #e3d8e3;
}

.no-vote-color-bg {
  background-color: #525252;
}

.no-vote-color-text {
  color: #525252;
}


a.ethelo-likert-button.btn.btn-raised.yes-color-bg,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:focus,
.yes-color-bg {
  background-color: #113353;
}

.yes-color-text {
  color: #113353;
}


a.ethelo-likert-button.btn.btn-raised.no-color-bg,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:focus,
.no-color-bg {
  background-color: #85a7ca;
}

.no-color-text {
  color: #85a7ca;
}


a.ethelo-likert-button.btn.btn-raised.bin1-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:focus,
.bin1-color-bg {
  background-color: #e4f6ef;
}

.bin1-color-text {
  color: #e4f6ef;
}

a.ethelo-likert-button.btn.btn-raised.bin2-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:focus,
.bin2-color-bg {
  background-color: #7699bb;
}

.bin2-color-text {
  color: #7699bb;
}

a.ethelo-likert-button.btn.btn-raised.bin3-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:focus,
.bin3-color-bg {
  background-color: #bfe7d7;
}

.bin3-color-text {
  color: #bfe7d7;
}

a.ethelo-likert-button.btn.btn-raised.bin4-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:focus,
.bin4-color-bg {
  background-color: #597c9d;
}

.bin4-color-text {
  color: #597c9d;
}

a.ethelo-likert-button.btn.btn-raised.bin5-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:focus,
.bin5-color-bg {
  background-color: #8ad5bd;
}

.bin5-color-text {
  color: #8ad5bd;
}

a.ethelo-likert-button.btn.btn-raised.bin6-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:focus,
.bin6-color-bg {
  background-color: #3d5e80;
}

.bin6-color-text {
  color: #3d5e80;
}

a.ethelo-likert-button.btn.btn-raised.bin7-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:focus,
.bin7-color-bg {
  background-color: #36b88b;
}

.bin7-color-text {
  color: #36b88b;
}

a.ethelo-likert-button.btn.btn-raised.bin8-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:focus,
.bin8-color-bg {
  background-color: #204162;
}

.bin8-color-text {
  color: #204162;
}

a.ethelo-likert-button.btn.btn-raised.bin9-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:focus,
.bin9-color-bg {
  background-color: #006047;
}

.bin9-color-text {
  color: #006047;
}

body, body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4 {
  font-family: Open Sans, sans-serif
}

.side-drawer-header {
  background-color: #007054;
}

h1.main {
  color: #007054;
}

.navbar-user-dropdown {
  background-color: #007054
}

.nav-item.active {
  background-color: #40bc93;
}

#index-parent:hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover {
  background-color: #e3d8e3;
}

.nav-item.disabled .disabled {
  color: #A0A0A0;
}

.nav-item-container .nav-item-container:not(.active):hover {
  background-color: #e3d8e3;
}

.btn.btn-raised.btn-default.btn-post,
.btn.btn-raised.btn-default.btn-post:hover,
.btn.btn-raised.btn-default.btn-post:focus,
.btn.btn-raised.btn-default.btn-post:active,
.btn.btn-raised.btn-default.navigation-button,
.btn.btn-raised.btn-default.navigation-button:hover,
.btn.btn-raised.btn-default.navigation-button:focus,
.btn.btn-raised.btn-default.navigation-button:active {
  background-color: #007054;
  color: white;
}

.option-detail-container {
  background-color: #007054;
}

.moderate .filters .active {
  background-color: #007054;
  color: white;
}

.moderate .filters {
  color: #007054;
  background-color: white;
}

.bluebutton {
  background-color: #007054; /* green*/
  border: none;
  color: white;
  padding: 10px 60px;
  box-shadow: 4 8px
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  }

/* Hide BACK and NEXT only on the Forum Replacement page */
#page-forum-replacement .bottom-nav-buttons a.navigation-button {
  display: none !important;
}

/* === CENTENNIAL PARK === */

#centennial-park-page-part-3-project-site {
  background: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
}

/* Restore white content card under the blue header */
#centennial-park-page-part-3-project-site .collapse {
  background-color: #ffffff;
  padding-bottom: 15px;
  border: 1px solid #ddd;
  border-top: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}


/* === PROXIMITY TO REVELSTOKE DOWNTOWN === */

#proximity-to-revelstoke-downtown-page-part-3-project-site {
  background: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
}

/* Instruction box above the Proximity to Downtown option */
#proximity-to-revelstoke-downtown-page-part-3-project-site::before {
  content: "For each site characteristic listed below, please indicate your level of support for including it as a priority when choosing a location for the new facility.";
  display: block;
  border: 2px solid #000;
  padding: 15px;
  margin: 20px 0 20px;   /* grey page gap above the blue header */
  text-align: center;
  background-color: #ffffff;
  font-weight: 600;
}

/* Restore white content card under the blue header */
#proximity-to-revelstoke-downtown-page-part-3-project-site .collapse {
  background-color: #ffffff;
  padding-bottom: 15px;
  border: 1px solid #ddd;
  border-top: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* GROUP RESULTS: hide topic "pie" + "% Weight" in the header row */
#result-breakdown-option-category .card.result-card[id^="gr-topic-"] a.detail-toggle .labels.labels-main {
  display: none !important;
}

/* (Optional) If anything inside the label still renders in your theme */
#result-breakdown-option-category .card.result-card[id^="gr-topic-"] a.detail-toggle .labels.labels-main * {
  display: none !important;
}

/* MY CHOICE (Personal Results) – center the block, left-align lines within it */
#participant-calculations{
  display: table !important;      /* shrink-to-fit to the widest line */
  margin: 0 auto !important;      /* center the whole block in the panel */
  text-align: left !important;    /* left align everything inside the block */
}

/* Reset paragraph behavior without changing the look */
#participant-calculations p{
  margin: 0 !important;
  text-align: left !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
}

/* Total cost: bold */
#participant-calculations p:first-child{
  font-weight: 700 !important;
}

/* Other cost lines: slightly smaller + bullet aligned to the same left edge */
#participant-calculations p:not(:first-child){
  font-size: 0.90em !important;
  position: relative;
  padding-left: 1.1em !important;
}

#participant-calculations p:not(:first-child)::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

/* Remove the blue “outline” (border/box-shadow) around the My Choice cost box */
#participant-results #participant-calculations,
#participant-results #participant-calculations:focus,
#participant-results #participant-calculations:focus-visible{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* MAIN PAGE (Group Results) – cost panel (#full-calculations) */
.page-results-group #full-calculations{
  display: table !important;     /* shrink-to-fit to widest line */
  margin: 0 auto !important;     /* keep it centered within the panel */
  text-align: left !important;   /* left-align within the block */
}

/* Keep look consistent (no font changes), just override alignment + spacing */
.page-results-group #full-calculations p{
  margin: 0 !important;
  text-align: left !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
}

/* Total cost: bold */
.page-results-group #full-calculations p:first-child{
  font-weight: 700 !important;
}

/* MAIN PAGE (#full-calculations) – keep original font size (no shrinking) */
.page-results-group #full-calculations p:not(:first-child){
  font-size: inherit !important;  /* keep the original size */
  position: relative;
  padding-left: 1.1em !important;
}

.page-results-group #full-calculations p:not(:first-child)::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}


.page-results-group #full-calculations p:not(:first-child)::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

/* MAIN PAGE: restore original font size (platform uses 22px here) */
.page-results-group #full-calculations p{
  font-size: 22px !important;   /* back to original */
}

/* keep the rest of your formatting */
.page-results-group #full-calculations{
  display: table !important;
  margin: 0 auto !important;
  text-align: left !important;
}

.page-results-group #full-calculations p{
  margin: 0 !important;
  text-align: left !important;
}

.page-results-group #full-calculations p:first-child{
  font-weight: 700 !important;
}

.page-results-group #full-calculations p:not(:first-child){
  position: relative;
  padding-left: 1.1em !important;
}

.page-results-group #full-calculations p:not(:first-child)::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

/* Change the progress bar color across the whole engagement */
.progress-bar-voting .progress-bar-voting__fill {
  background-color: #00a66f !important;
}

.progress-bar-voting__percent {
  background-color: #00a66f !important;
  border-color: #00a66f !important;
}
/* Circle background + border */
.progress-bar-voting .progress-bar-voting__circle {
  border-color: #00a66f !important;
}

/* Circle text color */
.progress-bar-voting .progress-bar-voting__circle span {
  color: #00a66f !important;
}

.progress-bar-voting { background-color: #ffffff; }

/* --- PERSONAL RESULTS ("My Choice") GROUPING --- */
/* Assumes this line order inside #participant-calculations:
   1  Total Cost
   2  Construction & Site Development
   3  Soft Costs
   4  Contingencies
   5  Escalation Contingency
   6  Capital cost covered by taxation
   7  Average Residential Tax Increase
   8  Commercial Tax Increase
   9  Remaining capital cost needed
   10 Site area required
*/

/* small gap after the first block of bullets */
#participant-calculations p:nth-child(5) {
  margin-bottom: 10px !important;
}

/* Group heading: "Capital cost covered by taxation" */
#participant-calculations p:nth-child(6) {
  font-weight: 700 !important;
  padding-left: 0 !important;
  margin-top: 6px !important;
}

/* remove bullet for that heading */
#participant-calculations p:nth-child(6)::before {
  content: "" !important;
}

/* small gap after the two tax-increase bullets */
#participant-calculations p:nth-child(8) {
  margin-bottom: 10px !important;
}

/* Heading: "Remaining capital cost needed" */
#participant-calculations p:nth-child(9) {
  font-weight: 700 !important;
  padding-left: 0 !important;
  margin-top: 6px !important;
}
#participant-calculations p:nth-child(9)::before {
  content: "" !important;
}

/* Final line: "Site area required" – bold, its own group */
#participant-calculations p:nth-child(10) {
  font-weight: 700 !important;
  padding-left: 0 !important;
  margin-top: 10px !important;
}
#participant-calculations p:nth-child(10)::before {
  content: "" !important;
}

/* PERSONAL RESULTS – extra padding + slightly smaller text */
#participant-results #participant-calculations{
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Make everything inside the cost block a bit smaller */
#participant-results #participant-calculations p{
  font-size: 0.9em !important;   /* slightly smaller than default */
  line-height: 1.35 !important;   /* tighten but still readable */
}

/* Keep the main "Total Cost" line a touch larger & prominent */
#participant-results #participant-calculations p:first-child{
  font-size: 1.05em !important;
  font-weight: 700 !important;
}

/* Set the overall size for the whole block here */
#participant-results #participant-calculations{
  padding-left: 18px !important;
  padding-right: 18px !important;
  font-size: 0.85em !important;   /* master control: change this only */
}

/* All lines (including bullets) inherit that size */
#participant-results #participant-calculations p{
  font-size: 1em !important;      /* same as parent */
  line-height: 1.35 !important;
}

/* Headline: always bigger in a fixed ratio */
#participant-results #participant-calculations p:first-child{
  font-size: 1.15em !important;    /* 30% larger than the others */
  font-weight: 700 !important;
}

/* Extra space after main headings, not between bullets */
#participant-results #participant-calculations p:first-child{
  /* "Total Cost" → gap before first bullet */
  margin-bottom: 0.45em !important;
}

/* "Capital cost covered by taxation" */
#participant-results #participant-calculations p:nth-child(6){
  margin-top: 0.70em !important;    /* space above this line (after Escalation) */
  margin-bottom: 0.45em !important; /* space before the first tax bullet */
}

/* Section breaks further down */
/* "Remaining capital cost needed" */
#participant-results #participant-calculations p:nth-child(9){
  margin-top: 0.70em !important;    /* space after the Commercial tax bullet */
}

/* "Site area required" */
#participant-results #participant-calculations p:nth-child(10){
  margin-top: 0.70em !important;    /* small gap after Remaining capital cost */
}

/* Capital Cost card – whole strip in light green */
.option-description-group.row.mb-10 {
  background-color: #c0e9da !important;   /* light green */
}

/* Make sure the dollar amount stays dark and readable */
.option-description-group.row.mb-10 .option-description-line__value {
  color: #004b36 !important;              /* dark green */
  font-weight: 700;
}


/* Capital Cost card – text color tuning */
.option-description-group.row.mb-10 .option-description-line__label {
  /* "Capital Cost" */
  color: #006e54 !important;   /* dark-but-softer green */
  font-weight: 600;
}

.option-description-group.row.mb-10 .option-description-line__value {
  /* $ amount */
  color: #006e54 !important;   /* same green as label */
  font-weight: 650;
}

/* Capital Cost label – match the green scheme */
.option-description-group .option-description-line__title.details-title span {
  color: #006e54 !important;   /* complimentary dark green */
  font-weight: 450;
}

/* Remove navbar logo globally */
.navbar-brand,
.navbar-brand img {
  display: none !important;
}

/******************************************
 * OPTION SELECT (BINARY) — UNSELECTED COLOR ONLY
 * Keeps selected (primary-accent-bg) unchanged
 ******************************************/

/* 1) Unselected header/button background -> light grey */
.panel-binary .expansion-toggle.voting-panel-button:not(.primary-accent-bg),
.panel-binary .bootstrap-collapse-heading:not(.primary-accent-bg) {
  background: #F2F3F5 !important;   /* light neutral grey */
  color: #1f2937 !important;        /* dark text */
}

/* 2) If the inner "row" carries the visible bg, set it too (unselected only) */
.panel-binary .expansion-toggle.voting-panel-button:not(.primary-accent-bg)
  .panel-heading-color.row {
  background: #F2F3F5 !important;
}

/* 3) Border / divider polish for unselected */
.panel-binary .expansion-toggle.voting-panel-button:not(.primary-accent-bg) {
  border: 1px solid rgba(0,0,0,0.12) !important;
  box-shadow: none !important;
}

/* 4) Keep the selected state EXACTLY as-is */
.panel-binary .expansion-toggle.voting-panel-button.primary-accent-bg,
.panel-binary .bootstrap-collapse-heading.primary-accent-bg {
  background: inherit !important; /* do not override your green */
  color: inherit !important;
}

/* Facility Options page only: remove entirely */
#center-page-facility-options .details-title{
  display: none !important;
}

/******************************************
 * "MY CHOICE" (Personal Results) – make option rows light green
 ******************************************/

/* Base rows */
.right-sidebar__bottom #participant-results .option{
  background-color: #F2F7F4 !important;  /* light green */
}

/* If it changes on hover/focus/active, force consistency */
.right-sidebar__bottom #participant-results .option:hover,
.right-sidebar__bottom #participant-results .option:focus,
.right-sidebar__bottom #participant-results .option:active{
  background-color: #F2F7F4 !important;
}

/* If selected row has its own class, keep it green-tinted too (optional) */
.right-sidebar__bottom #participant-results .option.selected,
.right-sidebar__bottom #participant-results .option.active{
  background-color: #F2F7F4 !important;  /* slightly deeper light green */
}

.likert-block.filled {
  background-color: #007054 !important;
  border-color: #007054 !important;
}

.likert-block[class*="filled"] {
  background-color: #007054 !important;
  border-color: #007054 !important;
}

#participant-results .pr-title {
  color: #444444 !important;  /* strong charcoal */

}

#participant-results .tab-pie {
  display: none !important;
}

/* Global primary buttons -> your brand green */
.btn.btn-primary {
  background-color: #007054 !important;
  border-color: #007054 !important;
  color: #ffffff !important;
}

/* Hover state */
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: #005f47 !important;  /* slightly darker */
  border-color: #005f47 !important;
}

/* Group Results page: replace the pale blue everywhere */
body.page-group-results [style*="#EFF8FE"],
body.page-group-results [style*="#eff8fe"]{
  background-color: #F2F7F4 !important;
}

/* GROUP RESULTS – swap #EFF8FE -> #F2F7F4 */

/* Panel headings */
.page-results-group .panel.panel-default > .panel-heading,
.results-summary-page .panel.panel-default > .panel-heading {
  background-color: #F2F7F4 !important;
}

/* Small scenario navigator buttons (the little circles / icons) */
.page-results-group .panel-body .scenario-navigator-item.btn,
.results-summary-page .panel-body .scenario-navigator-item.btn {
  background-color: #F2F7F4 !important;
}

/* Calculation wrapper border */
.page-results-group .panel.panel-calculation-wrapper,
.results-summary-page .panel.panel-calculation-wrapper {
  border-color: #F2F7F4 !important;
  border: 20px solid #F2F7F4 !important;
}

/* Collapsed result-card header area */
.card.result-card .detail-toggle.collapsed {
  background-color: #F2F7F4 !important;
}

.distribution-captions .distribution-caption {
  background-color: #3F6F63 !important;
  color: #ffffff !important;
}

.page-results-group .panel-heading .panel-heading-right span:nth-child(1),
.page-results-group .panel-heading .panel-heading-right span:nth-child(2),
.results-summary-page .panel-heading .panel-heading-right span:nth-child(1),
.results-summary-page .panel-heading .panel-heading-right span:nth-child(2) {
  color: #2E5F52 !important;
}

/* ===============================
   GROUP RESULTS GREEN SYSTEM
   =============================== */

/* 1️⃣ Result Card Title */
.card.result-card .detail-toggle .title {
  color: #2E5F52 !important;
}

/* 2️⃣ Result Card Labels */
.card.result-card .detail-toggle .labels .label {
  background-color: transparent !important;
  color: #007054 !important;
  border: none !important;
}

.card.result-card .detail-toggle .labels .label i
{
  color: #007054 !important;
}

/* 3️⃣ Scenario Navigator Buttons */
.page-results-group .panel-body .scenario-navigator-item.btn,
.results-summary-page .panel-body .scenario-navigator-item.btn {
  background-color: #F2F7F4 !important;
  border: 1px solid #dbe9e3 !important;
}

/* Scenario Navigator Icons */
.page-results-group .panel-body .scenario-navigator-item.btn i,
.results-summary-page .panel-body .scenario-navigator-item.btn i {
  color: #2E5F52 !important;
}

/* 4️⃣ Panel Heading Main Titles */
.page-results-group .panel-heading h3,
.results-summary-page .panel-heading h3 {
  color: #2E5F52 !important;
}

/* 5️⃣ Panel Heading Right Spans (all three) */
.page-results-group .panel-heading .panel-heading-right span:nth-child(1),
.page-results-group .panel-heading .panel-heading-right span:nth-child(2),
.page-results-group .panel-heading .panel-heading-right span:nth-child(3),
.results-summary-page .panel-heading .panel-heading-right span:nth-child(1),
.results-summary-page .panel-heading .panel-heading-right span:nth-child(2),
.results-summary-page .panel-heading .panel-heading-right span:nth-child(3) {
  color: #2E5F52 !important;
}

/* 6️⃣ Likert Distribution Buttons */
.distribution-captions .distribution-caption {
  background-color: #3F6F63 !important;
  color: #ffffff !important;
}

/* Wrap-and-scale approach (best effort without changing HTML) */
.option-text.full-width {
  overflow: hidden !important;
}

@media (max-width: 768px) {
  .option-text.full-width table {
    transform-origin: top left;
    transform: scale(0.85); /* tweak 0.75–0.95 */
  }
}
@media (max-width: 480px) {
  .option-text.full-width table {
    transform: scale(0.70); /* tweak 0.60–0.80 */
  }
}

/* Make option tables responsive by scaling down inside their container */
.option-text.full-width table {
  width: 540px !important;     /* keep your “designed” width */
  max-width: 100% !important;  /* but never exceed container */
  height: auto !important;
  table-layout: fixed;         /* helps prevent blowouts */}