.frameworkWrap .titleCol {
  padding-bottom: 50px; }
  @media (max-width: 767.98px) {
    .frameworkWrap .titleCol {
      padding-bottom: 10px; } }
  .frameworkWrap .titleCol h2 {
    margin: 0; }

.frameworkWrap .linkCol {
  padding-bottom: 50px;
  text-align: right; }
  @media (max-width: 767.98px) {
    .frameworkWrap .linkCol {
      text-align: left; } }

.frameworkWrap #justiceTrigger:hover,
.frameworkWrap #eligibilityTrigger:hover,
.frameworkWrap #needsTrigger:hover,
.frameworkWrap #participantTrigger:hover,
.frameworkWrap #programTrigger:hover,
.frameworkWrap #communityTrigger:hover {
  cursor: pointer; }
  .frameworkWrap #justiceTrigger:hover path[fill="#fff"],
  .frameworkWrap #eligibilityTrigger:hover path[fill="#fff"],
  .frameworkWrap #needsTrigger:hover path[fill="#fff"],
  .frameworkWrap #participantTrigger:hover path[fill="#fff"],
  .frameworkWrap #programTrigger:hover path[fill="#fff"],
  .frameworkWrap #communityTrigger:hover path[fill="#fff"] {
    fill: #0170BC; }
  .frameworkWrap #justiceTrigger:hover path[fill="#0071bc"].include,
  .frameworkWrap #eligibilityTrigger:hover path[fill="#0071bc"].include,
  .frameworkWrap #needsTrigger:hover path[fill="#0071bc"].include,
  .frameworkWrap #participantTrigger:hover path[fill="#0071bc"].include,
  .frameworkWrap #programTrigger:hover path[fill="#0071bc"].include,
  .frameworkWrap #communityTrigger:hover path[fill="#0071bc"].include {
    fill: #fff; }
  .frameworkWrap #justiceTrigger:hover > g path[fill="#0071bc"],
  .frameworkWrap #justiceTrigger:hover > g circle[fill="#0071bc"],
  .frameworkWrap #justiceTrigger:hover > g rect[fill="#0071bc"],
  .frameworkWrap #justiceTrigger:hover > g polygon[fill="#0071bc"],
  .frameworkWrap #eligibilityTrigger:hover > g path[fill="#0071bc"],
  .frameworkWrap #eligibilityTrigger:hover > g circle[fill="#0071bc"],
  .frameworkWrap #eligibilityTrigger:hover > g rect[fill="#0071bc"],
  .frameworkWrap #eligibilityTrigger:hover > g polygon[fill="#0071bc"],
  .frameworkWrap #needsTrigger:hover > g path[fill="#0071bc"],
  .frameworkWrap #needsTrigger:hover > g circle[fill="#0071bc"],
  .frameworkWrap #needsTrigger:hover > g rect[fill="#0071bc"],
  .frameworkWrap #needsTrigger:hover > g polygon[fill="#0071bc"],
  .frameworkWrap #participantTrigger:hover > g path[fill="#0071bc"],
  .frameworkWrap #participantTrigger:hover > g circle[fill="#0071bc"],
  .frameworkWrap #participantTrigger:hover > g rect[fill="#0071bc"],
  .frameworkWrap #participantTrigger:hover > g polygon[fill="#0071bc"],
  .frameworkWrap #programTrigger:hover > g path[fill="#0071bc"],
  .frameworkWrap #programTrigger:hover > g circle[fill="#0071bc"],
  .frameworkWrap #programTrigger:hover > g rect[fill="#0071bc"],
  .frameworkWrap #programTrigger:hover > g polygon[fill="#0071bc"],
  .frameworkWrap #communityTrigger:hover > g path[fill="#0071bc"],
  .frameworkWrap #communityTrigger:hover > g circle[fill="#0071bc"],
  .frameworkWrap #communityTrigger:hover > g rect[fill="#0071bc"],
  .frameworkWrap #communityTrigger:hover > g polygon[fill="#0071bc"] {
    fill: #fff; }

