/*    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: #f2f7fb;
}
.green {
  color: #00805e;
}
.lGreen {
  color: #e0f3ec;
}
.purple {
  color: #9451ec;
}
.lPurple {
  color: #f4edfd;
}
.teal {
  color: #167d88;
}
.lTeal {
  color: #cdf2f6;
}
.yellow {
  color: #c4870e;
}
.lYellow {
  color: #fcf1de;
}

/* ~Site Wide~ */
/* ::selection {
  background: #F2F7FB;
} */
::selection {
  /* background-color: #f75555; */
  background-color: #0e4373; /* changed color to pass a11y test */
  color: #fff;
}
.tinted {
  background-color: rgba(14, 67, 115, 0.07);
}

/* ~Button Related~ */
.btn {
  background-color: #0e4373;
}
.btn:hover {
  color: #0e4373 !important;
  box-shadow: 0 5px 11px rgba(14, 67, 115, 0.6); /*RGB of #MAINCOLOR*/
}
.outlineBtn:hover {
  color: #f2f7fb;
}
.txtBtn {
  color: #0e4373;
}

/* ~tab view related~ */
.tab {
  color: #0e4373;
}
.roundedTriangle {
  fill: #f2f7fb;
}
.tabBody {
  background-color: #f2f7fb;
}

/* ~misc~ */
.title-underline {
  background-color: #0e4373;
}
.faq .card .accordionCardHeader:hover {
  background: #f2f7fb;
}
.faq .card .accordionCardHeader .accordion-Title .badge {
  background: #0e4373;
}
.mainColor {
  color: #0e4373; /* changed color to pass a11y test */
}
.mainColor-bg {
  background-color: #0c3a66;
}
.secondaryColor-bg {
  background-color: #f2f7fb;
}

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

/* ~mailto link related~ */
.mailto-color-mainColor a {
  color: #0e4373;
}
.mailto-color-mainColor a:hover {
  color: #0e4373;
}
.mailto-color-inherit a {
  color: inherit;
}
.hover-color-grey a:hover {
  color: #6e6e6e;
}
.bio-link a {
  text-decoration: underline !important;
  color: #0e4373;
  text-underline-offset: 4px;
}
.bio-link a:hover {
  text-decoration: none !important;
}

/* ~contact us section related~ */
.contact-us-icons {
  color: #0e4373;
}