/* ==========================================================================
   ABDM – componenten die vroeger door plugins werden aangeleverd
   ========================================================================== */

/* --- Visual Composer-raster en elementen (was js_composer.min.css) ------- */
.vc_row:after, .vc_row:before, .vc_column-inner::after, .vc_column-inner::before,
.vc_clearfix:after, .vc_clearfix:before { content: " "; display: table; }
.vc_row:after, .vc_column-inner::after, .vc_clearfix:after { clear: both; }
.vc_row { margin-left: -15px; margin-right: -15px; }
.vc_column_container { padding-left: 0; padding-right: 0; }
.vc_column_container > .vc_column-inner { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 100%; }
[class*="vc_col-sm-"] { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.wpb_column.vc_column_container { padding-left: 0; padding-right: 0; }
@media (min-width: 768px) {
    [class*="vc_col-sm-"] { float: left; }
    .vc_col-sm-12 { width: 100%; } .vc_col-sm-11 { width: 91.66666667%; } .vc_col-sm-10 { width: 83.33333333%; }
    .vc_col-sm-9 { width: 75%; } .vc_col-sm-8 { width: 66.66666667%; } .vc_col-sm-7 { width: 58.33333333%; }
    .vc_col-sm-6 { width: 50%; } .vc_col-sm-5 { width: 41.66666667%; } .vc_col-sm-4 { width: 33.33333333%; }
    .vc_col-sm-3 { width: 25%; } .vc_col-sm-2 { width: 16.66666667%; } .vc_col-sm-1 { width: 8.33333333%; }
}
.wpb_content_element { margin-bottom: 35px; }
.wpb_text_column :last-child, .wpb_text_column p:last-child { margin-bottom: 0; }

/* Knoppen [vc_btn] */
.vc_btn3-container { display: block; margin-bottom: 21.74px; max-width: 100%; }
.vc_btn3-container.vc_btn3-inline { display: inline-block; vertical-align: top; }
.vc_btn3-container.vc_btn3-center { text-align: center; }
.vc_btn3-container.vc_btn3-right { text-align: right; }
.vc_general.vc_btn3 {
    display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer;
    background-image: none; background-color: transparent; color: #5472D2; border: 1px solid transparent;
    box-sizing: border-box; word-wrap: break-word; user-select: none; position: relative; top: 0;
    transition: all .2s ease-in-out; line-height: normal; font-size: 14px; padding: 14px 20px; text-decoration: none;
}
.vc_general.vc_btn3:focus, .vc_general.vc_btn3:hover { border: 1px solid transparent; text-decoration: none; color: #4868cf; }
.vc_btn3.vc_btn3-style-modern { background-image: linear-gradient(to bottom, rgba(255,255,255,.2) 0, rgba(255,255,255,.01) 100%); background-repeat: repeat-x; }
.vc_btn3.vc_btn3-shape-square { border-radius: 0; }
.vc_btn3.vc_btn3-shape-rounded { border-radius: 5px; }
.vc_btn3.vc_btn3-shape-round { border-radius: 2em; }
.vc_btn3.vc_btn3-size-xs { font-size: 11px; padding: 8px 12px; }
.vc_btn3.vc_btn3-size-sm { font-size: 12px; padding: 11px 16px; }
.vc_btn3.vc_btn3-size-md { font-size: 14px; padding: 14px 20px; }
.vc_btn3.vc_btn3-size-lg { font-size: 16px; padding: 18px 25px; }
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { color: #666; border-color: #EBEBEB; background-color: #EBEBEB; }
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover { color: #5e5e5e; border-color: #dcdcdc; background-color: #dcdcdc; }
.vc_btn3.vc_btn3-color-default.vc_btn3-style-modern { color: #333; border-color: #f7f7f7; background-color: #f7f7f7; }
.vc_btn3.vc_btn3-color-default.vc_btn3-style-modern:focus,
.vc_btn3.vc_btn3-color-default.vc_btn3-style-modern:hover { color: #2b2b2b; border-color: #e8e8e8; background-color: #e8e8e8; }

/* Afbeelding [vc_single_image] */
.wpb_single_image a { border: none; outline: 0; }
.wpb_single_image img { height: auto; max-width: 100%; vertical-align: top; }
.wpb_single_image .vc_single_image-wrapper { display: inline-block; vertical-align: top; max-width: 100%; }
.wpb_single_image .vc_figure { display: inline-block; vertical-align: top; margin: 0; max-width: 100%; }
.wpb_single_image.vc_align_center { text-align: center; }
.wpb_single_image.vc_align_right { text-align: right; }
.wpb_single_image.vc_align_left { text-align: left; }

/* Video [vc_video] */
.wpb_video_widget .wpb_wrapper { position: relative; }
.wpb_video_widget.vc_video-el-width-100 .wpb_wrapper { width: 100%; }
.wpb_video_widget.vc_video-align-left .wpb_wrapper { float: left; }
.wpb_video_widget .wpb_video_wrapper { padding-top: 56.25%; position: relative; width: 100%; }
.wpb_video_widget.vc_video-aspect-ratio-43 .wpb_video_wrapper { padding-top: 75%; }
.wpb_video_widget .wpb_video_wrapper iframe { width: 100%; height: 100%; display: block; position: absolute; margin: 0; top: 0; left: 0; box-sizing: border-box; border: 0; }

/* --- Kruimelpad --------------------------------------------------------------- */
header .breadcrumbs .breadcrumb-trail { display: block; }

/* --- Contactformulier (was Gravity Forms) ------------------------------------ */
.contact_page .form_contact .abdm_form_contact ul li input[type='email'],
.contact_page .form_contact .abdm_form_contact ul li input[type='tel'] {
    background: #dcdcdc; width: 100%; padding: 5px 50px; margin-bottom: 20px; box-sizing: border-box; font-size: 20px;
}
.contact_page .form_contact .abdm_form_contact ul li textarea,
.contact_page .form_contact .abdm_form_contact ul li input { font-family: inherit; }
@media only screen and (max-width: 570px) {
    .contact_page .form_contact .abdm_form_contact ul li input[type='email'],
    .contact_page .form_contact .abdm_form_contact ul li input[type='tel'] { padding: 5px 20px; }
}
.contact_page .form_contact .abdm_form_contact ul li { margin: 0; }
.contact_page .form_contact .abdm_form_contact ul li label.gfield_label {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.contact_page .form_contact .abdm_form_contact .gform_validation_container {
    position: absolute !important; left: -9999px !important; height: 1px; width: 1px; overflow: hidden;
}
.abdm_form_contact .gfield_error input,
.abdm_form_contact .gfield_error textarea { border: 2px solid #be0008 !important; }
.abdm_form_contact .abdm_field_error { color: #be0008; font-size: 13px; margin-top: 4px; }
.abdm_form_message { padding: 14px 18px; margin: 0 0 20px; text-align: center; }
.abdm_form_message--error { border: 2px solid #be0008; color: #be0008; }
.abdm_form_message--ok { border: 2px solid #000; color: #000; font-size: 18px; padding: 30px 18px; }
.contact_page .form_contact .abdm_form_contact .gform_footer input[type='submit'] { cursor: pointer; border: 0; }

/* --- Cookiemelding (was Cookie Notice) --------------------------------------- */
.abdm-cookie-notice {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 100000;
    background: rgba(0, 0, 0, .9); color: #fff; font-size: 13px; line-height: 20px; text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif;
    animation: abdmCookieIn .4s ease;
}
.abdm-cookie-notice[hidden] { display: none; }
.abdm-cookie-notice__inner { padding: 10px 15px; }
.abdm-cookie-notice__text { margin: 0 10px 0 0; display: inline-block; }
.abdm-cookie-notice__more { color: #fff; text-decoration: underline; margin-left: 4px; }
.abdm-cookie-notice__buttons { display: inline-block; white-space: nowrap; }
.abdm-cookie-btn {
    margin: 4px 0 4px 10px; padding: 6px 12px; border: 0; border-radius: 3px; cursor: pointer;
    font: inherit; line-height: 1.4; background: #fff; color: #000;
}
.abdm-cookie-btn--refuse { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px #fff; }
.abdm-cookie-btn:hover { opacity: .85; }
@keyframes abdmCookieIn { from { transform: translateY(100%); } to { transform: none; } }
@media (max-width: 600px) {
    .abdm-cookie-notice__text { display: block; margin: 0 0 6px; }
}