.frameworkWrap #diversionTrigger:hover,
.frameworkWrap #educationTrigger:hover,
.frameworkWrap #healthTrigger:hover,
.frameworkWrap #wraparoundTrigger:hover,
.frameworkWrap #careerTrigger:hover,
.frameworkWrap #familyTrigger:hover,
.frameworkWrap #mentoringTrigger:hover {
  cursor: pointer; }
  .frameworkWrap #diversionTrigger:hover circle,
  .frameworkWrap #educationTrigger:hover circle,
  .frameworkWrap #healthTrigger:hover circle,
  .frameworkWrap #wraparoundTrigger:hover circle,
  .frameworkWrap #careerTrigger:hover circle,
  .frameworkWrap #familyTrigger:hover circle,
  .frameworkWrap #mentoringTrigger:hover circle {
    fill: #007A7C; }
  .frameworkWrap #diversionTrigger:hover text,
  .frameworkWrap #educationTrigger:hover text,
  .frameworkWrap #healthTrigger:hover text,
  .frameworkWrap #wraparoundTrigger:hover text,
  .frameworkWrap #careerTrigger:hover text,
  .frameworkWrap #familyTrigger:hover text,
  .frameworkWrap #mentoringTrigger:hover text {
    fill: #fff; }

.frameworkWrap #careerTrigger:hover path:not(.exclude) {
  fill: #fff; }

.frameworkBottom > div {
  padding-top: 30px; }
  .frameworkBottom > div .title {
    color: #001E59;
    font-weight: bold;
    font-size: 18px;
    line-height: 19.2px;
    padding: 20px 0 20px 50px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 43px 43px;
    margin-bottom: 6px; }
    .frameworkBottom > div .title.who {
      background-image: url("../img/framework_new/Who.svg"); }
    .frameworkBottom > div .title.what {
      background-image: url("../img/framework_new/What.svg"); }
    .frameworkBottom > div .title.how {
      background-image: url("../img/framework_new/How.svg"); }

.popover {
  border: 4px solid #222 !important;
  color: #000 !important; }
  .popover.top > .arrow {
    border-top-color: #222; }
  .popover ul {
    margin: 0 0 0 16px;
    padding: 0;
    list-style-type: circle; }
    .popover ul li {
      margin: 0;
      padding: 0 0 6px 0; }
      .popover ul li:last-child {
        padding-bottom: 0; }
  @media (max-width: 991.98px) {
    .popover {
      font-size: 13px; }
      .popover li {
        font-size: 13px; } }

.composeBox {
  background: #F9F8F5;
  color: #001E59;
  padding: 50px 30px 30px 30px; }
  .composeBox .topDesc {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 20px 0; }
    .composeBox .topDesc .num {
      font-size: 30px;
      line-height: 26px; }
    .composeBox .topDesc .subNum {
      font-size: 20px;
      line-height: 24px; }
    .composeBox .topDesc .subSubNum {
      font-size: 15px;
      line-height: 18px; }
  .composeBox .bracket {
    width: 100%;
    height: 20px; }
    .composeBox .bracket.bTop {
      background: url("../img/icons_new/About_Bracket_Top.svg") center left no-repeat; }
    .composeBox .bracket.bBottom {
      background: url("../img/icons_new/About_Bracket_Bottom.svg") center left no-repeat; }
  @media (max-width: 991.98px) {
    .composeBox {
      margin-top: 30px; }
      .composeBox .bracket {
        height: 42px; } }
  .composeBox .composeList {
    padding: 0 30px; }
    .composeBox .composeList .item {
      padding: 16px 20px 16px 60px;
      background-repeat: no-repeat;
      background-position: center left;
      font-weight: bold;
      color: #001E59;
      font-size: 16px;
      border-bottom: 1px solid #e1e1e1;
      line-height: 1.6em; }
      .composeBox .composeList .item.education {
        background-image: url("../img/icons_new/About_Education.svg");
        background-size: 46px 44px; }
      .composeBox .composeList .item.justice {
        background-image: url("../img/icons_new/About_Justice.svg");
        background-size: 45px 45px;
        color: #19568B; }
      .composeBox .composeList .item.social {
        background-image: url("../img/icons_new/About_Social.svg");
        background-size: 43px 45px; }
      .composeBox .composeList .item.workforce {
        background-image: url("../img/icons_new/About_Workforce.svg");
        background-size: 45px 45px;
        border-bottom: none;
        color: #19568B; }
    @media (max-width: 1199.98px) {
      .composeBox .composeList {
        padding: 0 20px; } }
    @media (max-width: 991.98px) {
      .composeBox .composeList {
        padding: 0 40px; }
        .composeBox .composeList .item {
          padding-top: 24px;
          padding-bottom: 24px; } }

.partnershipNote {
  text-align: right;
  font-style: italic; }

.blockLabel {
  display: block;
  position: relative; }

#clearSearch {
  float: right;
  cursor: pointer;
  display: none; }
  #clearSearch.open {
    display: block; }