/*Plaats hier je custom css, zodat je styling niet overschreven wordt bij een update van het hoofdthema */

.side-fixed .pf--dynamic-p-categories {    
   position: static;
}

.pf--searchform-form {
   position: relative;
}

.pf--searchform-form .live-search {
   display: flex;
   flex-direction: column;
   background-color: #DBDBDB;
   border-radius: 5px;
   height: 0;
   overflow: hidden;
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   transform: translateY(100%);
   transition: height 0.2s ease-in-out;
}
.pf--searchform-form .live-search a{
   text-decoration: none;
   color: inherit;
   line-height: 1;
   padding: 10px 15px;
   transition: background-color 0.2s ease-in-out;
}
.pf--searchform-form .live-search a:hover{
   background-color: rgba(0,0,0,0.1);
}
.navbar-nav li{
   position: relative;
}
.navbar-nav .pf--searchform-form{
   position: absolute;
   right: 0;
   bottom: 0;
   transform: translateY(50%);
   pointer-events: none;
   opacity: 0;
   min-width: 300px;
   transition: all 0.2s ease-in-out;
}
.menu-searchicon--active .pf--searchform-form{
   transform: translateY(100%);
   opacity: 1;
   pointer-events: all;
}