/*                                                                      */
/* 		                   HIGHLIGHTS                       		    */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL mobile.css     */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/* v003 07 Aug 2019 -   New rule to sort out highlight box top margin   */
/* v004 18 Dec 2019 -   Use _css_border-colour-2 for CSG (the blue)     */
/*                                                                      */
/*                                                                      */


.highlight-box {
  border: solid 1px #0072ce /* CSG Blue (Pantone 285C) */;
  padding: 20px 20px 15px 20px;          /* (see new rule below) */
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* New rule derived from GS to finally fix the problem if H3 at top of highlight box */
.highlight-box > h3:first-child {	/* Highlight box that has a H3 as its first child element */
  margin-top: 0px;
  padding-top: 0px;
}


.highlight-box.action {
  border-color: #f18a00 /* CSG Orange (Pantone 144c) */;
}
.highlight-box.colour2 {
  border-color: #0072ce /* CSG Blue (Pantone 285C) */;
}
.highlight-box.colour3 {
  border-color: #78c048 /* CSG Green (Pantone 368c) */;
}
.highlight-box.colour4 {
  border-color: #f18a00 /* CSG Orange (Pantone 144c) */;
}
.highlight-box.colour5 {
  border-color: #e1251b /* CSG Red (Pantone 485c) */;
}


.highlight_box small {
  display: block;
  padding-left: 0.5em;
  text-indent: -0.5em;
}

.highlight_word { font-weight: bold; }