/*
Theme Name: Techniekdoethet
Description: Wordpress thema Techniekdoethet
Version: 1.0 | 06012022
Author: Groeier
Author URI: https://www.groeier.nl/
Template: techniekdoethet
*/


/* General */
h1, h2 {
	font-size: 40px;
	transform: skew(-8deg);
}
h3 {
	text-transform: uppercase;
	font-size: 32px;
	transform: skew(-8deg);
}
p, li {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
}
a, strong {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
}
.container {
	max-width: 1500px;
}
#top #main .avia-section .template-page {
	padding-bottom: 0px;
}
.avia-section {
	position: relative;
	min-height: 0px;
}
.av-special-heading {
	margin-top: 15px;
}
.avia-image-overlay-wrap a.avia_image .image-overlay,
.image-overlay.overlay-type-extern {
	display: none !important;
}
.avia-button {
	font-size: 16px !important;
}
.avia-button .avia_button_icon {
	font-size: 13px !important;
}

/*Aanpassing voor congrespagina*/
.page-id-551 .avia-button {
	font-size: 28px !important;
	font-weight:bold!important;
}
.page-id-551 .avia-button .avia_button_icon {
	font-size: 28px !important;
}

/*Aanpassing voor workshops*/
.page-id-688 .avia-button {
	font-size: 28px !important;
	font-weight:bolder!important;
	padding-left:25px!important;
	padding-right:30px!important;
}
.page-id-688 .avia-button .avia_button_icon {
	font-size: 28px !important;
}

.avia-buttonrow-wrap > .avia-button {
	color: white !important;
	border-radius: 0px;
	border: 0px;
	font-weight: bold;
}
.avia-buttonrow-wrap > .avia-button .avia_button_icon {
	padding-left: 12px;
	padding-right: 5px;
}
#video_tdh .container {
	max-width: 100%;
	width: 100%;
	padding: 0px 0px;
	padding-top: 0px !important;
}
#video_tdh .content {
	padding-top: 0px;
	padding-bottom: 0px;
}
#video_tdh .logo_tdh {
	max-width: 70px;
	position: absolute;
	z-index: 3;
	left: 10px;
	top: 10px;
	animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

#video_tdh .knop_congres {
	position: absolute;
	z-index: 3;
	right: 20px;
	top: 30px;
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
}
#video_tdh .video_overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 7px;
	left: 0;
	z-index: 2;
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#video_tdh .video_overlay.hide {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#video_tdh .with_sound {
	position: absolute;
	left: 25px;
	bottom: 85px;
	max-width: 275px;
	z-index: 5;
}
#video_tdh .sound {
	position: absolute;
	left: 25px;
	bottom: 25px;
	z-index: 5;
	max-width: 35px;
}
#video_tdh .sound_off {
	display: none;
}
#video_tdh .sound:hover {
	cursor: pointer;
}
.intro .content {
	padding-bottom: 50px !important;
}
/*
.intro .post-entry {
	max-width: 600px;
	margin: 0 auto;
}*/

.artwork_kids {
	margin-top: -50px;
	z-index: 0;
}
.artwork_kids .container {
	max-width: 100%;
	width: 100%;
	padding: 0px 0px;
}
.artwork_right {
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
	max-width: 70%;
	position: absolute;
	right: 0;
	bottom: 20px;
}
.artwork_kids.last .artwork_right {
	bottom: 0px;
}
.artwork_left {
	max-width: 70%;
	position: absolute;
	left: 0;
	bottom: 20px;
}
.lines {
	margin-top: 25px;
}

.geen_marge
{
	margin-top:0px!important
}

.lines .container {
	max-width: 100%;
	width: 100%;
	padding: 0px 0px;
}
.lines .content {
	padding-top: 0px;
	padding-bottom: 0px;
}
.lines_right {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	right: 0px;
	width: 85%;
}
.lines_right div {
	position: relative;
}
.lines_right .circle {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background: white;
	left: -5px;
	bottom: -10px;
}
.different_circles .line_two .circle {
	background: #26143B;
	border: 5px solid white;
}
.lines_right .line_one {
	float: right;
	width: 85%;
	background: white;
	height: 5px;
}
.lines_right .line_two {
	float: right;
	width: 100%;
	background: white;
	height: 5px;
	margin-top: 20px;
}

.lines_right .square {
	position: absolute;
	width: 20px;
	height: 20px;
	background: white;
	left: -5px;
	bottom: -7px;
	transform: rotate(45deg);
}

