/*    version 1.2        */
/*    August 6th 2020     */

/* NOTES: - Replace #COLORS with hex code of choice                      */
/*        - some places require hex to be converted to RGBA              */
/*        - use the predefined colours to adhere to the colour scheme    */
/*        - any new element that needs to be coloured should be put here */

/* ~Predefined Colours~ */
/* ~Changed Colours to meet accessibility standards for colour contrast~ */

.black {
  color: black;
}
.grey {
  color: grey;
}
.darkGrey {
  color: #545454;
}
.lDarkGrey {
  color: #6e6e6e;
}
.blue {
  color: #3270ec;
}
.lBlue {
  color: #e5edfd;
}
.darkBlue {
  color: #2566af; /* Cores website */
}
/* Added this color to pass A11y contrast */
.lDarkBlue {
  color: #2869eb;
}
.seaBlue {
  color: #006eae; /* BHPC website */
}
.coral {
  color: #f75555;
}
.lCoral {
  color: #feeeee;
}
.green {
  color: #00805e;
}
.yellow-green {
  color: #70e000;
}
.lGreen {
  color: #e0f3ec;
}
.purple {
  color: #9451ec;
}
.violet {
  color: #7b2cbf;
}
.lPurple {
  color: #f4edfd;
}
.red {
  color: #e60000;
}
.ir {
  color: #af1010;
}
.teal {
  color: #147580;
}
.lTeal {
  color: #cdf2f6;
}
.yellow {
  color: #c4870e;
}
.lYellow {
  color: #fcf1de;
}

/* ~Site Wide~ */
/* ::selection {
  background: #cdf2f6;
} */
::selection {
  background-color: #147580;
  color: #fff;
}

.tinted {
  background-color: rgba(31, 198, 216, 0.07);
}

/* ~Button Related~ */
.btn {
  background-color: #147580;
}
.btn:hover {
  color: #147580 !important;
  box-shadow: 0 5px 11px rgba(31, 198, 216, 0.6); /*RGB of #MAINCOLOR*/
}
.outlineBtn:hover {
  color: #cdf2f6;
}
.txtBtn {
  color: #147580;
}

/* ~tab view related~ */
.tab {
  color: #147580;
}
.roundedTriangle {
  fill: #cdf2f6;
}
.tabBody {
  background-color: #cdf2f6;
}

/* ~misc~ */
.title-underline {
  background-color: #147580;
}
.faq .card .accordionCardHeader:hover {
  background: #cdf2f6;
}
.faq .card .accordionCardHeader .accordion-Title .badge {
  background: #147580;
}
.mainColor {
  /* color: #167d88; */
  color: #147580;
}
.mainColor-bg {
  background-color: #147580;
}

/* ~footer related~ */
footer {
  background-color: #147580;
}
.wave-down {
  fill: #147580;
}
.footer-copy a:hover {
  color: black;
  border-bottom: solid 0 #147580;
}

/* ~mailto link related~ */
.mailto-color-mainColor a {
  color: #147580;
}
.mailto-color-mainColor a:hover {
  color: #147580;
}
.mailto-color-inherit a {
  color: inherit;
}
.close:hover {
  color: #147580;
}
.email-mainColor {
  color: #147580;
}