/*****
  Color theme by Kay McKelly
  https://color.adobe.com/purple-theme-color-theme-aa73a791-f65c-496c-94d2-e1a3a7da2096/

  HEX: #3B1D59, #2EA656, #E6E7F0, #5D2E8C, #008577
  RGBA: rgba(59, 29, 89, 1), rgba(46, 166, 86, 1), rgba(230, 231, 240, 1), rgba(93, 46, 140, 1), rgba(0, 133, 119, 1)
  HSLA: hsla(270, 50, 23, 1), hsla(140, 56, 41, 1), hsla(234, 24, 92, 1), hsla(270, 50, 36, 1), hsla(173, 100, 26, 1)
*****/


/***** General styling *****/
body {
  background-color: rgba(230, 231, 240, 0.3);
}

main {
  background-color: transparent;
}



/***** Header (in /includes/nav.php) *****/
.headerImg {
  background: #2EA656;
  background-image: url("../images/banners/tris.svg");
  height: 290px;
}

@media (min-width: 786px) {
  .headerImg {
    height: 240px;
  }
}

.headerGradient {
  background: linear-gradient(43deg, rgba(93,46,140,.4) 0%, rgba(130,100,159,.4) 37%, rgba(177,137,217,.4) 62%, rgba(240,240,240,.4) 100%);
}

.headerTitle {
  text-shadow: none;
  color: #E6E7F0;
  font-size: 3rem;
}

.headerInfoTop, .headerInfoBottom {
  text-shadow: none;
  color: #E6E7F0;
}



/***** Nav (in /includes/nav.php) *****/
div.dropdown-menu {
  color: black;
  background-color: #3B1D59;
}

#mainNavRow {
  background-color: #3B1D59;
}

ul#nav-ul a.nav-link:hover {
  color: #E6E7F0;
}



/***** Main Content (e.g. h1-h6, a, text, etc) *****/
.indPageTitle {
  color: #008577;
}

.pageSubtitle {
  color: #278279;
  /* paler option of the bg gray */
  /* color: #6F6FA5; */
  font-weight: normal;
}

.subSubtitle {
  /* green option */
  /* color: #2EA656; */

  /* purple option */
  color: #5D2E8C;
}

a {
  color: #008577;
}

a:hover {
  color: #5D2E8C;
}

/* NOTE: custom button colors typically derived from the two most common colors in a given theme */
.customBtn-warm {
  background-color: rgba(217, 192, 93, 0.3);
}

.customBtn-cool {
  background-color: rgba(93, 46, 140, 0.3);
}

code {
  color: #8C3585;
}



/***** Main Content: cards & alerts *****/
.customCard {
  border: 1px solid #E6E7F0;
}

.customCardHeader {
  background-color: #5D2E8C;
  color: #E6E7F0;
}

.dateTitle {
  color: #008577;
}

.icon {
  filter: brightness(0) invert(38%) sepia(66%) saturate(428%) hue-rotate(125deg) brightness(98%) contrast(87%);
}

.customAlert-warm {
  background-color: rgba(140, 53, 133, 0.2);
  border-color: rgba(140, 53, 133, 0.5);
}

.customAlert-cool {
  background-color: rgba(0, 133, 119, 0.2);
  border-color: rgba(0, 133, 119, 0.5);
}

.customCardFooter {
  background-color: #E6E7F0;
}


/**** Program specific colors ********/
div.trackMenu a.nav-link {
  color: #008577;
}

div.trackMenu .nav-link.active {
  background-color: rgba(177, 181, 231, 0.2) !important;
  color: #5D2E8C !important;
}

div.sessionList div.session {
  background-color: rgba(177, 181, 231, 0.2);
}