/* recipes page / filters */
div#filter_controls {
  display:block;
}

div#recipe_filter {
  display:block;
  width:100%;
}

div#recipe_filter div#current_filter {
  margin-bottom:1em;
}

div#recipe_filter div.col-sm-4 {
  float:left;
  width:33%;
}

div#recipe_filter div#filter_submit,
div#recipe_filter div#filter_reset,
div#recipe_filter div#filter_spinner {
  display: inline-block;
  margin-right: 10px;
  float:left;
}
.selected_filter_item {
  font-weight: 700;
}
div.recipe_search_link {
  padding: 0 4em;
}

div#recipe_result_list div:nth-of-type(6n) {
  clear:both;
}
div#recipe_result_list::before {
  display: none;
}
div#recipe_result_list {
  /* column-count: 3; */
}
.recipe_tile {
  display: inline-block;
  width: 33%;
  float: left;
}
@media (max-width: 960px) {
  .recipe_tile {
    width: 100%;
  }
}
#tppnv-recipe-type-filter, #tppnv-recipe-product-filter, #tppnv-recipe-keyword-filter {
  border: 1px solid #ebebeb;
  margin-bottom: 18px;
}

#recipe_filter h4 {
  background-color: #f3f3f3;
}
#recipe_filter h4:hover {
  text-decoration: underline;
}
.toggle-trigger {
  padding: 10px;
}
.shortcode-toggle {
  background-color: #f9f9f9;
}
.toggle-trigger {
  font-size: 26px;
  display: block; padding: 3px 0 3px 10px; background: #f3f3f3 url(../images/shortcode-toggle-open.png) no-repeat 99% center;
  transition: background-image .25s;
  transition-delay: .05s;
}
.toggle-trigger.selected {
  background-image: url(../images/shortcode-toggle-close.png);
}
.shortcode-toggle .form-group {
  padding: 10px 0;
}
.checkbox {
  padding: 3px 0;
}
.checkbox input {
  margin-right: 6px;
}
div#recipe_filter div#recipe_filter_types label,
div#recipe_filter div#recipe_filter_products label {
  /*vertical-align: top;*/
  display:block;
}

div.recipe_result_item {
  margin-bottom:20px;
  text-align:center;
}

div#recipe_filter_types div.form-group,
div#recipe_filter_products div.form-group {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}
@media (max-width: 920px) {
  div#recipe_filter_types div.form-group,
  div#recipe_filter_products div.form-group {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 600px) {
  div#recipe_filter_types div.form-group,
  div#recipe_filter_products div.form-group {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

span.recipe_type_checked_item,
span.recipe_product_checked_item {
  background-color:#eee;
  margin-right:20px;
  padding: 5px 10px;
  margin-bottom:10px;
  display:inline-block;
}


.form-group.closed {
  display:none;
}

.form-group.open {
  display:block;
  padding-left: 5px;
  padding-right: 5px;
}

/* keyword search */
#recipe_keyword_search > div {
  padding: 10px;
}

#recipe_keyword_search .wpv-submit-trigger, .recipe_filter_input > a.recipe_reset_button.smallblue {
  border: none;
  border-radius: 2px;
  background: #968abb;
  color: #fff !important;
  font: 600 14px/1.5em Belleza, arial, sans-serif;
  text-transform: uppercase;
  transition: .2s;
  padding: 5px 10px;
}
#recipe_keyword_search .wpv-submit-trigger:hover, .recipe_filter_input > a.smallblue:hover {
  background-color: #34225e;
}
#recipe_keyword_search .js-wpv-filter-trigger-delayed {
  border-radius: 3px;
  padding: 5px;
  border-color: #efefef;
  font-size: 1em;
  width: 166px;
  font-size:  15px;
  color: #666;
  font-weight: 500;
}