.col-right { padding-bottom: 30px; }
@media (min-width: 992px) {
  .col-right { padding: 0 24px 30px; }
  .col-right h3 { margin-top: 24px; }
}

.heading, .intro { padding: 30px 30px; }
.intro, .team { padding-top: 20px; }
@media (min-width: 992px) {
  .heading, .intro { padding-left: 75px; }
}

.content h3 { font-size: 25px; }
.content hr { margin-top: 0; }
.content .intro h2 { color: #005884; }
.content .related h3 { color: #6d6d6d; }
.content .related hr { border-top: 1px solid #c5c5c5; }
.content .approach h3 { font-size: 22px; }
.content .approach p { font-size: 14px; }
.content .approach a { margin-top: 12px; }
.content .approach a {
  display: inline-block;
  padding: 4px 22px 4px 10px;
  border: 1px solid #5d9dc0;
  background: #f1f1f1 url(../img/strategies/arrow.png) no-repeat right 6px center;
}
.content .approach a span { font-family: sans-serif; }
.content .approach a:active,
.content .approach a:focus,
.content .approach a:hover { text-decoration: none; background-color: #ddd; }

.intro h2 { margin-bottom: 20px; }
.intro p { margin-bottom: 30px; }

.intro .performance { margin-bottom: 60px; }
.intro .performance table { border-bottom: 1px solid #5281ae; }
.intro .performance thead { font-size: 14px; }
.intro .performance thead tr { background-color: #005a84; color: #fff; }
.intro .performance thead th { font-weight: normal; white-space: nowrap; }
.intro .performance thead th span { font-style: italic; color: #ccc; }
.intro .performance tbody { color: #5b5b5b; }
.intro .performance tbody tr.highlight { background-color: #edf4f0; color: #3d6c92; }
.intro .performance tbody tr.highlight td:not(:first-child) { font-weight: bold; }
.intro .performance tbody td { padding: 12px; border-top: 1px solid #5281ae; }
@media (min-width: 768px) {
  .intro .performance { font-size: 14px; }
}

.intro .legend { margin-bottom: 12px; }
.intro .legend > span { margin-left: 20px; }
.intro .legend > div > span { display: inline-block; width: 240px; }
.intro .legend .legend-a { color: #2a82b3; }
.intro .legend .legend-b { color: #696b6e; }
.intro .legend .legend-c { color: #79c3a8; }
.intro .legend .legend-d { color: #a5c092; }
.intro .legend .legend-key {
  display: inline-block;
  width: 30px;
  margin-top: -2px;
  margin-right: 6px;
  vertical-align: middle;
}
.intro .legend .legend-a .legend-key { border-top: 2px solid #2a82b3; }
.intro .legend .legend-b .legend-key { border-top: 2px solid #696b6e; }
.intro .legend .legend-c .legend-key { border-top: 2px solid #79c3a8; }
.intro .legend .legend-d .legend-key { border-top: 2px solid #a5c092; }
@media (max-width: 767px) {
  .intro .legend > span { display: block; }
}
@media (min-width: 768px) {
  .intro .legend > span { float: left; }
}

.intro .performance thead tr:first-child th { text-align: center; }
.intro .performance thead tr:first-child th:last-child { border-left: 1px solid #fff; }
.intro .performance thead tr:last-child th { padding: 8px 12px; }
.intro .performance thead tr:last-child th:nth-child(4) { border-left: 1px solid #fff; }
@media (max-width: 767px) {
  .intro .performance { border: none; }
  .intro .performance table { border-bottom: none; }
  .intro .performance table, thead, tbody, th, td, tr { display: block; }
  .intro .performance thead tr { position: absolute; top: -9999px; left: -9999px; }
  .intro .performance tr { border: 1px solid #ccc; margin-bottom: 20px; }
  .intro .performance td {
    border: none;
    border-top: none !important;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 40% !important;
    font-weight: normal !important;
  }
  .intro .performance td:last-child { border-bottom: none; }
  .intro .performance td:before {
    position: absolute;
    left: 8px;
    width: 40%;
    padding-right: 10px;
    white-space: nowrap;
  }
  .intro .performance td:nth-of-type(2):before { content: "3-Months"; }
  .intro .performance td:nth-of-type(3):before { content: "YTD"; }
  .intro .performance td:nth-of-type(4):before { content: "1-Year"; }
  .intro .performance td:nth-of-type(5):before { content: "3-Years"; }
  .intro .performance td:nth-of-type(6):before { content: "5-Years"; }
  .intro .performance td:nth-of-type(7):before { content: "10-Years"; }
  .intro .performance td:nth-of-type(8):before { content: "Inception"; }
}

.intro .chart { margin-bottom: 50px; clear: both; }
.intro .chart .ct-label { color: #79c3a8 !important; font-size: 1.1rem !important; }
.intro .chart .ct-grid.ct-vertical:first-child {
  stroke: #696b6e;
  stroke-dasharray: inherit;
  shape-rendering: crispEdges;
}
.intro .chart .ct-grid.ct-vertical:not(:first-child) { stroke-dasharray: 4,2; }
.intro .chart .ct-series.ct-series-a .ct-line { stroke: #2a82b3; stroke-width: 2px; }
.intro .chart .ct-series.ct-series-b .ct-line { stroke: #696b6e; stroke-width: 2px; }
.intro .chart .ct-series.ct-series-c .ct-line { stroke: #79c3a8; stroke-width: 2px; }
.intro .chart .ct-series.ct-series-d .ct-line { stroke: #a5c092; stroke-width: 2px; }

.team > div { padding-bottom: 10px; }
.team h3 { margin-bottom: 6px; }
.team .member { margin-bottom: 20px; }
.team .member .name { font-weight: bold; font-size: 17px; color: #333; }
.team .member .title { font-style: italic; color: #2c81b1; }
.team .member .experience { font-style: italic; font-size: 13px; }

.related h3 { margin-bottom: 6px; }
.related .download {
  background: url(../img/download.png) left no-repeat;
  display: block;
  padding: 8px 0 8px 30px;
  font-size: 16px;
}