/* *** CITT styles - Common to custom.css and editor.css *** */

.first-letter {
  color: #284ba0;
  float: left;
  font-size: 3em;
  margin: 0 .1em 0 0;
  line-height: 0.85;
}

.citt-slogan {
  font-weight: bold;
  font-style: italic;
  font-size: 16pt;
}

.citt-close {
  margin-bottom: 0px;
}

.citt-closish {
  margin-bottom: 6px;
}

.citt-square { 
  list-style: square;
  margin-left: 0;*/
}

.citt-argument {
  color: #000;
  font-weight: 900;
  font-style: italic;
  text-transform: lowercase;
}

.citt-function {
  font-weight: 900;
  text-transform: uppercase;
}

.citt-formula {
  color: #000;
  font-weight: 900;
}

.citt-ribbon {
  font-weight: bold;
  color: #800080;
}

.citt-name{
  font-weight: bold;
  color: #284ba0;
}

.citt-wrap-list{
  column-count: 2;
  column-gap: 30px;
  column-width: 300px;
}

.citt-float-right{
  float:right;
}

.citt_fac {
  color: #284DA0;
  font-weight: bold;
}

.citt_favc {
  color: #007945;
  font-weight: bold;
}

.citt_cmc {
  color: #e2007a;
  font-weight: bold;
}

.citt_ktls {
  color: #d7153d;
  font-weight: bold;
}

.citt_pbi {
  color: #ff6633;
  font-weight: bold;
}

/* *** function reference styles, common to custom.css and editor.css *** */

.funcref-heading {
  background-color: #284BA0;
  color: #fff;
}

.funcref-syntax {
  font-weight: 700;
  font-size: 200%;
  padding: 10px 10px 20px;
}

.funcref-syntax-sub {
  font-weight: 700500;
  font-size: 16pt;
  text-transform: uppercase;
  padding: 10px 20px 20px;
}

.funcref-description, .funcref-note {
  padding: 10px 0px;
}

.funcref-argument {
  font-weight: 900;
  text-transform: lowercase;
  padding: 10px 0px 20px;
  width: 100px;
}

.funcref-type, .funcref-value {
  font-weight: 600;
  padding: 10px 0px 20px;
  width: 100px;
}

.funcref-warning {
  font-weight: 600;
  color: #800;
  padding: 10px 0px 20px;
}

/* *** Update lozenges, common to custom.css and editor.css *** */

.new-tag::after{
  content: "NEW";
  font-size: 12px;
  padding: 0px 5px 0px 5px;
  color: #fff;
  background-color: #007548;
}

.updated-tag::after{
  content: "UPDATED";
  font-size: 12px;
  padding: 0px 5px 0px 5px;
  color: #fff;
  background-color: #d7153d;
}

.login-tag::after{
  content: "Login Required";
  font-size: 12px;
  padding: 0px 5px 0px 5px;
  color: #fff;
  background-color: #284ba0;
}

/* *** font-awesome standard colours for site *** */
.fa-file-excel-o {
  color: #217346;
}

/* *** the learning habit styles, common to custom.css and editor.css *** */

.tlh-title{
  font-style: italic;
  color: #029189;
}

.tlh-title-bold{
  font-style: italic;
  font-weight: bold;
  color: #029189;
}

.tlh-lpaths{
  font-style: italic;
  color: #cc0033;
}

.tlh-lpaths-bold{
  font-style: italic;
  font-weight: bold;
  color: #cc0033;
}

.tlh-tick::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  color: #008000;
  padding-left: 6px;
  font-weight: 900;
  content: "\f00c";
  padding-right: 5px;
}

.tlh-cross::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  color: #ff0000;
  padding-left: 6px;
  font-weight: 900;
  content: "\f00d";
  padding-right: 5px;
}

.tlh-gray-cross::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  color: #bbbbbb;
  padding-left: 6px;
  font-weight: 900;
  content: "\f00d";
  padding-right: 5px;
}

.tlh-star::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  color: #284ba0;
  padding-left: 6px;
  font-weight: 900;
  content: "\f005";
  padding-right: 5px;
}

.tlh-public{
  font-weight: bold;
  color: #777777;
}

.tlh-public::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: normal;
  color: #777777;
  padding-left: 6px;
  content: "\f06e";
  padding-right: 5px;
}

.tlh-onyx{
  font-weight: bold;
  color: #777777;
}

.tlh-onyx::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: normal;
  color: #777777;
  padding-left: 6px;
  content: "\f2c2";
  padding-right: 5px;
}

.tlh-alumnus{
  font-weight: bold;
  color: #284BA0;
}

.tlh-alumnus::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding-left: 6px;
  content: "\f19d";
  padding-right: 5px;
}

.tlh-amethyst{
  font-weight: bold;
  color: #660099;
}

.tlh-amethyst::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 600;
  color: #660099;
  padding-left: 6px;
  content: "\f3ff";
  padding-right: 5px;
}

.tlh-sapphire{
  font-weight: bold;
  color: #0000cc;
}

.tlh-sapphire::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 600;
  color: #0000cc;
  padding-left: 6px;
  content: "\f3ff";
  padding-right: 5px;
}

.tlh-emerald{
  font-weight: bold;
  color: #009000;
}

.tlh-emerald::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 600;
  color: #009000;
  padding-left: 6px;
  content: "\f3ff";
  padding-right: 5px;
}

.tlh-ruby{
  font-weight: bold;
  color: #cc0000;
}

.tlh-ruby::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 600;
  color: #cc0000;
  padding-left: 6px;
  content: "\f3ff";
  padding-right: 5px;
}

/* *** SLS special styles, common to custom.css and editor.css *** */

.sls-about-block{
  background-color: #f5f5f5; 
  padding: 10px; 
  color: #284ba0; 
  margin: -10px;
}

.sls-star::before{
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  color: #05af8f;
  padding-left: 6px;
  font-weight: 900;
  content: "\f005";
  padding-right: 5px;
}

.first-letter {
  color: #284ba0;
  float: left;
  font-size: 3em;
  margin: 0 .1em 0 0;
  line-height: 0.85;
}