/*    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;
}
.lGreen {
  color: #e0f3ec;
}
.purple {
  color: #914ceb;
}
.lPurple {
  color: #f4edfd;
}
.teal {
  color: #167d88;
}
.lTeal {
  color: #cdf2f6;
}
.yellow {
  color: #c4870e;
}
.lYellow {
  color: #fcf1de;
}

/* ~Site Wide~ */
/* ::selection {
  background: #f4edfd;
} */
::selection {
  background-color: #914ceb;
  color: #fff;
}
.tinted {
  background-color: rgba(203, 169, 246, 0.07); /*RGB of #MAINCOLOR*/
}

/* ~Button Related~ */
.btn {
  background-color: #914ceb;
}
.btn:hover {
  color: #914ceb !important;
  box-shadow: 0 5px 11px rgb(148, 81, 236, 0.6); /*RGB of #MAINCOLOR*/
}
.outlineBtn:hover {
  color: #f4edfd;
}
.txtBtn {
  color: #7219e6;
}

/* ~tab view related~ */
.tab {
  color: #914ceb;
}
.roundedTriangle {
  fill: #f4edfd;
}
.tabBody {
  background-color: #f4edfd;
}

/* ~misc~ */
.title-underline {
  background-color: #914ceb;
}
.publications-section .card .accordionCardHeader:hover {
  background: #f4edfd;
}
.publications-section .accordionCardHeader .accordion-Title .badge {
  background: #914ceb;
}
.faq .card .accordionCardHeader:hover {
  background: #f4edfd;
}
.faq .card .accordionCardHeader .accordion-Title .badge {
  background: #914ceb;
}
.mainColor {
  color: #914ceb;
}
.mainColor-bg {
  background-color: #914ceb;
}
.dark-mainColor {
  color: #7219e6;
}

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

/* ~mailto link related~ */
.mailto-color-mainColor a {
  color: #914ceb;
}
.mailto-color-mainColor a:hover {
  color: #914ceb;
}
.mailto-color-mainColor a:hover {
  color: #914ceb;
}
.mailto-color-inherit a {
  color: inherit;
}
.about-link-style a {
  color: inherit !important;
}
.about-link-style a:hover {
  color: #914ceb !important;
}
.about-link-style a {
  text-decoration: underline !important;
}
.about-link-style a:hover {
  text-decoration: none !important;
}