.lines_left {
	position: absolute;
	z-index: 10;
	bottom: 25px;
	left: 0px;
	width: 85%;
}
.lines_left div {
	position: relative;
}
.lines_left .line_one {
	float: left;
	width: 100%;
	background: white;
	height: 5px;
}
.lines_left .square {
	position: absolute;
	width: 20px;
	height: 20px;
	background: white;
	right: -5px;
	bottom: -7px;
	transform: rotate(45deg);
}
.check_video {
	margin-left: 5px;
}
.check_video a {
	background: none !important;
	padding: 0px !important;
	border: 0px !important;
	color: white !important;
	font-weight: bold !important;
}
.check_video:hover {
	background: none;
}
.check_video span.avia_iconbox_title {
	border-bottom: 1px solid white;
	padding-bottom: 2px;
	margin-left: 8px;
}
.orange .avia-buttonrow-wrap > .avia-button {
	background: #EE5D40;
}
.blue .avia-buttonrow-wrap > .avia-button {
	background: #0082FF;
}

/* Meer informatie */
.informatie a {
	color: #EE5D40 !important;
	text-decoration: underline;
}
.contact .container {
	max-width: 100%;
	width: 100%;
	padding: 0px 0px;
}
.contact .flex_column.first {
	margin: 0px !important;
}
.contact .artwork {
	text-align: left;
}
.contact .av_textblock_section a {
	color: #EE5D40 !important;
	text-decoration: underline;
}


@media only screen and (min-width: 768px) {
	#video_tdh .logo_tdh {
		left: 35px;
		top: 35px;
		max-width: 125px;
	}
	#video_tdh .sound {
		left: 35px;
		bottom: 35px;
		max-width: 50px;
	}
	.artwork_right {
		max-width: 45%;
		bottom: 0px;
	}
	.artwork_left {
		max-width: 45%;
		bottom: 0px;
	}
	.lines_right {
		width: 65%;
	}
	.lines_left .line_one {
		width: 65%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.item .flex_column {
		width: 45% !important;
	}
}

@media only screen and (min-width: 1024px) {
	.artwork_kids {
		margin-top: -50px;
	}
	.artwork_right {
		max-width: 35%;
	}
	.artwork_left {
		max-width: 35%;
	}
}

@media only screen and (min-width: 1310px) {
	.avia-section .flex_column {
		vertical-align: middle !important;
	}
	#video_tdh .logo_tdh {
		max-width: 175px;
	}
	#video_tdh .with_sound {
		left: 65px;
	}
	#video_tdh .sound {
		left: 85px;
	}
}

@media only screen and (max-width: 767px) {
	#video_tdh .container {
		max-width: 100% !important;
		width: 100% !important;
	}
	#video_tdh .with_sound {
		display: none;
	}
	.item.last .flex_column.avia-builder-el-last {
		margin-bottom: 0px !important;
	}
	.artwork_kids .container {
		max-width: 100% !important;
		width: 100% !important;
	}
	.lines {
		margin-top: 5px;
	}
	.lines .container {
		max-width: 100% !important;
		width: 100% !important;
	}
	#robot_bouwen img {
		max-width: 250px;
	}
	#prothese_ontwikkelen img {
		margin-left: 65px;
	}
	#voedsel_verbeteren img {
		margin-left: 50px;
	}
	#warmpjes img {
		margin-left: 50px;
	}
	.contact .container {
		max-width: 100% !important;
		width: 100% !important;
	}
	.contact .avia-builder-el-last {
		padding-left: 35px;
		padding-right: 35px;
	}
}

.vonk img {
	max-width: 180px!important;	
}

/*Formulier stylen*/

/*Knop GF*/
.gform_button
{
	background: #2680EA 0% 0% no-repeat padding-box!important;
	border: 0px solid #404954!important;
	padding:15px!important;
	text-align: left;
	font-size:inherit!important;
	color: #ffffff!important;
	opacity: 1!important;
}

/*Teksten labels GF*/
body .gform_wrapper .gform_body 
{
	text-align: left!important;
	letter-spacing: 0px!important;
	color: #404954!important;
	opacity: 1!important;
}

/*Ronde hoeken velden inrichten*/
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea 
{
	background: #FFFFFF 0% 0% no-repeat padding-box!important;
	border: 1px solid #26143b!important;
	border-radius: 0px!important;
	opacity: 1!important;
	color:#000000!important;
}