/*    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;
}
.dark-grey {
  color: #545454;
}
.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: #00a87b;
}
.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: #e5edfd;
} */
::selection {
  background-color: #2566af;
  color: #fff;
}

.tinted {
  /* background-color: rgba(250,124,124,0.07); */
  background-color: rgba(37, 102, 175, 0.07);
}

/* ~Button Related~ */
.btn {
  background-color: #2566af;
}
.btn:hover {
  color: #2566af !important;
  box-shadow: 0 5px 11px rgba(37, 102, 175, 0.6); /*RGB of #MAINCOLOR*/
  /* box-shadow: 0 5px 11px rgba(33, 53, 94, .6); RGB of #MAINCOLOR */
}
.outlineBtn:hover {
  color: #e5edfd;
}
.txtBtn {
  /* color: #2566af; */
  color: #6e6e6e;
}
.service-box-txtBtn {
  color: #6e6e6e;
}
.long-txt-btn {
  color: #6e6e6e;
}
/* ~tab view related~ */
.tab {
  color: #2566af;
}
.roundedTriangle {
  fill: #e5edfd;
}
.tabBody {
  background-color: #e5edfd;
}

/* ~misc~ */
.title-underline {
  background-color: #2566af;
}
.faq .card .accordionCardHeader:hover {
  background: #e5edfd;
}
.faq .card .accordionCardHeader .accordion-Title .badge {
  background: #2566af;
}
.mainColor {
  color: #2566af;
}
.mainColor-bg {
  background-color: #2566af;
}

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

/* ~mailto link related~ */
.mailto-color-mainColor a {
  color: #2566af;
}
.mailto-color-mainColor a:hover {
  color: #2566af;
}
.mailto-color-inherit a {
  color: inherit;
}

/* ~newsletter related~ */
.fb-icon {
  background-color: #3d5997;
}
.x-icon {
  background-color: #1a1a1a;
}
.twitter-icon {
  background-color: #54aced;
}
.linkedin-icon {
  background-color: #0077b5;
}
.email-icon {
  background-color: #026ec0;
}

/* Common Tooltip Styles */
[class^='tooltip-'] .tooltip-inner {
  color: #ffffff;
  border: 1px solid;
}

[class^='tooltip-'] .tooltip.bs-tooltip-top .arrow:before {
  border-top-color: inherit;
}

/* Blue Tooltips */
[class^='tooltip-blue'] .tooltip-inner {
  background-color: #3270ec;
  border-color: #3270ec;
}

/* Purple Tooltips */
[class^='tooltip-purple'] .tooltip-inner {
  background-color: #9451ec;
  border-color: #9451ec;
}

/* Yellow Tooltips */
[class^='tooltip-yellow'] .tooltip-inner {
  background-color: #c4870e;
  border-color: #c4870e;
}

/* Coral Tooltips */
[class^='tooltip-coral'] .tooltip-inner {
  background-color: #f75555;
  border-color: #f75555;
}

/* Teal Tooltips */
[class^='tooltip-teal'] .tooltip-inner {
  background-color: #167d88;
  border-color: #167d88;
}

/* Green Tooltips */
[class^='tooltip-green'] .tooltip-inner {
  background-color: #00a87b;
  border-color: #00a87b;
}

/* UHN Research & Innovation Cores Related */
.border-blue {
  border-color: #3270ec;
}
.border-teal {
  border-color: #167d88;
}
.border-yellow {
  border-color: #c4870e;
}
.border-coral {
  border-color: #f75555;
}
.border-purple {
  border-color: #9451ec;
}
.border-green {
  border-color: #5abf8b;
}
