/* == Forms == */
/* flow */
.channelSearch {
  clear:both;
}
@media (max-width: 599px) {
  .channelSearch button[type=submit] {
    display:block;
    width:80%;
    margin-top:10px;
    min-width:80px;
  }
  .channelSearch button[type=submit],
  #search-expand,
  #search-collapse {
    float:none;
    margin:auto;
    margin-bottom:20px;
  }
  #simple-search-explain,
  #complex-search-explain {
    text-align:center;
    padding-bottom:10px;
  }
}
/* advanced form */
.channelSearch div.field {
  clear:both;
  display:flex;
  padding-bottom:5px;
  padding-top:5px;
  border-bottom:1px solid #ccc;
}
.channelSearch div.field:last-of-type {
  border:0;
}
.channelSearch label.group {
  font-weight:bold;
  flex:1;
  min-width:200px;
  text-align:right;
  margin-right:10px;
}
.channelSearch div.values {
  flex:3;
  display:block;
}
.channelSearch div.values label {
  display:inline-block;
  width:150px;
}
.channelSearch div.values label > input[type=text] {
  display:inline-block;
  width:120px;
}
.channelSearch div.values > input[type=text] {
  width:90%;
  min-width:100px;
  max-width:400px;
}
.channelSearch select {
  width:40%;
  min-width:100px;
  max-width:200px;
}
.channelSearch button[type=submit] {
  width:100px;
}
@media (max-width: 599px) {
  .channelSearch div.field,
  .channelSearch label.group,
  .channelSearch label.values {
    display:block;
  }
  .channelSearch label.group {
    text-align:left;
  }
}
/* simple form */
#simple-search input {
  display:block;
}
#simple-search > p,
#simple-search > a,
#simple-search div,
#simple-search input,
#simple-search button[type=submit] {
  box-sizing:border-box;
  clear:both;
  width:300px;
  max-width:100%;
  margin:auto;
}
#simple-search > a.button-like {
  width:200px;
  max-width:100%;
}
#simple-search > p {
  margin-bottom:-5px;
  margin-top:20px;
  text-align:center;
}
#simple-search input {
  width:400px;
  max-width:100%;
}
#simple-search > a,
#simple-search button[type=submit] {
  margin-top:10px;
}
#simple-search div {
  text-align:center;
}
@media (max-width: 599px) {
  #simple-search input {
    display:block;
    width:90%;
    margin:auto;
  }
}
/* togglers */
#search-expand,
#search-collapse {
  float:right;
  width:150px;
}
/* stylings */
.directory a.button-like,
.directory button {
  border-radius:5px;
  font-weight:bold;
  font-family:"Titillium Web",sans-serif;
  font-size:0.9em;
  padding-top:0px;
}
#search-or {
  text-align:center;
  margin-top:30px;
  margin-bottom:30px;
}
#simple-search button[type=submit],
#simple-search > a.button-like {
  border-radius:20px;
}
#simple-search input {
  line-height:1.5em;
  font-size:1.1em;
  padding-left:5px;
  padding-right:5px;
  margin-top:5px;
  border:1px solid #ccc;
}
@media (max-width: 599px) {
  .channelSearch button[type=submit] {
    box-sizing:border-box;
    width:100%;
    border-radius:20px;
  }
}

/* == No results == */
.directory .no-channels {
  margin:5px;
  padding:5px;
  padding-left:8px;
  padding-right:8px;
  border:2px solid rgb(120,180,80);
  background-color:rgb(180,240,80);
}

/* == Results == */
.channel-embedded-view {
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid #ccc;
}
.channel-embedded-view:last-of-type {
  padding-bottom:0px;
  margin-bottom:0px;
  border-bottom:0px;
}
.channel-embedded-view h2 {
  border-bottom:0px;
}
.channel-search-info {
  margin-top:-13px;
  padding-bottom:4px;
  margin-bottom:30px;
  font-weight:bold;
  border-bottom:1px solid #aaa;
}
.channel-search-info > a {
  display:block;
  float:right;
  line-height:1.8em;
}