.action-items-row div[class*="col-"] {
  margin-bottom: 1rem
}
.action-items-row p {
  padding: 0
}
.action-items-row img {
  margin-bottom: 1rem
}
.action-items-row .fancy {
  font-weight: bold
}
@media (min-width: 768px) {
  .action-items-row {
    margin-top: 2rem
  }
  .action-items-row div[class*="col-"] {
    margin-bottom: inherit
  }
  .action-items-row:nth-child(1) {
    margin-top: 0
  }
}
.search-tabs {
  display: flex
}
.material-tab {
  flex: 1 1 auto;
  padding: 0.5rem;
	text-align:center;
  margin-right: 4px;
  background: #3b2360;
  font-weight: bold;
  line-height: 1em;
  font-size: 1rem;
  cursor: pointer;
	color: white;
}
.material-tab.active-tab {
  background: #dfebf1;
  color: #3b2360;
}
.material-tab:hover {
  background-color: #6a4c92;
  color: white
}
.material-tab.active-tab:hover {
  background: #dfebf1;
  color: #3b2360;
}
@media (min-width: 768px) {
  .material-tab {
    flex: 0 0 auto;
    font-size: 1.125rem;
    padding: 1rem
  }
}
.search-area {
  background: #dfebf1;
  padding: 1.5rem
}
.h2 {
  display: block;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  color: #3b2360;
  font-weight: bold;
  margin-bottom: 1rem
}
@media (min-width: 768px) {
  .h2 {
    font-size: 1.5rem
  }
}
.fields {
  display: flex;
  flex-direction: column
}
@media (min-width: 768px) {
  .fields {
    flex-direction: row
  }
}
.field-options {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto
}
@media (min-width: 768px) {
  .field-options {
    flex-direction: row
  }
}
#discovery-search {
  flex: 1 2 auto;
  margin: 1rem 0;
  order: 1
}
#discovery-search:invalid {
  border-color: #bbb
}
@media (min-width: 768px) {
  #discovery-search {
    margin: 0 1rem;
    order: 2
  }
}
#discovery-index-container {
  display: flex;
  align-items: center;
  background-color: white;
  color: black;
  border: 1px solid #bfc5c9;
  border-radius: 5px;
  position: relative;
  cursor: pointer
}
#discovery-index-container i {
  font-size: 1.3125rem;
  position: absolute;
  right: 0;
  z-index: 100;
  pointer-events: none
}
#discovery-search-select {
  width: 100%;
  height: 100%;
  min-width: initial;
  font-size: 1rem;
  padding: 0 2rem 0 0.5rem;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0
}
.search-extras {
  margin-top: 1rem;
  text-align: right
}