/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 3/2024
 * ===========================
 */

:root {
  --certificatecolor: #9d6ba7;
  --conferencecolor: #2a9dcb;
  --coursecolor: #bc441b;
  --onlineworkshopcolor: #e27508;
  --virtualcolor: #58599b;
  --webcastcolor: #7e9f38;
  
  --dateiconcode: "\f073"; /* fas fa-calendar-alt */
  --locationiconcode: "\f3c5"; /* fas fa-map-marker-alt */
  --categoryiconcode: "\f009"; /* fas fa-th-large */
  --countryiconcode: "\f57d"; /* fas fa-globe-americas */
  --topiciconcode: "\f542"; /* fas fa-project-diagram */
  --leveliconcode: "\f5fd"; /* fas fa-layer-group */
  --sectoriconcode: "\f200"; /* fas fa-chart-pie */
  --typeiconcode: "\f15c"; /* fas fa-file-alt */
}

.schedule {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 2.5rem;
  overflow: visible;
  width:100%;
}
.schedule .item-list__item {
  background: white;
  border-top: none;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
}
.schedule .education__img {
  height: auto;
  min-height: 0 !important;
}
.schedule .education__img img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.schedule .flag-icon,
.schedule .flag-icons {
  top: -10px;
  right: 2px;
}
.schedule .flag-icons {
  right: 34px;
}
.schedule .flag-icons img:nth-of-type(2) {
  margin-left: 2px;
}
.education-item__content {
  padding: 15px 20px 30px;
}
.schedule a.item-list__link .item-list__title {
  font-family: "Roboto", sans-serif;
  color: #262626;
  font-weight: bold;
  font-size: 1.15rem;
  margin:.25rem 0;
  display:block;
}
.schedule p, .schedule p.item-list__date {
  font-size: 0.9rem;
  line-height: 1.4;
  font-weight:normal;
  margin: 0;
  color:#757575;
}
.schedule .item-list__date.upcoming-event {
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:bold;
  font-style:italic;
  color:#941;
  font-size:.8rem;
}
.schedule .education-cat span {
  margin: 1.25rem 0 0 !important;
  display: block;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 0.8rem;
  line-height: 1.4;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}

.schedule .education-cat i,
.schedule .education-cat em {
  width: 53px;
  padding: 24px 0;
  margin: 0;
  color: white;
  font-size: 23px;
  line-height: 0;
  text-align: center;
  border-radius: 10px;
  border: 2px solid white;
  box-sizing: border-box;
  background-color: #262626;
  position: absolute;
  z-index: 1;
  margin-top: -55px;
}
.schedule .education-cat i.certificate,
.schedule .education-cat em.certificate {
  background-color: var(--certificatecolor);
}
.schedule .education-cat i.conference,
.schedule .education-cat em.conference {
  background-color: var(--conferencecolor);
}
.schedule .education-cat i.webcast,
.schedule .education-cat em.webcast {
  background-color: var(--webcastcolor);
}
.schedule .education-cat i.virtual,
.schedule .education-cat em.virtual{
  background-color: var(--virtualcolor);
}
.schedule .education-cat i.workshop,
.schedule .education-cat em.workshop {
  background-color: var(--onlineworkshopcolor);
}
.schedule .education-cat i.course,
.schedule .education-cat em.course {
  background-color: var(--coursecolor);
}

.page-bounds .search-container {
  margin: 1.5rem 0 0;
  max-width: 600px;
  display: flex;
  align-items: center;
}
.page-bounds .search-container input {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50px;
  color: white;
  margin: 0;
  padding: 1rem 1.75rem;
  font-size: 1.5rem;
}
.page-bounds .search-container input::placeholder {
  color: transparent;
}
.page-bounds .search-container button {
  font-size: 0;
  display: flex;
}
.page-bounds .search-container button::before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  margin: 0 0 0 -65px;
  padding: 1rem;
  display: block;
}

#search-filters.grid {
  background-color: #00447c;
  margin: 0 calc(50% - 50vw) 3rem;
  display: block;
}
#search-filters.grid .grid__unit {
  width: 100%;
  padding: 0;
}
#search-filters.grid .grid__unit:last-of-type {
  border-bottom: none;
}
#search-filters.grid .grid__unit .category-button {
  width: 100%;
  box-shadow: none;
  text-transform: uppercase;
  font-size:10pt;
  letter-spacing:2px;
  font-family: "Barlow Semi Condensed", "Roboto", Helvetica, Arial, sans-serif;
  display: block;
  padding: 1.25rem 1.25rem 1rem;
}
#search-filters.grid .grid__unit .category-button:hover,
#search-filters.grid .grid__unit .category-button:focus {
  transform: none;
  cursor: pointer;
}
#search-filters.grid .grid__unit .category-button:focus {
  outline: none;
  outline-offset: 0;
}
#search-filters.grid .grid__unit .category-button:active {
  transform: none;
}
#search-filters.grid .grid__unit .category-button i {
  display: none;
}
#search-filters.grid .grid__unit .category-button::before {
  font-family: "Font Awesome 6 Pro";
  font-size: 2.25rem;
  line-height: 1;
  font-weight: bold;
  display: block;
  margin: 0 0 6px;
  padding: 0;
}

