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

.button {
  	display: inline-block;
    padding: 12px 5px;
  	background: rgba(1,0,0, 0.0);
  	border-left: 0px solid rgba(1,0,0, 0.5);
  	border-right: 1px solid rgba(1,0,0, 0.5);
  	border-top: 1px solid rgba(1,0,0, 0.5);
  	border-bottom: 1px solid rgba(1,0,0, 0.5);
  	color: rgba(1,0,0, 1.0);
   	font-family: 'DINWeb-CondLight', sans-serif;
   	font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
  	cursor: pointer;
    
   
															-webkit-transition:all 0.6s ;
															-moz-transition:all 0.6s ;
															-ms-transition:all 0.6s ;
															-o-transition:all 0.6s ;
															transition:all 0.6s ;
}

.button:hover {
  	background-color: rgba(1,0,0, 1.0);
  	border: 1px solid rgba(1,0,0, 1.0);
  	border-radius:0px;
  	color: #fff;
															-webkit-transition:all 0.6s ;
															-moz-transition:all 0.6s ;
															-ms-transition:all 0.6s ;
															-o-transition:all 0.6s ;
															transition:all 0.6s ;
}

.button:active,
.button.is-checked {
  background-color: rgba(1,0,0, 1.0);
  border: 1px solid rgba(1,0,0, 1.0);
  border-radius:0px;
  color: #fff;
  outline: none !important;
}

.button.is-checked {
  background-color: rgba(1,0,0, 1.0);
  border: 1px solid rgba(1,0,0, 1.0);
  border-radius:0px;
  color: #fff;
  outline: none !important;
}

.button:active {
  background-color: rgba(1,0,0, 1.0);
  border: 1px solid rgba(1,0,0, 1.0);
  border-radius:0px;
  color: #fff;
  outline: none !important;
}


.button-fifth {
		width:16.6666%;
		
		}
.button-half {
		width:50%;
		}
.button-four {
		width:25%;
		}
		
.button-five {
		width:120px;
		}
		
		

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

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

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0px;
}

.button-group .button:first-child { border-left: 1px solid rgba(1,0,0, 0.5); }
.button-group .button:last-child { border-radius: 0em; }


.hidden-search {
						position: relative;
						z-index: 5;
						font-size: 1px;
						color: #fff;
						width: 100%;
						height: 1px;
						border-top: 0px solid rgba(1,0,0, 1.0);
						background-color: rgba(1,0,0, 0.52);

				}
.hidden-search-posts {
						position: relative;
						z-index: 5;
						font-size: 1px;
						color: #fff;
						width: 100%;
						height: 1px;
						border-top: 1px solid rgba(1,0,0, 1.0);
						background-color: #fff;

				}

.searchdiv {
						height:80px;
						width:100%;
						padding: 15px 0px 15px 50%;

				}
				
.quicksearch {
						position: absolute;
						width:500px;
						height:48px;
						border: 1px solid rgba(1,0,0, 0.5) !important;
						border-radius: 0px !important;
						margin-left: -250px;
				}
.searchicon {
						position: absolute;
						width:38px;
						height:38px;
						border: 0px solid rgba(1,0,0, 0.2) !important;
						border-radius: 0px !important;
						margin-left: 202px;
						margin-top: 5px;
						background-image: url('/wp-content/themes/gabrielle-theme/assets/svg/zoeken.svg');
												background-size:24px;
												background-repeat: no-repeat;
												background-position: center ;
				}
.searchicon2 {
						position: absolute;
						float:right;
						right: 140px;
						width:38px;
						height:38px;
						background-color: #fff;
						border: 1px solid rgba(1,0,0, 1.0) !important;
						border-radius: 0px !important;
						margin-top: 0px;
						z-index:999;
						background-image: url('/wp-content/themes/gabrielle-theme/assets/svg/zoeken.svg');
												background-size:24px;
												background-repeat: no-repeat;
												background-position: center ;
				}

.arrowicon2 {
						position: absolute;
						float:right;
						right: 40%;
						width:60px;
						height:60px;
						background-color: #fff;
						margin-top: 15px;
						z-index:999;
						background-image: url('/wp-content/themes/gabrielle-theme/assets/svg/arrow-down.svg');
												background-size:100%;
												background-repeat: no-repeat;
												background-position: center ;
				}

input.quicksearch {
						font-size: 24px;
   						font-family: 'DINWeb-CondLight', sans-serif;
						
				}
input.quicksearch::-webkit-input-placeholder {
  				color: rgba(1,0,0, 0.52);
  				font-size: 19px;
   						font-family: 'DINWeb-CondLight', sans-serif;
    text-transform: uppercase;
}
input.quicksearch::--moz-placeholder {
  				color: rgba(1,0,0, 0.52);
  				font-size: 19px;
   						font-family: 'DINWeb-CondLight', sans-serif;
    text-transform: uppercase;
}
input.quicksearch::-ms-input-placeholder {
  				color: rgba(1,0,0, 0.52);
  				font-size: 19px;
   						font-family: 'DINWeb-CondLight', sans-serif;
    text-transform: uppercase;
}
input.quicksearch::-moz-placeholder {
  				color: rgba(1,0,0, 0.52);
  				font-size: 19px;
   						font-family: 'DINWeb-CondLight', sans-serif;
    text-transform: uppercase;
}				
				
				
/* ---- 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 {
  display: inline-block;
  margin: 0px;
  width: 100%;
}

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

/* color-shape */

.color-shape {
  width: 33.3333%;
  min-height: 100px;
  height: auto;
  border-left: 15px solid rgba(255,255,255, 0.0);
  border-right: 15px solid rgba(255,255,255, 0.0);
  margin: 0px;
  float: left;
  overflow: hidden;
}
 
.color-shape.full {
  width: 100%;
}
 





 /* ==================================================
			7. 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 (min-width: 992px){
		 
					
		 }

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

							 
		 }


		 @media only screen and (max-width: 992px) {
						
						.button-fifth {
									width:33%;
		
							}
							
							.color-shape {
									width: 50%;
								}
				
		}
		
		
		@media only screen and (max-width: 767px) {
					 /* color-shape */

					 .color-shape {
					   		width: 100%;
					   		border-left: 0px solid rgba(255,255,255, 0.0);
						   	border-right: 0px solid rgba(255,255,255, 0.0);
					 }
					 
 						.button-fifth {
    								width: 50%;
							}
							
												.quicksearch {
													width: 80%;
													margin-left: -40%;
												}
												.searchicon {
													margin-left: 102px;
												}
												
												.button {
													 border-left: 1px solid rgba(1,0,0, 0.5);
												 }
							
					 

				
		 }
		 
		 @media only screen and (min-width: 320px) and (max-width: 480px) {



		 }