/* picnic */

.bg-picnic { width:100%; }
.picnic-hold { width:100%;  }

/* responsive layout */

#picnic-basket { display:block; width:100%; }
.picnic-controls { display:block; width:100%; }
.picnic-results { display:block; width:100%; }
@media all and (min-width: 992px) {
  #picnic-basket { display:flex; width:100%; }
  .picnic-controls { flex-shrink: 0; width: 344px; padding-right:24px; }
  .picnic-results { flex-grow: 1; min-height: 100vh;  }
}  
  
/* mobile drawers */
  
.picnic-drawer { margin-bottom:1.5rem; border:1px solid var(--ccbrand-sky); } 
a.picnic-drawer-toggle { display:table; width:100%; text-decoration:none; color:var(--ccbrand-sky); }
a.picnic-drawer-toggle:hover { text-decoration:none; color:var(--ccbrand-sky); }
@media all and (min-width: 992px) {
  .picnic-drawer { border:0; }
  a.picnic-drawer-toggle { display:none; }
}

.picnic-drawer-toggle-label { display:table-cell; width:auto; text-align:left; padding:0 1rem; font-size:1rem; line-height:3rem; font-weight:700; }
.picnic-drawer-toggle-icon { display:table-cell; width:24px; text-align:right; padding:0 1rem; }
a.picnic-drawer-toggle.is-open .picnic-drawer-toggle-icon { transform: rotate(180deg); }

.picnic-drawer-closed { max-height:0px; overflow:hidden; }
.picnic-drawer-open { max-height:900px; transition: all 250ms ease-in; overflow:hidden; }


/* controls */

.picnic-calendar-hold { width:100%; padding:0 1rem; margin:1rem 0; }
.picnic-categories-hold { width:100%; padding:0 1rem; margin:1rem 0; }
@media all and (min-width: 992px) {
  .picnic-calendar-hold { padding:0; margin-top:0px; margin-bottom:0; }
  .picnic-categories-hold { padding:0; margin-top:0px; }
}

.picnic-shortcuts { font-size:13px; line-height:1.5; font-weight:700; margin-top:0.66rem;  margin-bottom:0; text-align:left; }
.picnic-shortcuts a { color:inherit; text-decoration:none; }
.picnic-shortcuts a:hover { color:inherit; text-decoration:none; }

ul#picnic-tagpicker { margin:0; padding:0; list-style:none; }
ul#picnic-tagpicker li { margin:0; padding:0 4px 8px 0; display:inline-block; font-size:13px; line-height:1.5; }
ul#picnic-tagpicker li a { display:inline-block; border:1px solid var(--ccbrand-sky); padding:6px 16px; border-radius:16px; text-decoration:none; font-weight:700; } 
.picnic-tag { background-color:transparent; color:var(--ccbrand-sky); }
.picnic-tag:hover { background-color:var(--ccbrand-sky); color:var(--ccbrand-pacific); }
.picnic-tag-selected { background-color:var(--ccbrand-sky); color:var(--ccbrand-pacific); }





#picnic-blanket { width:100%; }

.picnic-results-headline { 
  font-weight: 400;
  font-size: 1.25rem;
  line-height:1.05;
  margin-top: 0px;
  margin-bottom: 1rem;
  color:inherit;
}

/* use card style from _styles_cards */