/* GENERAL */
.politics-2022.page-content { padding-bottom: 0; float: none; margin: 0 auto; }
.politics-2022.page-content a { color: #3f4c4e; font-weight: 400; }
.politics-2022.page-content a:hover { color: #11837a; }
.politics-2022 h1 { color: #fff; font-family: 'Abolition'; text-transform: uppercase; font-size: 100px; line-height: 1.3em; margin-top: 15%; letter-spacing: 1px; }
.politics-2022 h2 { color: #000; font-family: 'Abolition'; text-transform: uppercase; font-size: 40px; line-height: 1.2em; letter-spacing: 1px; }
.politics-2022 h3 { color: #000; font-family: 'Abolition'; font-size: 24px; line-height: 1.2em; letter-spacing: 1px; }
.politics-2022, .politics-2022 p { color: #000; font-family: Oswald; font-size: 18px; line-height: 1.8em; font-weight: 300; }
.politics-row { display: flex; margin: 0 auto; padding: 0 5vw; }
.politics-2022.page-content .btn_politics { display: inline-block; background-color: #11837a; color: #fff; font-family: 'Abolition'; text-transform: uppercase; padding: 25px 40px; font-size: 24px; letter-spacing: 1px; border-radius: 4px; transition: background-color .4s ease-in-out; }
.politics-2022.page-content .btn_politics:hover { background-color: #3f4c4e; color: #fff; }
.center-vertical { display: flex; flex-direction: column; justify-content: center; }
.politics-2022 .hidden-content { display: none; }
.politics-2022 .breadcrumb { line-height: 1.5em; }

@media screen and (min-width: 1500px) {
  .politics-row { margin: 4em auto; }
}
@media screen and (max-width: 1200px) {
  .politics-2022 h1 { font-size: 80px; }
}

/* PERSONALITY TEST */
.politics__personality_test { padding: 10% 0; }

/* TOOLTIP */
div.tooltip { position: absolute; width: 275px; font-family: Oswald; font-size: 14px; line-height: 1em; padding: 25px 20px; background: #11837a; color: #fff; pointer-events: none; transform: translateX(-50%);}
div.tooltip:after { position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); box-sizing: border-box; display: block; width: 0; color: #11837a; content: ""; border-top: 12px solid #11837a; border-bottom: 12px solid transparent; border-right: 12px solid transparent; border-left: 12px solid transparent; z-index: 999;}
.tooltip__date-row { display: flex; margin-bottom: 10px; }
.tooltip .date { flex: 0 0 45%; font-size: 12px; }
.tooltip .date-underline { flex: 0 0 55%; border-bottom: 1px solid #fff; }
.tooltip__content-row { display: flex; }
.tooltip img.headshot { width: 75px; height: 75px; border-radius: 100%; }
.tooltip__stats { display: flex; flex-direction: column; justify-content: center; margin-left: 20px; }
.tooltip__name { font-weight: 400; text-transform: uppercase; font-size: 18px; margin-bottom: 10px; }
.mention-line { transition: stroke-width .4s ease-in-out; }
.active-line { stroke-width: 4px; }
.page-selection-2022 .gen-tooltip, .page-generations .gen-tooltip { width: auto; }
.page-generations .gen-tooltip { font-family: 'Roboto'; }

/* IDEOLOGIES CHART */
#ideologies-chart { position: relative; }
#ideologies-chart svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent; }
#ideologies-chart .axis-label { text-transform: none; font-weight: 300; font-size: 14px; }
.generations-group circle { cursor: pointer; }
.page-selection-2022 .generations-group circle { cursor: default; }
.generations-group circle:hover, .generations-group .gen-circle.active-gen { stroke: #aa6152; stroke-width: 15px; stroke-opacity: 0.5; }
.page-selection-2022 #ideologies-chart .tick { opacity: 0;}
svg .gen-label { font-size: 12px; color: #000; text-transform: capitalize; font-weight: 500; }

@media screen and (max-width:650px) {
  /* .gen-chart { transform: translate(20px,20px); } */
  .generations-group, .labels-group { transform: translate(75px,15px); }
  #ideologies-chart .axis-label, svg .gen-label { font-size: 10px; }
  .gen-label:nth-of-type(1) { transform: translate(-45px, 3px); }
  .gen-label:nth-of-type(2) { transform: translate(0, 30px); }
  .gen-label:nth-of-type(3) { transform: translate(45px, 5px); }
  .gen-label:nth-of-type(4) { transform: translate(-50px, 3px); }
}
@media screen and (max-width:450px) {
  /* .gen-chart { transform: translate(20px,20px); } */
  .generations-group, .labels-group { transform: translate(33px,3px); }
  svg .gen-label { font-size: 8px; }
  #ideologies-chart .axis-label { font-size: 6px; }
  .gen-label:nth-of-type(1) { transform: translate(-25px, 3px); }
  .gen-label:nth-of-type(2) { transform: translate(0, 20px); }
  .gen-label:nth-of-type(3) { transform: translate(30px, 5px); }
  .gen-label:nth-of-type(4) { transform: translate(-30px, 3px); }
  .generations-group .gen-circle.active-gen { stroke-width: 10px; }
}

/* BREADCRUMBS */
.politics-2022.generations { margin-top: 1em; }
.politics-2022.generations #breadcrumb-container { margin-bottom: 5em;}
.politics-2022.generations #breadcrumb-container li.active { font-family: 'Roboto'; font-weight: 500; }