/* Color palette by Kay McKelly: https://coolors.co/a1480d-f3f3fb-3966ec-2261ba#003df6 */



/***** General Styling *****/
body {
  background-color: #F3F3FB;
}



/***** Header (in /includes/nav.php) *****/
/* A glow around the IACR logo */
img#logo {
  border-radius: 50%;
  box-shadow: 0px 0px 20px 0px rgba(255,255,255,.5);
}

/* a background image on the header. It may need to be muted by .headerGradient */
.headerImg {
  background-image: url("../images/banners/madrid1.jpg"),  url("../images/banners/madrid1_lowres.jpg");
  background-position: 0 49%,  0 49%;
  background-repeat: no-repeat, no-repeat;
}

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

@media (min-width: 992px) {
  #titlesLogoDiv {
    padding-top: 8rem;
  }
}

/* optional gradient to blur header image. */
.headerGradient {
  /* background: linear-gradient(rgba(38, 109, 211, 0.8), rgba(243, 243, 251, 0.5)); */
}

/* .headerTitle {
  color: #F3F3FB;
  text-shadow: 0 0 12px #003df6;
  font-size: 2.9rem;
}

.headerInfoTop, .headerInfoBottom {
  color: #F3F3FB;
  text-shadow: 0 0 12px #003df6;
} */

.headerTitle {
  text-shadow: 2px 2px 2px black, 0 0 1em black, 0 0 0.2em black;
  color: #FFFFFF;
  font-size: 3.5rem;
}

.headerInfoTop, .headerInfoBottom {
  text-shadow: 2px 2px 2px black, 0 0 1em black, 0 0 0.2em black;
  color: #FFFFFF;
}

/***** Nav (in /includes/nav.php) *****/
#mainNavRow {
  background-color: #003df6;
}

div.dropdown-menu {
  color: #FEFDFB;
  background-color: #003df6;
}



/***** Main content (e.g. h1-h6, a, text, etc) *****/
a, .indPageTitle, .dateTitle {
  color: #8E3F0B;
}

a:hover {
  color: #2261BA;
}

.pageSubtitle {
  color: #3966ec;
}

.subSubtitle {
  color: #003df6;
}

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

.customBtn-warm:hover {
  background-color: rgba(161, 72, 13, 0.6);
}

.customBtn-cool {
  background-color: rgba(38, 109, 211, 0.9);
  color: #F3F3FB;
}

.customBtn-cool:hover {
  background-color: #205aac;
  color: #F3F3FB;
}

code {
  color: #3966ec;
}



/***** Main Content: cards & alerts *****/
.customCard {
  border: 1px solid rgba(38, 109, 211, 0.5);
}

.customCardHeader {
  background-color: #3966ec;
  color: #F3F3FB;
}

.customAlert-warm {
  background-color: rgba(161, 72, 13, 0.2);
  border-color: rgba(161, 72, 13, 0.5);
}

.customAlert-cool {
  background-color: rgba(11, 63, 135, 0.2);
  border-color: rgba(11, 63, 135, 0.5);
}

.customCardFooter {
  background-color: rgba(38, 109, 211, .2);
}


/***** Main Content: images & icons *****/
/* change color of icons */
.icon {
  /* thanks https://codepen.io/sosuke/pen/Pjoqqp for generating this filter (the first two properties set the icon to black first to achieve a truer color match) */
  filter: brightness(0) invert(36%) sepia(12%) saturate(7062%) hue-rotate(193deg) brightness(97%) contrast(92%);
}


/**** Program specific colors ********/
div.trackMenu .nav-link.active {
  background-color: rgba(177, 181, 231, 0.3) !important;
  color: #2261BA !important;
}

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