.views-values .interactive-activity-1 #ownership-values-graph { width: 810px; height: 610px; margin: 0 auto; position: relative; }
svg.values path { fill: transparent; stroke: lightsteelblue; stroke-width: 3px; pointer-events: none; }
svg.values .drag-on path { pointer-events: all; }
svg.values path.level-selected { pointer-events: all; }
svg.values .value-passion path:hover,
svg.values .value-passion path.level-selected { fill: #BC2B13; }
svg.values .value-loyalty path:hover,
svg.values .value-loyalty path.level-selected { fill: #9C2C74; }
svg.values .value-integrity path:hover,
svg.values .value-integrity path.level-selected { fill: #BC2C47; }
svg.values .value-courage path:hover,
svg.values .value-courage path.level-selected { fill: #99C404; }
svg.values .value-professionnalism path:hover,
svg.values .value-professionnalism path.level-selected { fill: #BC4C1C; }
svg.values .value-committment path:hover,
svg.values .value-committment path.level-selected { fill: #55C3C0; }
svg.values .value-sincerity path:hover,
svg.values .value-sincerity path.level-selected { fill: #FD9404; }
svg.values .value-honesty path:hover,
svg.values .value-honesty path.level-selected { fill: #4D216C; }
svg.values ellipse.center { fill: blue; stroke-width: 0; }
svg.values text { fill: darkblue; font-size: 15px; text-transform: uppercase; }

.views-values .voiceover-1 #ownership-ellipses { width: 910px; height: 510px; margin: 0 auto; }
svg.ellipses ellipse { fill: darkblue; display: block !important; }
svg.ellipses g.ellipse-behaviors ellipse { opacity: 0.2 }
svg.ellipses g.ellipse-ownership ellipse { opacity: 0.3 }
svg.ellipses g.ellipse-family ellipse { opacity: 0.5 }
svg.ellipses g.ellipse-values ellipse { opacity: 1 }
svg.ellipses line { stroke: #444; stroke-width: 1px; stroke-linecap: round; opacity: 1 !important; }
svg.ellipses line.line-ellipse { stroke: white; stroke-width: 4px; }
svg.ellipses text { fill: white; font-size: 18px; opacity: 1 !important; }
svg.ellipses text.title { font-size: 24px; font-weight: bold; text-shadow: #000 5px 5px 5px; }
svg.ellipses text.subtitle { font-size: 18px; text-anchor: center; fill: #444; }
svg.ellipses text.values { font-size: 16px; }
svg.ellipses g.ellipse-behaviors text.values { fill: darkblue; }

.views-values .interactive-activity-2 .board img { height: auto; width: 49%; float: left; margin-bottom: 1%; }
.views-values .interactive-activity-2 .board .answer { width: 50%; float: right; }
.views-values .interactive-activity-2 .board .post-it { margin: 0 auto; width: 150px; height: auto; margin-bottom: 2px; background-color: transparent; }
.views-values .interactive-activity-2 .board .post-it p { font-size: 16px; padding: 0px; }
.views-values .interactive-activity-2 .post-its { clear: both; }
.views-values .interactive-activity-2 .post-it { height: 50px; width: 100px; background-color: rgba(34,58,130,0.4); padding: 8px; margin: 0 5px 5px 0; display: inline-block; cursor: pointer; }
.views-values .interactive-activity-2 .post-it p { text-align: center; font-style: italic; font-size: 12px; padding:  5px; }

.aligning-practices-values-activity textarea { width: 100%; height: auto; }
.aligning-practices-values-activity .download-pdf-link { display: none; }