/*
#search-filters.grid .grid__unit .category-button#categories::before {
  content: var(--categoryiconcode);
}
#search-filters.grid .grid__unit .category-button#topics::before {
  content: var(--topiciconcode);
}
#search-filters.grid .grid__unit .category-button#dates::before {
  content: var(--dateiconcode);
}
#search-filters.grid .grid__unit .category-button#countries::before {
  content: var(--countryiconcode);
}
#search-filters.grid .grid__unit .category-button#locations::before {
  content: var(--locationiconcode);
}
#search-filters.grid .grid__unit .category-button#sectors::before {
  content: var(--sectoriconcode);
}
#search-filters.grid .grid__unit .category-button#levels::before {
  content: var(--leveliconcode);
}
*/
/*
#search-filters.grid .grid__unit.grid__unit--1-7:nth-of-type(1) .category-button::before {
  content: var(--categoryiconcode);
}
#search-filters.grid .grid__unit.grid__unit--1-7:nth-of-type(2) .category-button::before {
  content: var(--topiciconcode);
}
#search-filters.grid .grid__unit.grid__unit--1-7:nth-of-type(3) .category-button::before {
  content: var(--dateiconcode);
}
#search-filters.grid .grid__unit.grid__unit--1-7:nth-of-type(4) .category-button::before {
  content: var(--countryiconcode);
}
#search-filters.grid .grid__unit.grid__unit--1-7:nth-of-type(5) .category-button::before {
  content: var(--locationiconcode);
}
#search-filters.grid .grid__unit.grid__unit--1-7:nth-of-type(6) .category-button::before {
  content: var(--sectoriconcode);
}
#search-filters.grid .grid__unit.grid__unit--1-7:nth-of-type(7) .category-button::before {
  content: var(--leveliconcode);
}
*/
/* Education Schedule Search Facet Icons */
#search-filters.grid .grid__unit #format::before {
  content: var(--categoryiconcode);
}
#search-filters.grid .grid__unit #content::before {
  content: var(--countryiconcode);
}
#search-filters.grid .grid__unit #locations::before {
  content: var(--locationiconcode);
}
#search-filters.grid .grid__unit #sectors::before {
  content: var(--sectoriconcode);
}
#search-filters.grid .category-list {
  position: relative;
}
#search-filters.grid .grid__unit ul li {
  text-indent: -26px;
  margin: 0.25rem 0 0.25rem 26px;
}
#search-filters.grid .grid__unit ul li:hover input,
#search-filters.grid .grid__unit ul li:hover label,
#search-filters.grid .grid__unit ul li:focus input,
#search-filters.grid .grid__unit ul li:focus label {
  cursor:pointer;
}
#search-filters.grid .grid__unit ul li input.space-r-050 {
  margin-right:0 !important;
}
#search-filters.grid .grid__unit ul li label {
  padding-left:6px;
}
#search-filters.grid .grid__unit ul li label {
  display: inline;
  margin: 0;
}

@media screen and (min-width: 500px) {
  .page-bounds .search-container input::placeholder {
    font-style: italic;
    font-size: 1rem;
    color: inherit;
  }
}
@media screen and (min-width: 500px) and (max-width: 959px) {
  #search-filters.grid .grid__unit ul {
    columns: 2;
    column-gap: 2rem;
  }
}
@media screen and (min-width: 960px) {
  #search-filters.grid {
    display: flex;
  }
  #search-filters.grid .grid__unit {
    max-width: calc(1280px / 7);
  }
  #search-filters.grid .grid__unit:last-of-type .category-button {
    border-right: none;
  }
  #search-filters.grid .category-list {
    position: absolute;
    min-width: calc(1280px / 7);
    background-color: rgba(255,255,255,.95);
    border-radius: 0 0 25px 25px;
    padding: 1rem 1.5rem;
    border: 1px solid #cecece;
    border-top: 0;
  }
}

#sf-search-result-container .selected-facets {
  margin: 2rem 0;
}
#sf-search-result-container .selected-facets a {
  background-color: black;
  color: white;
  padding: 0.5rem .25rem .5rem 1.25rem;
  border-radius: 50px;
  font-size:.9rem;
  font-weight:bold;
  text-transform:uppercase;
}
#sf-search-result-container .selected-facets a:hover,
#sf-search-result-container .selected-facets a:focus {
background-color: #666;
}
#sf-search-result-container .selected-facets a::after {
  content: "\f056";
  margin: 0 0 0 0.25rem;
  color: white;
  padding: 0 6px;
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
}

@media screen and (min-width: 500px) {
  #search-filters.grid ul#topics--pane,
  #search-filters.grid ul#locations--pane {
    columns:2;
    column-gap:3rem;
  }
}