/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Mar 26 2022 | 14:19:41 */
/* global */
.search-title.h1 {
    visibility: hidden;
}

.search-title.h1:before {
    content: "Zoeken naar...";
    visibility: visible;
	font-weight: 600!important;
}

.pix-search .search-note {
	color: #fff;
	padding-bottom: 25px;
}

.pixicon-close-circle:after {
    color: #fff;
    font-weight: 300;
}

.pix-search .search-bar .pix-search-input {
 	color: #A9998A;
}

.bootstrap-autocomplete.dropdown-menu.show a:hover {
    background: #699c941f!important;
}

.bootstrap-autocomplete.dropdown-menu.show a, .bootstrap-autocomplete.dropdown-menu.show a.active {
    background: rgba(0, 0, 0, 0.02) !important;
    color: #A9998A !important;
    font-weight: 600!important;
    font-size: 16px!important;
    border: solid 1px #6c757d14;
}

.bootstrap-autocomplete.dropdown-menu.show, .pix-search .search-bar {
	border-radius: 2px;
}

/* @media(min-width: 991px) */
@media(min-width: 991px){
	body .pix-overlay {
		background: linear-gradient(180deg, #006D68 0%, #6C9D95 100%) !important;
	}
	.pix-overlay .pix-search .pix-overlay-item .search-title{
		font-size: 48px;
  		letter-spacing: 0.46px;
  		line-height: 58px;

	} 	
	.pix-search .search-note {
  		font-size: 16px;
 		letter-spacing: 0.31px;
 		line-height: 19px;
	}
	
	body .pix-overlay .pix-search .search-bar input::placeholder{
			color: #A9998A !important;
	}

	body .pix-overlay .pix-search .search-bar .media-body:before {
   	 	content: "\e916";
    	font-family: "icomoon";
   	 	position: absolute;
    	left: 20px;
    	top: 15px;
    	font-size: 24px;
    	color: #A9998A;
		letter-spacing: 0.23px;
		font-weight: bold;
	}
	body .pix-search .search-bar .pix-search-input{
		padding-left: 30px !important;
	}
	.pix-search .pix-search-close{
		right: 0 !important;
		top: 0 !important; 
	}

	.pix-search .search-bar .pix-search-input {
		font-size: 24px;
		letter-spacing: 0.15px;
		line-height: 29px;
	}
	.pix-search .search-bar {
		padding: 17px 15px;
	}
}

/* @media(max-width: 991px) */
@media(max-width: 991px){
	 body .pix-overlay {
		background: linear-gradient(180deg, #006D68 0%, #6C9D95 100%) !important;
	}
		.pix-overlay .pix-search .pix-overlay-item .search-title{
		font-size: 32px;
    	font-weight: bold !important;
    	letter-spacing: 0.31px;
    	line-height: 38px;
	} 	
	
	body .pix-overlay .pix-search .search-bar .media-body:before {
   		content: "\e916";
   		font-family: "icomoon";
    	position: absolute;
     	left: 14px;
     	bottom: 9px;
     	font-size: 18px;
     	color: #A9998A;
}
	
	.pix-overlay .pix-search .slide-in-container p{
  		font-size: 14px;
 		letter-spacing: 0.13px;
 		line-height: 17px;
	}
	.pix-overlay .pix-search .search-bar{
		height: 55px !important;
	}
	.pix-overlay .pix-search .search-bar input{
		height: 49px !important;
		padding-bottom: 15px !important;
	}
	.pix-overlay .pix-search .search-bar input::placeholder{
		 font-size: 20px;
 		 letter-spacing: 0.19px;
  		 line-height: 24px;
		color: #A9998A !important;
		
	}
	body .pix-overlay .pix-search > .container{
		padding-left: 30px !important;
		padding-right: 30px !important; 
	}
	.pix-search .pix-search-close{
		top: -5px !important
	}
}