/* Define some standard colors in variables */
/* COMPASS IMPORTS */
/* Define our base font size and line height */
h2 {
  text-transform: capitalize;
}

.titleSection {
  margin: 0;
}
.titleSection h1 {
  margin-left: 15px;
}
.titleSection .filterBar {
  width: 92%;
}
.titleSection .filterBar.active {
  right: 15px;
  padding-top: 30px;
}

.filterToggle {
  margin-right: 15px;
}

.sectionInner h1 {
  margin-left: 0;
}

.searchInputContainer {
  padding: 0;
}
.searchInputContainer #TextSearch {
  -webkit-appearance: none;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  border: 1px solid #00aeef;
  border-radius: 0;
  font: 14px "Lato", Arial;
  line-height: 1.6333em;
  text-align: left;
  color: #00aeef;
}
.searchInputContainer #ButtonSearch {
  position: absolute;
  text-align: center;
  display: block;
  top: 0;
  right: 0;
  width: 90px;
  height: 36px;
  text-transform: capitalize;
  border: solid 2px #00aeef;
}
.searchInputContainer #ButtonSearch:hover {
  border-color: #0093c6;
  background: #0093c6;
}

.searchContent .searchItem {
  margin-bottom: 0.6875em;
  overflow: hidden;
  position: relative;
}
.searchContent .searchItem:last-child {
  margin-bottom: 0;
}
.searchContent .searchItem .title {
  margin-right: 10px;
}
.searchContent .searchItem .tagList {
  display: inline-block;
}
.searchContent .searchItem .tagList .tagEntry {
  display: inline-block;
  background: #00aeef;
  line-height: 22px;
  padding: 0 5px;
  margin-right: 5px;
}
.searchContent .searchItem .tagList .tagEntry:hover {
  background: #0093c6;
}
.searchContent .searchItem .tagList .tagEntry:last-of-type {
  margin-right: 0;
}
.searchContent .searchItem .tagList a {
  color: #ffffff;
  font: 14px/22px "Lato", Arial;
  text-transform: uppercase;
}
.searchContent .searchItem .tagList a:hover {
  text-decoration: none;
}

.searchItem.blogs .searchItemImage, .searchItem.media .searchItemImage {
  margin-top: 5px;
  width: 100%;
  vertical-align: top;
}
.searchItem.blogs a.imageLink, .searchItem.media a.imageLink {
  width: 33.4%;
  max-width: 110px;
  margin-right: 10px;
  float: left;
  clear: left;
}
.searchItem.blogs p, .searchItem.media p {
  width: 63%;
}
.searchItem.blogs p.excerptLong, .searchItem.media p.excerptLong {
  display: none;
}

.moreresultslink {
  display: inline-block;
  margin: 0.6875em 0 0;
}
.moreresultslink.eventListResultsLink {
  margin-top: 1.375em;
}
.moreresultslink strong {
  text-transform: capitalize;
}

.searchInputContainer {
  margin: 0 15px 15px;
}

.filterBar .optionsContainer label {
  color: #fff;
  margin-top: -2px;
  margin-bottom: 10px;
}

.filterToggle span {
  font-weight: 900;
}

@media screen and (min-width: 480px) {
  .tagListingContainer .tagsContainer {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
  }
}
@media screen and (min-width: 568px) {
  .searchContent .searchItem .title {
    font-size: 1.25em;
    line-height: 1.375em;
  }
}
@media screen and (min-width: 575px) {
  .titleSection {
    margin: 0;
  }
  .titleSection h1 {
    margin-left: 30px;
  }
  .titleSection .filterBar {
    width: 90%;
  }
  .titleSection .filterBar.active {
    right: 30px;
  }

  .filterToggle {
    margin-right: 30px;
  }

  .searchInputContainer {
    margin: 0 30px 30px;
  }

  .sectionInner h1 {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .titleSection .filterBar {
    width: 100%;
  }
  .titleSection .filterBar .optionsContainer {
    width: 62%;
    float: right;
    text-align: right;
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .titleSection .filterBar .optionsContainer label {
    margin: 0 15px 0 0;
  }

  .searchInputContainer {
    width: 41%;
    left: 15px;
    padding: 0 15px;
    margin: 0;
    position: absolute;
    top: 80px;
  }
  .searchInputContainer #ButtonSearch:hover {
    border-color: #0093c6;
    background: #0093c6;
  }

  .tagListingContainer .tagsContainer {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
  }
}
@media screen and (min-width: 970px) {
  .tagListingContainer .tagsContainer {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
  }
}
@media screen and (min-width: 1330px) {
  .titleSection {
    margin: 0;
  }
  .titleSection h1 {
    margin-left: 0;
  }

  .searchInputContainer {
    margin: 0 0 30px;
  }
}