/* picnic */

:root { /* duplicate these vars from _styles_picnic.css; */
  --picnic-ctrl-bg-default: #fffbf1;
  --picnic-ctrl-brdr: #fffbf1;
  --picnic-ctrl-txt: #332E21;
  --picnic-ctrl-txt-dayname: #332E21; /* days of the week */;
  --picnic-ctrl-navarrows:#332E21;
  --picnic-ctrl-navarrows-hover:#332E21;
  --picnic-ctrl-selected: #332E21;
  --picnic-ctrl-selected-bg: #FF5E26; /* ends */
  --picnic-ctrl-inrange: #332E21;
  --picnic-ctrl-inrange-bg:#fed7c8; /* middle */
}

.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 #666; } 
a.picnic-drawer-toggle { display:table; width:100%; text-decoration:none; color:#666; }
a.picnic-drawer-toggle:hover { text-decoration:none; color:#666; }
@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; }
  .picnic-categories-hold { padding:0; margin-top:0px; }
}

.picnic-shortcuts { font-size:0.75rem; margin-top:0.66rem; text-align:center; }
.picnic-shortcuts a { color:inherit; }
.picnic-shortcuts a:hover { color:inherit; }

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:0.8rem; font-weight:500; text-transform:uppercase; letter-spacing:0.050rem; 
}
ul#picnic-tagpicker li a { display:inline-block; border:1px solid var(--cty-brand-green); padding:6px 16px; border-radius:16px; text-decoration:none; }
.picnic-tag { background-color:white; color:var(--picnic-ctrl-txt); }
.picnic-tag:hover { background-color:var(--cty-brand-green); color:white; }
.picnic-tag-selected { background-color:var(--cty-brand-green); color:white; }





#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 */