/* general */

.note {
  color: #c5050c;
  font-weight: 800;
}

.windc-h3 {
  margin-top: 0rem;
}

.windc-list-tight {
  margin-top: 0;
}

.windc-list-tight li {
  margin-bottom: 0;
}

/* Styles specific to writing code */

code {
  /* background-color: #e2e2e2;  */
  background-color: #ececec;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  border-radius: 5px;
  font-size: 75%;
}

/* tab completion */

.tab {
  background-color: #282728;
  color: #adadad;
  ;
}

/* Styles specific to people page */
ul.resources-list {
  list-style-type: none;
  padding-top: 30px;
  overflow: hidden;
}

ul.resources-list>li {
  display: inline-block;
}

img.people {
  max-width: 100%;
  height: auto;
  width: 240px;
  height: 300px;
}

.people-list {
  list-style: none;
}

.people-list li {
  line-height: 0.8;

}

.people-name {
  color: #0479a8;
  font-weight: 900;
  text-transform: uppercase;
}

.people-role {
  font-weight: bold;
}





/* Styles specific to contact us page */

.contact-info {
  /* background-color: aqua; */
  padding: 30px;
}

.contact-windc {
  list-style: none;
  line-height: 0.8;
}

#windc {
  font-weight: 700;
}

/* Styles specific to visualization page */

.map {
  max-width: 100%;
  height: auto;
}

/* Styles specific to papers and presentations page */

.presentation-abstract {
  font-size: 1rem;
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
  line-height: 1.4;

}

.presentation-note {
  background-color: #e8e8e8;
  padding: 0.5rem;
  border-radius: 5px;
}


.presentation {
  margin: 1rem 0;
  padding: 1rem;
  border-bottom: 1px solid #ccc;


}


h4.presentation-title {
  font-size: 1.2rem;
  color: #c5050c;
  font-weight: 700;
  margin-top: 0.3rem;
  margin-bottom: 0.5rem;
}


.presentation-author {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #0479a8;
}

.presentation-date {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 1rem;
}

a.presentation-tag {
  background-color: #ababab;
  color: white;
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  font-weight: bold;
  font-size: 0.9rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: white;
}

/* Styles specific to webinars page and recordings */

/* video {
    max-width: 100%;
    height: auto;
  } */

.seminar-title {
  font-size: 1.1rem;
  color: #c5050c;
  font-weight: 700;
  margin-top: 0.01rem;
  margin-bottom: .1rem;
}

.seminar-presenter {
  margin-top: 0.1rem;
  margin-bottom: 1.2rem;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 700;
}

.seminar-date {
  line-height: 1.4;
  font-size: 1.0rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}



/* Tags for new and blog */

span.news-author {
  font-weight: bold;
  color: #0479a8;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.news-tag {
  background-color: #ababab;
  color: white;
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  font-weight: bold;
  font-size: 0.9rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: white;
}

.news-date {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 1rem;
}

h3.news-author {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  text-align: center;
}


/* Version Dropdown */


#version-menu .version-is-visible {
  display: block;
}
#version-menu .version-is-hidden {
  display: none;
}

#version-menu nav.version-dropdown {
  position: relative;
  display: inline-block;
}

#version-menu nav.version-dropdown a {
  color: #333333;
  text-decoration: none;
  display: block;
  border-bottom: 0.2rem solid transparent;
}

#version-menu nav.version-dropdown a:hover {
  color: #333333;
  text-decoration: none;
  border-bottom: 0.2rem solid #c5050c;
}


/* The caret icon for the dropdown */
#version-menu nav.version-dropdown.version-dropdown-reverse svg.uw-caret {
  width: 2rem;
  height: 2rem;
  fill: #c5050c;
  vertical-align: -3px;
  display: inline;
  margin-right: -1rem;
}

#version-menu nav.version-dropdown a[aria-expanded=false] svg.uw-caret:last-child {
  display: none;
}
#version-menu nav.version-dropdown a[aria-expanded=true] svg.uw-caret {
  display: none;
}
#version-menu nav.version-dropdown a[aria-expanded=true] svg.uw-caret:last-child {
  display: inline;
}
/* End of caret code */



#version-menu nav.version-dropdown .version-list {
  display: none;
  top: 3rem;
  right: -1rem;
  position: absolute;
  min-width: 100px;
  list-style-type: none;
  background-color: #fff;
}

#version-menu nav.version-dropdown a[aria-expanded=true] + ul,
#version-menu nav.version-dropdown a[aria-expanded=true] + ul {
    display: inline-block;
}

#version-menu nav.version-dropdown li {
  position: relative;
  vertical-align: middle;
  padding: 0 14px;
  padding: .2rem;
  margin: .2rem;
  color: #333333;
}