/*
Theme Name: Kwaaijongens
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0.2
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/*Add your own styles here:*/

/*
@font-face {
	font-family: 'Calibri';
	src: url('css/fonts/Calibri.eot');
	src: url('css/fonts/Calibri.eot?#iefix') format('embedded-opentype'),
		url('css/fonts/Calibri.woff') format('woff'),
		url('css/fonts/Calibri.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Calibri',Fallback, Open Sans;
}
*/

/*.avia_transform .av_slideshow_full .active-slide .avia-caption-content,
.avia_transform .av_fullscreen .active-slide .avia-caption-content
{visibility: visible;-webkit-animation: caption-right  1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);animation:         caption-right  1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); font-size:1.8vw; text-shadow: 0px 0px 0px silver !important;}
*/

.avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{background: #000;filter: alpha(opacity = 80);background: rgba(0, 0, 0, 0.2);display:inline-block;margin:0 0 1px 0;padding:10px 15px;}


.avia-button.avia-color-silver, .avia-button.avia-color-silver:hover{ background-color: #fcfcfc; border-color: #f1f1f1;color: #cc0000;}

.html_header_top.html_header_sticky #header {
position: fixed !important;

}


li.avia-pricing-row {
    font-size: 22px!important;
}

.pricing-table li.avia-pricing-row {
    font-size: 22px!important;
}

div.workshop_codeblock {
	padding-left: 15px;
}

div.workshop-wrapper {
	height: 260px;
    border: 1px solid #e1e1e1;
    overflow-y: scroll;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

div.workshops {
	border-bottom: 1px solid #e1e1e1;
	height: 65px;
}

div.workshops:nth-last-of-type(1) {
	margin-bottom: 10px;
}

div.workshops div.datum {
	background-color: #cc0000;
	float: left;
	width: 65px;
	height: 64px;
	text-align: center;
	padding: 10px;
}

div.workshops div.datum h3 {
  font-weight: normal;
}

div.workshops div.datum h3, div.workshops div.datum span {
	color: white;
	margin-bottom: 0;
	text-transform: uppercase;
}

div.workshops div.informatie {
	position: relative;
	padding: 14px;
	padding-left: 80px;
	height: 65px;
}

div.workshops div.informatie a h2 {
	margin-bottom: 0 !important;
	position: relative;
	font-size: 15px !important;
	white-space: nowrap;
	width: 235px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.workshops div.informatie a:hover {
	text-decoration: none;
}

div.workshops div.informatie a h2:after {
   content: '\002192';
   padding-left: -5px;
   font-size: 16px;
   transition: 0.1s ease-in-out;
   opacity: 0;
}

div.workshops div.informatie a h2:hover:after {
   padding-left: 10px;
   opacity: 1;
   color: #cc0000;
}

div.workshops div.informatie p {
	margin-top: 0;
	font-size: 12px;
}

#wrapper {
	display: block;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
}
div.workshop_info {
  margin-top: 40px;
  display: inline-block;
  width: 100%;
}
div.workshop_info h1 {
	font-size: 28px !important;
}
div.workshop_info p {
  line-height: 25px !important;
}

div.workshop_info div.informatie {
	width: 75%;
	float: left;
	padding-right: 30px;
	padding-bottom: 20px;
	height: auto;
}

div.workshop_info div.algemene_informatie {
	width: 25%;
	border: 1px solid #ccc;
	float: right;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
	margin-bottom: 20px;
}

div.workshop_info div.algemene_informatie div.padding {
		padding: 10px 25px 25px 25px;
}

div.workshop_info div.algemene_informatie div.padding h4 {
		margin-bottom: 10px;
}
div.workshop_info div.algemene_informatie form {
  margin-bottom: 0px !important;
}

div.workshop_info div.algemene_informatie p b {
	width: 85px;
  display:inline-block;
}

div.workshop_info div.algemene_informatie a {
	background-color: #cc0000;
	border-radius: 0;
	border: none;
	color: white;
	padding: 10px 20px;
	font-size: 13px;
	display: block;
    margin-bottom: 0;
	margin-top: 20px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
	white-space: nowrap;
    line-height: 1.42857;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div.workshop_info div.algemene_informatie a:hover {
  text-decoration: none;
  background-color: #a81010;
}

div.workshop_info div.algemene_informatie a[disabled]{
	background-color: grey;
	cursor: no-drop;
}
div.inschrijf_formulier {
  width: 100%;
  display:inline-block;
}
div#formulier {
	width: 75%;
  display:inline-block;
  float:left;
  padding-right: 30px;
}
div#formulier p{
  padding:0;
  margin:0;
  font-size: 10px;
  margin-top: -15px;
  text-align: right;
}
div#formulier h3 {
  font-size: 20px !important;
  padding-bottom: 10px;
}
div#formulier form{
  width:100%;
  float: left;
  padding-bottom: 20px;
  height: auto;
}
div#formulier form .half{
  width: 49%;
  float: left;
}
div#formulier form .half:first-of-type {
  margin-right:2%;
}
div#formulier form input {
  font-size: 13px !important;
  padding:12px !important;
}

div.groepen {
  width:25%;
  float:left;
}
div.groepen a {
  text-decoration: underline;
}
div.groepen article.iconbox {
  text-align:left !important;
}
div.groepen article.iconbox div.iconbox_content {
  padding: 40px 30px 30px 30px;
  width: 100%;
  margin-top:10px;
  background-color: #ffffff !important;
  border-radius: 0px !important;
  border: 1px solid #ccc;
  float: right;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
}


