/* slinky */
.slinky-menu{-webkit-transform:translateZ(0);transform:translateZ(0)}.slinky-menu>ul{left:0;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.slinky-menu ul,.slinky-menu li{list-style:none;margin:0}.slinky-menu ul{width:100%}.slinky-menu a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.slinky-menu a span{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.4}.slinky-menu li ul{display:none;left:100%;position:absolute;top:0}.slinky-menu .header{display:-webkit-box;display:-ms-flexbox;display:flex}.slinky-menu .header .title{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.4;margin:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.slinky-theme-default li{line-height:1}.slinky-theme-default .current{color:#000}.slinky-theme-default a:not(.back):hover{background:rgba(90,200,250,.25)}.slinky-theme-default a:not(.back):active{background:rgba(90,200,250,.5)}.slinky-theme-default .next::after,.slinky-theme-default .back::before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;background-size:1em;content:'';height:1em;opacity:.25;-webkit-transition:200ms;-o-transition:200ms;transition:200ms;width:1em}.slinky-theme-default .next::after{margin-left:1em}.slinky-theme-default .back{color:#000;font-weight:400}.slinky-theme-default .back::after{display:inline;content:"Hoofdmenu"}.slinky-theme-default .back::before{padding:1em;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.slinky-theme-default .next:hover::after,.slinky-theme-default .back:hover::before{opacity:.75}.slinky-theme-default .next:active::after,.slinky-theme-default .back:active::before{opacity:1}

/* custom child css de heren van */
.submitting{
	opacity: 0.75;
	filter: grayscale(100%);
	cursor: wait !important;
}
.submitting, .submitting *{
	cursor: wait !important;
}
.submitting button[type="submit"],
.submitting input[type="submit"]{
	animation: blinker 2s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0.5;
	}
}

input:read-only {
  border:0;
  color:#000;
  padding:0
}

#inschrijven {
	scroll-margin-top: 200px;
}
@media screen
  and (max-device-width: 767px) {
	#inschrijven {
		scroll-margin-top: 10px;
	}
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
}

.quick_signup .attendee input[name="attendees[0][voornaam]"],
.quick_signup .attendee input[name="attendees[0][achternaam]"],
.quick_signup .attendee input[name="attendees[0][email]"],
.quick_signup .attendee input[name="attendees[0][telefoonnummer]"],
.quick_signup .attendee input[name="attendees[0][functie]"],
.quick_signup input[name="company_name"],
.quick_signup input[name="company_address"],
.quick_signup input[name="company_zipcode"],
.quick_signup input[name="company_city"]
{
	padding: 0.375rem 0.75rem;
	height:auto;
	max-width:350px;
	width:100%;
	margin-bottom:4px;
	display:inline-block;
}
.quick_signup label{
	min-width:150px;
}
.quick_signup .form-group {
    margin-bottom: 0;
}

/* NINJA FORMS FORMATTING*/
	.nf-field-label label,
	.nf-field-element input,
	.nf-field-element button{
		font-size: inherit !important;
	}

	.nf-response-msg{
		display: block;
		margin-top: 1em;
		color: #3EAD47;
		font-weight: 700;
	}

.large{ font-size: large; }
.underline{ text-decoration: underline; }

.entry-signup a{
	white-space: nowrap;
}

.header-highlights h1.heading-title {
	font-size: 57px;
    line-height: 0.85em;
}

.pos-abs-bottom-right{
	position: absolute;
	bottom: 0;
	right: 0;
}

.video-container {
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 */
  position: relative;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;

}

#gray_sub_menu nav a {
    padding: 15px !important;
	font-size: 14px;
}

input:read-only.edit-astrix {
	border: 1px solid #efefef!important;
}
.edit-astrix {
	background-image: url('../img/edit.svg');
	background-position: right 1em center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
}
.edit-astrix {
	border:1px solid red;
}

@media screen
  and (max-device-width: 1200px) {
	.header-highlights h1.heading-title {
	 	 font-size: calc(100vw / 22);
	  	line-height: calc(100vw / 22);
 	 }
}

@media screen
  and (max-device-width: 767px) {
	.header-highlights h1.heading-title {
	 		font-size: 32px;
			line-height: 32px;
 	 }
	.event_signup--form .nav {
		display:none;
	}

}

@media only screen and (max-width: 1024px) {
	.events-slider {
		font-size:12px;
	}
	.events-slider .row {
		overflow:hidden;
		height:1.35em;
	}
}

/*** ANIMATION ***/
.wobble{
	align-self: flex-end;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform-origin: center;
	animation-name: wobble;
	animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

@keyframes wobble{
	0% { transform: scale(1); }
	10% { transform: scale(1.05); }
	13%, 20% { transform: rotate(-3deg) scale(1.05); }
	17% { transform: rotate(3deg) scale(1.05); }
	23% { transform: rotate(0deg) scale(1.05); }
	33% { transform: scale(1); }
	100% { transform: scale(1); }
}