/*****
  Color theme by Kay McKelly
  https://color.adobe.com/green-theme-color-theme-3b37a2ca-a72e-4037-b300-4f8846e210ea/

  HEX: #4E2B78, #F6FEFC, #219C89, #258E42, #23863F, #18642C, #53421C, #6B321B
  RGBA: rgba(78, 43, 120, 1), rgba(246, 254, 252, 1), rgba(33, 156, 137, 1), rgba(37, 142, 66, 1), rgba(35, 134, 63, 1), rgba(24, 100, 44, 1), rgba(83, 66, 28, 1), rgba(107, 50, 27, 1)
  HSLA: hsla(267, 47, 31, 1), hsla(165, 80, 98, 1), hsla(170, 65, 37, 1), hsla(136, 58, 35, 1), hsla(136, 58, 33, 1), hsla(135, 61, 24, 1), hsla(41, 49, 21, 1), hsla(17, 59, 26, 1)

  Tweaked to replace #258E42 with #008C45, the latter of which is the official green of Italy's flag
*****/


/***** Nav (in /includes/nav.php) *****/
#mainNavRow {
  background-color: #008C45;
  margin-bottom: 1rem !important;
}

a.nav-link {
  color: #F6FEFC;
  font-size: 1.2rem;
}

div.dropdown-menu {
  color: #F6FEFC;
  background-color: #008C45;
  border: none;
}

a.dropdown-item:hover {
  background-color: #6B321B;
  color: #F6FEFC;
}



/***** Header (in /includes/nav.php) *****/
.headerImg {
  background-image: url("../images/banners/Rome_cityView.jpg");
}

.headerGradient {
  /* background: rgba(254, 253, 251, 0.7); */
  /* background: rgba(246, 254, 252, 0.3); */
  background: rgba(10, 5, 15, 0.3);
  backdrop-filter: blur(1.3px);
  filter: grayscale(26%);
}

@media (min-width: 992px) {
  .headerTitle {
    font-weight: 500;
    letter-spacing: 0.5rem;
    font-size: 2.7rem;
  }

  /* TODO: not currently getting applied, figure out why */
  .headerInfoTop, .headerInfoBottom {
    font-size: 1.8rem;
  }
}

.headerTitle, .headerInfoTop, .headerInfoBottom {
  /* color: #0A050F; */
  color: #f1efe8;
  text-shadow: 5px 5px 20px #0A050F;
}



/***** Main content (e.g. h1-h6, a, text, etc) *****/
body {
  background-color: rgba(241, 239, 232, 0.5);
  color: #0A050F;
}

main {
  background-color: transparent;
}

a {
  color: #1A652F;
}

a:hover {
  color: #219C89;
}

.indPageTitle {
  color: #0A050F;
  /* instead of distinguishing with color we're using spacing and size */
  font-size: 2.3rem;
  margin-top: -1rem;
  margin-bottom: 1rem;
  letter-spacing: 4px;
}

.pageSubtitle, .dateTitle {
  color: #6B321B;
}

.subSubtitle {
  color: #4E2B78;
  /* could also do #0A050F */
}

/* NOTE: custom button colors typically derived from the two most common colors in a given theme */
.customBtn-warm {
  background-color: rgba(196, 139, 59, 0.4);
}

.customBtn-cool {
  background-color: rgba(33, 156, 137, 0.7);
  color: #FFF;
}

code {
  color: #6B321B;
}


/***** Main Content: cards & alerts *****/
.customCard {
  border: 1px solid rgba(33, 156, 137, 0.4);
  border-radius: 0.3rem;
}

.customCardHeader {
  color: #18642C;
  border-bottom: 3px solid rgba(33, 156, 137, 0.6);
  background-color: rgba(194, 216, 211, 0.2);
}

.customAlert-warm {
  background-color: rgba(196, 139, 59, 0.2);
  border-color: rgba(196, 139, 59, 0.5);
}

.customAlert-cool {
  background-color: rgba(33, 156, 137, 0.2);
  border-color: rgba(33, 156, 137, 0.7);
}

.customCardFooter {
  background-color: rgba(194, 216, 211, 0.3);
}



/***** Main Content: images & icons *****/
/* change color of icons */
.icon {
  filter: invert(27%) sepia(93%) saturate(388%) hue-rotate(85deg) brightness(93%) contrast(91%);
}


/***** Page-specific: program *****/
div.trackMenu a.nav-link {
  color: #1A652F;
}

div.trackMenu a.nav-link.active {
  background-color: rgba(33, 156, 137, 0.1) !important;
  color: #6B321B;
}

div.sessionList div.session {
  background-color: rgba(33, 156, 137, 0.1);
}



/***** Footer *****/
footer {
  background-color: rgba(239, 239, 239, 0.4);
  padding: 0.7rem 0 0.7rem 0;
  margin-bottom: 0 !important;
}