/*
    styles catalogue page - only catalogue page specific styling
*/

.selectform {
	max-width:1200px;
	margin:0 auto;
	background-color:#fff;
	padding:8px 0;
}
.selectform input, .selectform select {
	margin:0 8px 8px 0;
    width:100%;
    max-width:100%;
}
.selectform select{
	padding:18px;
}
.selectform input[type="text"] {
  width: 100%;
}

/*.slidercatalogue {width:100%;padding: 0 20px 0 0;}*/
.filterheader {font-size: 15px;font-size: 1.5rem;font-weight: 400;}
.dates {margin-right:8px;}
.dates .flexbox50:first-child {padding-right:4px;}
.dates .flexbox50:last-child {padding-left:4px;}

#toolbar {
  background: rgba(255, 255, 255, 1);
  width: 300px;
  position: fixed;
  top: 100px;
  left: -300px;
  z-index: 500;
  transition: .5s left;
  padding: 20px;
  box-sizing: border-box;
}

#toolbar.open {
  left: 0;
  opacity: .95;
}

#toolbar .hamburger {
  height: 120px;
  width: 25px;
  background: var(--text);
  box-shadow: 1px 0 2px rgba(0, 0, 0, .3);
  position: absolute;
  right: -25px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #333;
  cursor: pointer;
}

.hamburger span {
  color: #fff;
  display: inline-block;
  position: relative;
  transform: rotate(90deg);
  top: 44px;
  left: -13px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.5px;
}

.grid-item a  {text-decoration: none;}