span#toggle_zakelijk {
	color: #cc0000;
	cursor: pointer;
	font-weight: bold;
}
span#toggle_zakelijk:hover {
	text-decoration: underline;
}

select[name="date"]{
	display: block;
}
select[name="date"]::first-letter{
	text-transform: uppercase;
}

select[name="date"] option::first-letter{
	text-transform: uppercase;
}

.calendar_icon {
	float: left;
    padding-right: 10px;
	font-size: 24px;
    color: #96b29d;
	line-height: 1.5em;
}

.datepicker_workshop {
	width: 50% !important;
	color: #96b29d !important;
	padding-left: 10px !important;
	border: none;
}

div.overview {
   text-align:left;
}

div.overview div.overview-wrapper div.informatie {
    border-top: 1px solid #e1e1e1;
    padding: 15px;
}


div.overview div.overview-wrapper div.informatie h2 {
   font-size: 16px;
   clear: left;
}

div.overview div.overview-wrapper div.informatie span.details {
   width: 100px;
    display: inline-block;
}

div.overview div.overview-wrapper div.informatie a {
   float: right;
   text-decoration:underline;
}

div.overview div.overview-wrapper div.informatie a:hover {
   text-decoration: none !important;
}

div.overview div.overview-wrapper div.informatie a:hover {
   color:#96b29d;
}

div.inschrijf_formulier div#formulier form input {
     font-size: 1em !important;
     border-radius: 2px;
}
div.inschrijf_formulier div#formulier form select {
    padding: 12px;
}
div.inschrijf_formulier div#formulier form .btn {
    padding: 12px 25px !important;
    transition: 0.5s;
}

@media only screen and (max-width: 767px) {
	div#main {
	margin-top: 108px !important;
	}
	div.workshop_info {
		margin-top: 0;
	}
	div.workshop_info div.informatie {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	div.workshop_info div.algemene_informatie {
		width: 100%;
		margin-bottom: 20px;
	}
	div.inschrijf_formulier {
		width:100%;
	}
	div#formulier {
		width:100%;
		padding: 0;
	}
	div#formulier .half{
		width:100% !important;
		padding: 0;
	}
	div#formulier input[type="submit"]{
		width:100% !important;
	}
	div.groepen {
		width: 100%;
		margin-bottom: 20px;
	}
	div.overview div.overview-wrapper div.informatie {
		padding: 15px 0;
	}
	div.overview div.overview-wrapper div.informatie span.details {
		width: 112px;
		text-align: center;
	}
	div.overview div.overview-wrapper div.informatie a {
		float: unset;
		display: block;
		text-align: center;
	}
	.datepicker_workshop {
		width: 89% !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    div.workshop_info div.informatie {
      width: 60%;
    }
    div.workshop_info div.algemene_informatie {
      width: 40%;
    }
    div#formulier {
      width: 60%;
    }
    div.groepen {
      width: 40%;
    }
	div.overview div.overview-wrapper div.informatie {
		padding: 15px 0;
	}
}


/* hamburger menu eerder inspringen */
@media only screen and (max-width: 1180px) {
  .menu-item {
    display: none;
  }
  .main_menu {
    display: block !important;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}



/* Gravity */

.gform_body ul.gform_fields li .ginput_container input[type="text"],
.gform_body ul.gform_fields li .ginput_container input[type="email"],
.gform_body ul.gform_fields li .ginput_container input[type="url"],
.gform_body ul.gform_fields li .ginput_container textarea {
	padding: 10px 14px!important;
	margin-bottom: 0px!important;
}

.gform_body ul.gform_fields li.gfield_error {
	background: none;
    border: 0px;
    padding: 0px;
}

.gform_body ul.gform_fields li.gfield_error input,
.gform_body ul.gform_fields li.gfield_error textarea {
	border-color: #c80000!important;
}

.gform_body ul.gform_fields li .validation_message {
	padding-top: 0px;
	margin-top: 5px;
}
.gform_footer {
	margin-top: 0px!important;
	padding-top: 0px!important;
}

.gform_footer input.gform_button {
	margin-bottom: 10px;
	margin-top: 10px!important;
}

/* CTA Popup */

/*CTA single artile */
.kj_cta_post_wrapper{
	position: fixed;
	width: 260px;
    right: 0;
    bottom: 150px;
    opacity:0;
    -webkit-transition: opacity 600ms;
	transition: opacity 600ms;
	z-index: 9999;
	padding:30px;
	background-color:#cc0000;
	box-shadow: 0 2px 2px rgba(0,0,0,.3);
}
.kj_cta_post_wrapper .widget {
	padding:0;
}
.kj_cta_post_wrapper h4 {
	color: #ffffff;
	text-transform:uppercase;
	font-size: 22px;
}
.kj_cta_post_wrapper p {
	color: rgba(255, 255, 255, 0.85);
}
.kj_cta_post_wrapper .article-icon-entry {
	padding-bottom: 5px;
}
.kj_cta_post_wrapper .avia-icon-list-container {
	margin: 16px 0px 0px 10px;
}

/*
@media only screen and (max-width: 950px){
	.kj_cta_post_wrapper{
		display: none!important;
	}
}
*/


/* Kenniscentrum CTA */
.kj-kenniscentrum .avia-image-container {
	box-shadow: -20px -20px 0px #9aa2d2;
}
.kj-kenniscentrum .avia-button-wrap {
	margin-top:-45px;
}