body {margin:0;font-family: 'Roboto', sans-serif;}
h3 {color:#FFF; font-size: 21px; margin-bottom:14px;}


/*
#select-id1 {
        background-color: #FFF;
    padding: 11px 10px 11px 10px;
    border: none;
    font-size: 15px;
    max-width:100%;
    width:100%;
    float:left;

  } 
  */


#select-id1 {
	 width:100%;
	 margin-bottom: 8px;
	
  appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 10px center;
    background-size: 24px 24px; 
    padding-right: 40px; 
    font-size: 16px; 
    border: none;
    border-radius: 0px;
    padding: 10px;
    background-color:#FFF;
    color:#000;
      }


h3.search {padding-left: 31px;   }
h3.search:before {
content: "";
    position: absolute;
    top: 13px;
    left: 0;
    height: 33px;
    width: 35px;
    background: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg)no-repeat;
    background-position: -39px -258px;
    background-size: 1000px;
    }


button#ga1 {
	border: none;
    background-color: #ff984c;
    padding: 12px 16px;
    color: #FFF;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    margin-top: 4px;
    clear: left;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 #d18038; 
    transition: 0.2s;
} 

button#ga1:hover {
	background-color: #ed8305;
}

/*
button#ga1:before {
	content: '';
    width: 23px;
    height: 17px;
    display: block;
    float: left;
    background-color: #FFFFFF;
    -webkit-mask-image: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg);
    mask-image: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg);
    mask-position: left -54px top -123px;
    -webkit-mask-position: left -63px top -206px;
    mask-size: 785px;
   }
*/


a.pedialink {
    position: absolute;
    bottom: 1px;
    right: 3px;
    max-width: 66px;
    font-size: 11px;
    text-align: left;
    text-decoration: none;
    color: #ffffff87;
}

a.pedialink:hover {
	color: #FFF;
}


@media only screen and (max-device-width: 767px) {
	
	body:before {display:none;}
	h3 {    margin: 10px 0 11px 0;} 
	#select-id1 {font-size:16px; width: 70%; margin-right: 2%;     padding: 11px 5px 11px 5px; height: 42px;}
	button#ga1 {  position: absolute; font-size: 0;width: 28%;padding-left: initial;
        padding-right: initial;margin-top: 0;  right: 0px;height: 42px;}
	button#ga1:before {content:'Bekijk';font-size:16px;} 
	 }