/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
		height: 38px;
		border: 1px solid rgba(1,0,0, 0.5);
		font-family: 'apercu-web', sans-serif;
		font-size: 15px;
		line-height: 15px;
		letter-spacing: 0.0em;
		padding: 8px 15px;
		color: rgba(1,0,0, 0.5);
  		background-color: rgba(251,187,57, 0.0);
		margin: 0px 2px 10px 2px;
    border-radius: 6px;
		cursor: pointer;
													
															-webkit-transition:all 0.7s ;
															-moz-transition:all 0.7s ;
															-ms-transition:all 0.7s ;
															-o-transition:all 0.7s ;
															transition:all 0.7s ;
}

		
.button-group .button:hover {
  		border: 1px solid rgba(251,187,57, 1.0);
  		background-color: rgba(251,187,57, 1.0);
		color: rgba(255,255,255, 1.0);
															-webkit-transition:all 0.7s ;
															-moz-transition:all 0.7s ;
															-ms-transition:all 0.7s ;
															-o-transition:all 0.7s ;
															transition:all 0.7s ;
  		
}

.button-group .button:first-child {  }
.button-group .button:last-child {  }

.button-group .button.is-checked {
  		border: 1px solid rgba(251,187,57, 1.0);
  		background-color: rgba(251,187,57, 1.0);
		color: rgba(255,255,255, 1.0);
  		
}


.button-fake .buttonx.is-checked {
    border: 1px solid rgba(251,187,57, 1.0);
    background-color: rgba(251,187,57, 1.0);
    color: rgba(255,255,255, 1.0);
}

.button-fake .buttonx {
    height: 38px;
    border: 1px solid rgba(1,0,0, 0.5);
    font-family: 'apercu-web', sans-serif;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.0em;
    padding: 10px 18px;
    color: rgba(1,0,0, 0.5);
    background-color: rgba(251,187,57, 0.0);
    margin: 15px 2px 5px 2px;
    border-radius: 6px;
    cursor: pointer;
    text-transform: lowercase;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}




.search-bar {
			width:100%;
			min-height:300px;
	}
	.searchbar-td {
			position:relative;
			float:left;
			display:block;
			width:33.3333%;
			}
			.bar-td-left {
				  padding-right: 20px;
			}
			.bar-td-center {
				  padding: 0px 10px;
			}
			.bar-td-right {
				  padding-left: 20px;
			}
												
.searchfake {
				width: 100%;
				height: 40px ;
				border: 1px solid rgba(1,0,0, 1.0) ;
					font-size: 17px ;
					line-height: 17px ;
					padding: 10px 16px ;
					
				color: rgba(1,0,0, 1.0) ;
				border-radius: 20px ;
				cursor: pointer ;
				
				background-image: url('/wp-content/themes/rooij-theme/assets/svg/custom/arrow-nav-black-pull.svg');
    
				background-repeat: no-repeat;
				background-size: 30px;
				background-position: right center;
				
				
			}
			.searchfake:hover {
				background-image: url('/wp-content/themes/rooij-theme/assets/svg/custom/arrow-nav-red-pull.svg');
			}


.quicksearch {
				font-family: 'apercu-web', sans-serif;
				
				width: 30% !important;
				height: 38px !important;
				
				border: 1px solid rgba(1,0,0, 0.5) !important;
					font-size: 15px !important;
					line-height: 15px !important;
					
				padding: 0px 16px !important;
				color: rgba(1,0,0, 1.0) !important;
				border-radius: 6px !important;
				cursor: pointer !important;
				}
				
				
input.quicksearch {
				font-size: 15px;
  				color: rgba(1,0,0, 1.0);
						
				}
input.quicksearch::-webkit-input-placeholder {
  				color: rgba(1,0,0, 0.5) !important;
  				font-size: 15px;
}
input.quicksearch::--moz-placeholder {
  				color: rgba(1,0,0, 0.5) !important;
  				font-size: 15px;
}
input.quicksearch::-ms-input-placeholder {
  				color: rgba(1,0,0, 0.5) !important;
  				font-size: 15px;
}
input.quicksearch::-moz-placeholder {
  				color: rgba(1,0,0, 0.5) !important;
  				font-size: 15px;
}				
				
				.group-domeinen {

					padding: 20px 15px 0px 15px;
				
				}
				.group-locaties {

					padding: 20px 15px 0px 15px;
				
				}
				
				.group-selected {

						padding: 5px 15px 5px 15px;
				
				}		
				.group-close {
				
					display:none !important;
				
				}	
				.button-close {
				
					display:none;
					}
					.button-open {
				
							display:block;
					}
	
				
/* ---- isotope ---- */

.grid {
  max-width: 100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
  width: 100%;
}

.ui-group h3 {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin-right: 0.2em;
  font-size: 16px;
}

.ui-group .button-group {
  margin: 0px;
  width: 100%;
}

.button-groupcenter {
  
  text-align: left !important;
}
	
.group-last {
			margin-bottom: 41px !important;

		}	
	.button-group2 {
  		margin: 0px !important;
		}
	.button-group3 {
  		margin: 0px 0px 40px 0px !important;
		}

	.button-empty {
			 font-size: 19px !important;
			 line-height: 16px !important;
			 color: rgba(255,255,255, 1.0) !important;
			 background-color: rgba(255, 255, 255, 0.0) !important;
			 border: 1px solid rgba(1,0,0, 0.0) !important;
    			padding: 10px 10px 0px 0px !important;
    		border-radius: 0px !important;
    		text-transform: none !important;
			 margin-bottom: 10px !important;
			color: rgba(1,0,0, 1.0) !important;
		 }


/* color-shape */



.color-shape {
  float: left;
  height: auto;
  margin: 0px;
  border-right: 24px solid rgba(1,0,0, 0.0);

}
.shape-select1 {
			width: 100%;
		}
.shape-select2 {
			width: 50%;
		}
		.shape-projects {
  					border-left: 12px solid rgba(1,0,0, 0.0);
  					border-right: 12px solid rgba(1,0,0, 0.0);
  					margin-bottom: 33px;
					}
		.shape-downloads {
  					border-left: 12px solid rgba(1,0,0, 0.0);
  					border-right: 12px solid rgba(1,0,0, 0.0);
  					margin-bottom: 33px;
					}
.shape-select3 {
			width: 33.3333%;
		}
.shape-select4 {
			width: 25%;
		}
		
		
		


 	/* ==================================================
				Responsive Media Queries
	================================================== */
	
	
	
		 
		 @media (min-width: 1200px) {body.boxed .is-sticky .full-width-menu{width:1080px;}
		 											
		 		}
		 											
		 @media (min-width: 992px) and (max-width: 1199px) {
												
		 		}

		 @media only screen 
		 and (min-device-width : 768px) 
		 and (max-device-width : 1024px) 
		 and (orientation : landscape) { /* STYLES GO HERE */

				}

		 @media (max-width: 1680px){
															
		 		}
		 @media (max-width: 1580px){
															
		 		}
		 @media (max-width: 1480px){
															
		 		}
		 @media (max-width: 1280px){				
		 		}
		 		
		 @media (max-width: 1200px){
				
					
					
				}
		 		
		 @media (max-width: 1100px){
				
					
				  .shape-select4 {
							  width: 50%;
						  }
					
				}

		 @media only screen and (max-width: 992px) {
					
					
					
		}
		
		@media only screen and (max-width: 767px) {
				
					
					.color-shape {
						 width: 100%;
					   	}
					   		
						
									
					  
		 
		 }
		 
		 @media only screen and (min-width: 320px) and (max-width: 480px) {



		 }