/************************************************************************* 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: 1rem; line-height: 46px; padding: 0 1.5%; position: relative; width: 140px; }

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

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 { border: none; padding: 0 1.5rem; /* match article padding */ position: relative; }

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

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

#groupfinder1 .items article { padding: 1.5rem; position: relative; }

#groupfinder1 .items article:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; opacity: 1; }

#groupfinder1 .items article:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; opacity: 1; }

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

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

#groupfinder1 .items article h3 { margin-bottom: 0.5em; transition: all 0.2s ease-in-out; }

#groupfinder1 .items article h6 { margin-bottom: 0; }

#groupfinder1 .items article .meta { margin: 0; }

#groupfinder1 .items article .details { display: none; text-align: left; }

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

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

article.detail header { cursor: default; overflow: hidden; padding: 2rem; border-radius: .65rem; }

article.detail header[data-address] section { float: left; width: 61%; }

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

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

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

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

article.detail header[data-address] aside { float: right; padding: 2.5%; width: 29%; }

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

article.detail header aside #map-display { height: 160px; margin-bottom: 1em; 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 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: 991.98px) { 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; float: none; margin-bottom: 1em; padding: 0 1.5%; width: 97%; text-align: center; }
  form#gF-filter .childcare-inner { padding-top: 0; }
  form#gF-filter #filter-childcare { float: none; }
  article.detail header[data-address] section { float: none; padding: 5%; width: 90%; }
  article.detail header[data-address] aside { float: none; padding: 5%; width: 90%; }
  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%; }
  form#gF-filter .input { margin: 0 auto; }
  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; }

.groupfinder-info-status { position: relative; text-align: left; }

.groupfinder-info-status.Open, .groupfinder-info-status.Closed { display: none !important; }

#groupFinder.layout1 .items article header { position: relative; padding-right: 5rem; }

#groupFinder.layout1 .items article header .groupfinder-info-status { position: absolute; right: -1.5rem; top: 50%; transform: translateY(-50%); margin: 0; }

.groupfinder-info-status .status { display: inline-block; line-height: 1.1; border-radius: 0px; padding: 7px 10px 7px 10px; font-size: 14px; font-weight: 700; }

.groupfinder-info-status.detail .status { display: block; }

.groupfinder-info-status .status i { display: none; }

/*open and closed are hard coded colors.  full is tied to link*/
.groupfinder-info-status.Open .status { color: #ffffff; background-color: #d8fad8; }

.groupfinder-info-status.Closed .status { color: #ffffff; background-color: #fbf2c4; }

.groupfinder1-connected { border-radius: .65rem; }

var { font-style: normal; }

var[data-time='12:00am'], var[data-time='12:00 am'], var[data-time='12:00AM'], var[data-time='12:00 AM'], var[data-time="12:00am"], var[data-time="12:00 am"], var[data-time="12:00AM"], var[data-time="12:00 AM"] { display: none !important; }