/************************************************************************* Filters */
form#gF-filter { position: relative; width: 100%; }

form#gF-filter #filter-categories, form#gF-filter #filter-day { float: left; position: relative; }

form#gF-filter .childcare { float: left; font-size: .9375rem; font-weight: 300; line-height: 48px; height: 44px; padding: 0 1.5%; position: relative; width: 120px; }

@media (min-width:992px) {form#gF-filter .childcare { line-height: 48px; height: 44px; } }

form#gF-filter .childcare-inner { overflow: hidden; }

form#gF-filter .childcare input { margin-left: 5px; }

form#gF-filter #filter-childcare { border: none; outline: none; }

@media (min-width: 992px) { form#gF-filter #filter-childcare { right: 1.5em; } }

.filters .ui-selectmenu-button { width: 200px !important; }

/************************************************************************* List */
h2.gF-heading { line-height: 1.5; border: none; padding: 1rem 2.5% .75rem; position: relative; margin: 0; border-width: 1px; border-style: solid; }

h2.gF-heading span { border: none; }

#groupfinder1 .items { margin-bottom: 0; padding-top: .5rem; }

#groupfinder1 .items article { padding: 2.5%; position: relative; border-width: 1px; border-style: solid; }

#groupfinder1 .items article:not(:first-of-type) { border-top: none !important; }

#groupfinder1 .items article:nth-child(odd) { background-color: transparent !important; }

#groupfinder1 .items article header { cursor: pointer; }

#groupfinder1 .items article header h3 { margin-bottom: -.3em; }

#groupfinder1 .items article p.meta { margin: .5em 0 -0.6em 0; }

#groupfinder1 .items article p.meta:empty { display: none; }

#groupfinder1 .items article .details { border-top-width: 1px; border-top-style: solid; display: none; margin-top: 2.5%; padding-top: 2.5%; text-align: left; }

#groupfinder1 .items article .details p { margin-bottom: 1em; text-align: left; }

#groupfinder1 .items article .details p:empty { display: none; }

#groupfinder1 .items article .details > *:last-child { margin-bottom: 0; }

/************************************************************************* Detail */
article.detail { background: none; border: none; padding: 0; }

article.detail header { cursor: default; overflow: hidden; padding: 0; }

article.detail header section { float: left; padding: 2em; width: 61%; }

article.detail h4 { margin-bottom: 0.30em; }

article.detail p.category { margin-bottom: 2em; }

article.detail p.meta { margin: 0 0 .5rem 0; }

article.detail p.meta span.sep { font-weight: 700; }

article.detail header aside { float: right; padding: 2.5%; width: 29%; }

article.detail header aside .direction { width: 100%; }

article.detail header aside #map-display { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); height: 160px; margin-bottom: 1em; padding: 2%; width: 100%; }

article.detail header aside #map-display #gmap { height: 100%; width: 100%; }

article.detail .details { border-top: none; display: block; margin: 0; padding: 2.5% 0; text-align: left; }

article.detail .details:after { content: ''; display: block; clear: both; }

article.detail .details p { margin-bottom: 1em; }

article.detail .details section { float: left; padding: 2em 0; width: 60%; }

article.detail .details section.fullwidth { width: 100%; float: none; }

article.detail .details aside { float: right; padding: 2.5%; width: 29%; margin-top: 28px; margin-right: 0%; text-align: center; }

article.detail .details aside h4 { text-align: center; }

article.detail .details aside .buttons p { line-height: 1; margin: 0; }

article.detail .details aside .buttons > a { width: 100%; }

#groupFinder.layout1 .filters { padding: 1rem; }

#groupFinder.layout1 .items article .meta span:after { content: '|'; margin-left: 5px; margin-right: 5px; }

#groupFinder.layout1 .items article .meta span:last-child:after { content: ''; margin: 0px; }

#groupFinder.layout1 article.detail { border: 0px; }

#groupFinder.layout1 article.detail .details aside { border: 0px; }

/************************************************************************* Example responsive settings....this is just some base examples...remove or delete as needed. */
@media only screen and (max-width: 768px) { form#gF-filter #filter-categories, form#gF-filter #filter-day { float: none; margin-bottom: 1em; }
  form#gF-filter .childcare { border-right: none; box-shadow: none; color: #3c3c3c; float: none; margin-bottom: 1em; padding: 0 1.5%; width: 97%; }
  form#gF-filter .childcare-inner { padding-top: 0; }
  form#gF-filter #filter-childcare { float: none; }
  .gF-list h2.gF-heading { padding: 1rem 5%; }
  article { padding: 5%; }
  article.on { left: 0; padding: 5%; width: 100%; }
  article.detail header { padding: 0; }
  article.detail header section { float: none; padding: 5%; width: 90%; }
  article.detail header aside { float: none; padding: 5%; width: 90%; }
  article.detail header aside .map-directions { font-size: 12px; }
  article.detail .details section { float: none; padding: 0; width: 100%; }
  article.detail .details aside { float: none; padding: 5%; width: 100%; margin: 0 auto 2em; }
  #groupFinder .return { display: block; width: 100%; } }

/* Responsive Styles */
@media (max-width: 991px) { form#gF-filter .input, form#gF-filter select { border: 0; box-shadow: none; clear: both; display: block; float: none !important; margin: 15px auto; width: 200px; padding: 0px; }
  form#gF-filter .input { margin: 0 auto .5em; }
  form#gF-filter .input.childcare { width: 200px; text-align: center; }
  article.detail header section { width: 95%; }
  article.detail header aside { clear: both; width: 100%; } }

/* End Responsive Styles */
.clearfix { zoom: 1; }

.clearfix:before { content: ""; display: table; }

.clearfix:after { content: ""; display: table; clear: both; }