/*** START colour palette  **/
/*** Primary palette  **/
.black  { background-color:#000 }
.holly { background-color:#315C44 }
.ocean  { background-color:#004F7A }
.chestnut { background-color:#942725 }
.violet { background-color:#6d2866 }
.brightred { background-color:#e30513 }
.mulberry { background-color:#BE0071 } 

.slate  { background-color:#46322f }
.leafgreen { background-color:#95C11E }
.aqua { background-color:#00AEAE }
.gold { background-color:#BEA423 }
.purple { background-color:#9A6AAA }
.orange { background-color:#f59c00 }

.silver { background-color:#DDDADC }
.silver-50 { background-color:#D8D3D6 }
.silver-30 { background-color: #DDDADC }
.brightgreen { background-color:#BDD142 }
.brightgreen-50 { background-color:#DEE8A1 }
.brightgreen-30 { background-color: #ECF2C7 }
.cornflower { background-color:#80B2E0 }
.cornflower-50 { background-color:#C0D9F0 }
.cornflower-30 { background-color: #D9E8F6 }
.marigold { background-color:#E7D200 }
.rose { background-color:#DC6EA7 }
.yellow { background-color:#FFED00 }

/*** Secondary palette  **/
.gunmetalgrey { background-color:#3D4542 }
.deepgreen { background-color:#009877 }
.warmorange { background-color:#D14600 }
.sugarplum { background-color:#732181 }
.sunsetyellow { background-color:#FFC627 }
.warmred { background-color:#EC0044 }
.warmblue { background-color:#407CC9 }
.mansiongreen { background-color:#368F3F }
.wildpink { background-color:#DD2C5E }

/*** Others palette  **/
.lightgrey { background-color:#f3f2f1 }
.navbrown { background-color:#2B1824 }
.brown { background-color:#b58840 }

/*** END colour palette  **/

.scorecard-container { position: relative; display: block; margin:0 0 50px 0 }
  .scorecard-container p.two-thirds { width:75% }
.scorecard-container h1 {color: #bc0067;font-size: 1.625em}
.scorecardFlexRowBlock { display:flex }
.scorecardFlexRowBlock.cms-row { display:flex; /* equal height of the children */ }
.scorecardFlexRowBlock.cms-row:after { content: ""; display: block; clear: both; }

.scorecardFlexRowBlock.cms-row div { color:#fff }

.scorecard-one-half, .scorecard-one-third, .scorecard-two-thirds { box-sizing: border-box; width: 100%; }
.scorecardFlexRowBlock .cms-column-half a, .scorecardFlexRowBlock .cms-column-third a { display:block; text-decoration:none }
.scorecardFlexRowBlock .cms-column-third a:focus, .scorecardFlexRowBlock .cms-column-half a:focus { display:block; text-decoration:none }
.scorecardFlexRowBlock .hp-100 { height: 100% !important; }
.scorecardFlexRowBlock .link-content { margin-top:-4px; padding:15px; position:relative }

.scorecardFlexRowBlock .row-container:nth-child(odd) { z-index:1; border-right:30px solid #fff; border-top:15px solid #fff; border-bottom:15px solid #fff }
.scorecardFlexRowBlock .row-container:nth-child(even) { z-index:1; border-top:15px solid #fff; border-bottom:15px solid #fff }
.scorecardFlexRowBlock .more-link a { color:#fff }
.scorecardFlexRowBlock .more-link a:link { color:#fff; display:inline; text-underline-offset:2px; text-decoration:underline; }
.scorecardFlexRowBlock .more-link a:hover { color:#fff; text-decoration-thickness:2px; text-underline-offset:2px; }
.scorecardFlexRowBlock .more-link  a:focus { color:#000; display:inline; outline: 3px solid rgba(0,0,0,0); background-color: #fd0; box-shadow: 0 -2px #fd0,0 4px #0b0c0c; text-decoration: none; text-decoration-thickness:none }
.scorecardglance-container .glance-block { display:inline-block; width:32% }
.scorecardglance-container { margin-bottom:50px }

.link-content span.indicator { font-size: 36px !important; font-size: 2.25rem !important; font-weight: 700 !important; display: block; }

/*** responsive  **/
@media (max-width:62em) {
  .scorecard-container { margin:15px }
}

@media (max-width: 59.9em) {
  .scorecard-container { max-width:100% !important; overflow-x:hidden !important; }
  .scorecard-container p.two-thirds { width:100% }
  .scorecardFlexRowBlock .top-number { width:30px; height:30px; font-size:1.3em }
  .scorecardglance-container { margin:25px }
}

@media (max-width: 40.0525em) {
  .scorecard-container { margin:0px; }
  .scorecardFlexRowBlock .row-container:nth-child(odd) { z-index:1; border-right:0px solid #fff; border-top:0px solid #fff; border-bottom:15px solid #fff }
.scorecardFlexRowBlock .row-container:nth-child(even) { z-index:1; border-top:0px solid #fff; border-bottom:15px solid #fff }
  .scorecardFlexRowBlock { padding-top: 0px !important }
  .scorecard-container { padding:0 15px }
  .scorecardFlexRowBlock .cms-column-half a, .scorecardFlexRowBlock .cms-column-third a { display:block; text-decoration:none }
  .scorecardFlexRowBlock.cms-row { display:block; margin:0; padding:0 }
  .scorecardFlexRowBlock .cms-column-half, .scorecardFlexRowBlock .cms-column-third { margin-left:0px }
  .scorecardFlexRowBlock .top-number { width:25px; height:25px; font-size:1.2em }
  .scorecardFlexRowBlock .scorecard-one-third, .scorecardFlexRowBlock .scorecard-one-half { margin-bottom:20px }
}

@media (min-width: 40.0625em) {
  .scorecard-one-third { width: 33.3333%; float: left; }
  .scorecard-one-half { width: 50%; float: left; }
  .scorecard-two-thirds { width: 66.6666%; float: left; }
}

.scorecardglance-content { display:inline-block; width:100% }
.scorecardglance-content p b, .glance-block p span { font-size:1.25em; font-weight:bold }
.link-content p.indicator { font-size:1.75em }
.scorecard-container p { font-size:1.1em }
.scorecard-container .more-link { font-weight:700 }