/* Colors */
@blauw:							#0029ef;
@lichtblauw:					#009fe3;
@groen:							#5cb85c;
@donkergroen:					#53a153;
@rood:							#e30613;

@import "/wp-content/themes/betheme/style.css";

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');
@oswald:						"Oswald", Arial, Tahoma, sans-serif;

/*Mixins*/
.border-radius (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius:    @radius;
	border-radius:         @radius;
}

.rotate (@deg) {
	-webkit-transform: rotate(@deg);
	-moz-transform: 	 rotate(@deg);
	-ms-transform: 		 rotate(@deg);
	-o-transform: 		 rotate(@deg);
}

.transition (@prop: all, @time: 1s, @ease: linear) {
    -webkit-transition: @prop @time @ease;
       -moz-transition: @prop @time @ease;
         -o-transition: @prop @time @ease;
        -ms-transition: @prop @time @ease;
            transition: @prop @time @ease;
}

/*Basisclasses*/
.relative												{ position: relative; }
.absolute												{ position: absolute; }

/*Basisstyling*/
#agendaitems_accordeon  								{ margin-top:35px;
	.agenda_item										{ margin-bottom: 10px;
		.agende_item_titel								{ cursor: pointer; background:@blauw; padding:12px;
			p 											{ font-size: 24px; color: #fff; margin-bottom: 0; font-family: @oswald; font-weight: 300;
				@media (max-width: 768px)				{ font-size: 16px; }
			}
			i.fa										{ float: left; position: relative; color:#fff; font-weight: bold; font-size: 24px; margin-right: 24px; .transition (all, .3s, ease-out); 
				@media (max-width: 768px)				{ margin-right:12px; }
			}
			&.active									{
				i.fa									{ .rotate(180deg); }
			}
		}
		.agenda_categorie_items							{ display: none;
			.beschikbaarheid							{ padding:5px; color:#fff; min-width: 120px; display: inline-block; text-align: center; .border-radius (@radius: 3px); font-weight: bold; 
				&.vol									{ background:@rood; border: 1px solid darken(@rood, 15%); text-transform: uppercase;}
				&.beschikbaar							{ background:@groen; border: 1px solid darken(@groen, 15%); .transition (all, .3s, ease-out); text-transform: capitalize;
					&:hover								{ background:@donkergroen; text-decoration: none; }
				}
				@media (max-width: 768px)				{ width:100%; font-size: 12px; text-align: center; box-sizing: border-box;}
			}
			p											{ color:black; }
			table										{ margin-bottom: 0;
				tr										{
					td,th								{ font-size:14px; text-align: left;
						@media (max-width: 768px)		{ font-size:12px; padding:6px 4px; } 
					}
					th									{ font-family: @oswald; font-size:16px; padding-top:15px; padding-bottom: 15px; font-weight: 400; 
						@media (max-width: 768px)		{ font-size: 13px; padding-top:8px; padding-bottom:8px; }
					}
					&:hover								{
						td								{ background: none; color: inherit; }
					}
				}
			}
		}
		
		&:nth-child(2n)									{ 
			.agende_item_titel							{ background: @lichtblauw; }
		}
	}
	@media (max-width: 768px)							{ margin-top:20px; }
}

.wpcf7-form												{
	input.hidden-field 									{ display: none; }
}