/* https://familyblend.nl/theme/css/theme-css.php */ /* 2021-04-14 17:00*/ /* bof - homepage video */ .mfp-container.mfp-iframe-holder .mfp-content { max-width: calc(100% - 40px); text-align: center; margin: 0px auto; } @media screen and (min-width: 600px) { .mfp-container.mfp-iframe-holder .mfp-content { max-width: 80%; } } .mfp-container.mfp-iframe-holder .mfp-content .mfp-close { top:-60px; mix-blend-mode:exclusion; } .mfp-container.mfp-iframe-holder .mfp-content .mfp-iframe-scaler iframe { box-shadow:0px 0px 0px rgba(0,0,0,0) !important; background:rgba(0,0,0,0) !important; } .video-overlay { position:absolute; z-index:23000; display:inline-block; top:0px; right:0px; bottom:0px; left:0px; text-align:center; background:rgba(0,0,0,0); color:white !important; } .video-overlay .content { display:inline-block; position:absolute; bottom:60px; left:0px; right:0px; text-align:center; padding:0px 20px; } .video-overlay .content h1 { color:white; } .video-overlay .content h1 { font-size: 30px !important; line-height: 36px !important; } @media screen and (min-width: 768px) { .video-overlay .content h1 { font-size: 50px !important; line-height: 60px !important; } } .video-overlay .content .video-button { border:1px solid white; display:inline-block; position:relative; font-family: 'Urban light',Helvetica,Arial,Lucida,sans-serif; font-weight:700; background:rgba(0,0,0,0); font-size:16px !important; line-height:32px; padding:8px 30px 8px 30px; border-radius:25px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor:pointer; color:white; margin-top:20px; } .video-overlay .content .video-button:hover { background:rgba(255,255,255,1); color:black; } @media screen and (min-width: 980px) { body.home #post-107 .et_pb_section_video_bg .video-overlay { display:none; } } /* eof - homepage video */ .dica-container { line-height:0 !important; font-size:0 !important; padding:0px !important; margin:0px !important; } .dica-container .image img { padding:0px !important; margin:0px !important; } .dica-container .image { padding:0px !important; margin:0px !important; } /* blog/post elements */ @media screen and (max-width: 699px) { .page-id-120 .blog-first-row .copy-padding-right .entry-title { font-size:30px !important; line-height:36px !important; padding-bottom:20px; } .page-id-120 .et_pb_row.blog-first-row { padding:0px !important; width:100% !important; } .page-id-120 .et_pb_row.blog-first-row .et_pb_column { padding:0px 5px 60px 5px !important; width:100% !important; margin:0 !important; } .page-id-120 .et_pb_row.blog-first-row { } .page-id-120 .blog-first-row .et_pb_column:nth-child(2) { width: 100% !important; margin-right: 0 !important; } .page-id-120 .blog-first-row .et_pb_column:nth-child(3) { width: 100% !important; margin: 0 !important; } .page-id-120 .et_pb_row.blog-first-row .et_pb_column .et_pb_module { padding-left:30px !important; padding-right:30px !important; } } @media screen and (min-width: 700px) and (max-width: 980px) { .page-id-120 .blog-first-row .copy-padding-right { padding-top:30px !important; padding-right:30px !important; padding-left:30px !important; text-align:center !important; } .page-id-120 .et_pb_row_1 .et_pb_column .et_pb_text_0 { padding-left:30px !important; } .page-id-120 .blog-first-row .copy-padding-right .entry-title { text-align:center !important; max-width:600px; margin:0px auto } .page-id-120 .blog-first-row .copy-padding-right .post-content a.more-link { text-align:center !important; } .page-id-120 .blog-first-row .copy-padding-right .post-content .post-content-inner p { text-align:center !important; padding:40px 40px 20px 40px ; max-width:600px; margin:0px auto } .page-id-120 .blog-first-row { margin:0px !important; padding:0px !important; width:100% !important; } .page-id-120 .blog-first-row .et_pb_column:nth-child(1) { padding-left:30px !important; padding-right:30px !important; } .page-id-120 .blog-first-row .et_pb_column:nth-child(2) { width: 50% !important; margin-right: 0 !important; } .page-id-120 .blog-first-row .et_pb_column:nth-child(3) { width:50% !important; margin: 0 !important; } .page-id-120 .et_pb_row.blog-first-row .et_pb_column .et_pb_module { padding-left:30px !important; padding-right:30px !important; } } @media screen and (min-width: 981px) { .page-id-120 .blog-first-row .copy-padding-right { padding-top:0px; padding-right:0px; } .page-id-120 .blog-first-row .copy-padding-right .entry-title, .page-id-120 .blog-first-row .copy-padding-right p.post-meta, .page-id-120 .blog-first-row .copy-padding-right .post-content { padding-right:40px; } } /* blog/post elements - navigation */ .post-template-default.single .et_pb_post { margin:0px !important; padding:0px !important; } .post-template-default.single .et_pb_post .et_pb_posts_nav { } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-label { font-family: 'Urban light',Helvetica,Arial,Lucida,sans-serif; font-size: 18px; color: #000000 !important; } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-label:hover { text-decoration:underline; } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-previous .meta-nav { color:white !important; } .post-template-default.single .et_pb_post .et_pb_posts_nav .meta-nav { color:white !important; } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-previous .meta-nav::after, .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-next .meta-nav::after { position:absolute; display:inline-block; margin:0px; color:#000000 !important; top:0px; right:0px; bottom:0px; left:0px; background:white; text-align:center; transform:translateX(0px); transition:all 0.2s ease 0s; font-family: 'Urban light',Helvetica,Arial,Lucida,sans-serif; font-size: 18px; color: #000000 !important; } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-previous .meta-nav::after { content:' < '; } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-next .meta-nav::after { content:' > '; } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-previous:hover .meta-nav::after { transform:translateX(-10px); } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-next:hover .meta-nav::after { transform:translateX(10px); } .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-previous { display:none; } @media screen and (min-width: 981px) { .post-template-default.single .et_pb_post .et_pb_posts_nav .nav-previous { display:inline; } } /* colmuns + grid */ @media screen and (max-width: 980px) { /*** wrap row in a flex box ***/ .et_pb_row.column-custom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; margin:0 !important; padding:0 !important; width:100%; } /*** custom classes that will designate the order of columns in the flex box row ***/ .et_pb_row.column-custom .column-first-on-mobile { -webkit-order:1; order:1; } .et_pb_row.column-custom .column-second-on-mobile { -webkit-order:2; order:2; } /*** add margin to last column ***/ .no-margin-onmobile { margin:0 !important; } .no-padding-onmobile { padding:0 !important; } .no-padding-margin-onmobile { margin:0 !important; padding:0 !important; } } @media screen and (min-width:550px) and (max-width: 980px) { .et_pb_row.column-custom .column-first-on-mobile:not(.column-min-ratio-drietwee), .et_pb_row.column-custom .column-second-on-mobile:not(.column-min-ratio-drietwee) { padding-top:50px !important; padding-right:50px !important; padding-bottom:50px !important; padding-left:50px !important; } body.post-template-default .et_pb_row.column-custom .column-first-on-mobile:not(.column-min-ratio-drietwee), body.post-template-default .et_pb_row.column-custom .column-second-on-mobile:not(.column-min-ratio-drietwee) { padding-top:50px !important; padding-right:20px !important; padding-bottom:50px !important; padding-left:20px !important; } } @media all and (max-width:549px) { .et_pb_row.column-custom .column-first-on-mobile:not(.column-min-ratio-drietwee), .et_pb_row.column-custom .column-second-on-mobile:not(.column-min-ratio-drietwee) { padding-top:50px !important; padding-right:20px !important; padding-bottom:50px !important; padding-left:20px !important; } body.post-template-default .et_pb_row.column-custom .column-first-on-mobile:not(.column-min-ratio-drietwee), body.post-template-default .et_pb_row.column-custom .column-second-on-mobile:not(.column-min-ratio-drietwee) { padding-top:50px !important; padding-right:0px !important; padding-bottom:50px !important; padding-left:0px !important; } } /* five columns */ .row-five-columns { } .row-five-columns .et_pb_column { padding:30px 10px; } .row-five-columns .et_pb_column img { } @media only screen and (max-width:549px) { .row-five-columns .et_pb_column:nth-child(1) { width:calc(100% / 2) !important; padding-top:50px; padding-bottom:10px } .row-five-columns .et_pb_column:nth-child(2) { width:calc(100% / 2) !important; padding-top:50px; padding-bottom:10px } .row-five-columns .et_pb_column:nth-child(3) { width:calc(100% / 2) !important; padding-top:10px; padding-bottom:10px } .row-five-columns .et_pb_column:nth-child(4) { width:calc(100% / 2) !important; padding-top:10px; padding-bottom:10px } .row-five-columns .et_pb_column:nth-child(5) { margin-left:25% !important; width:calc(100% / 2) !important; padding-top:10px; padding-bottom:50px } } @media only screen and (min-width:550px) and (max-width:767px) { .row-five-columns .et_pb_column:nth-child(1) { width:calc(100% / 2) !important; padding-top:50px; padding-bottom:10px } .row-five-columns .et_pb_column:nth-child(2) { width:calc(100% / 2) !important; padding-top:50px; padding-bottom:10px } .row-five-columns .et_pb_column:nth-child(3) { width:calc(100% / 3) !important; padding-top:10px; padding-bottom:50px } .row-five-columns .et_pb_column:nth-child(4) { width:calc(100% / 3) !important; padding-top:10px; padding-bottom:50px } .row-five-columns .et_pb_column:nth-child(5) { width:calc(100% / 3) !important; padding-top:10px; padding-bottom:50px } } @media only screen and (min-width:768px) { .row-five-columns .et_pb_column { width:calc(100% / 5) !important; } } @media only screen and (min-width: 981px) { .row-five-columns .et_pb_column { padding:40px 15px; } } @media only screen and (max-width:549px) { .row-five-columns.specs .et_pb_column:nth-child(1) { width:calc(100% / 2) !important; padding-top:0px; padding-bottom:10px } .row-five-columns.specs .et_pb_column:nth-child(2) { width:calc(100% / 2) !important; padding-top:0px; padding-bottom:10px } .row-five-columns.specs .et_pb_column:nth-child(3) { width:calc(100% / 2) !important; padding-top:10px; padding-bottom:10px } .row-five-columns.specs .et_pb_column:nth-child(4) { width:calc(100% / 2) !important; padding-top:10px; padding-bottom:20px } .row-five-columns.specs .et_pb_column:nth-child(5) { margin-left:25% !important; width:calc(100% / 2) !important; padding-top:10px; padding-bottom:20px } } @media only screen and (min-width:550px) and (max-width:767px) { .row-five-columns.specs .et_pb_column:nth-child(1) { width:calc(100% / 3) !important; padding-top:10px; padding-bottom:10px } .row-five-columns.specs .et_pb_column:nth-child(2) { width:calc(100% / 3) !important; padding-top:10px; padding-bottom:10px } .row-five-columns.specs .et_pb_column:nth-child(3) { width:calc(100% / 3) !important; padding-top:10px; padding-bottom:10px } .row-five-columns.specs .et_pb_column:nth-child(4) { margin-left:16% !important; width:calc(100% / 3) !important; padding-top:10px; padding-bottom:20px } .row-five-columns.specs .et_pb_column:nth-child(5) { width:calc(100% / 3) !important; padding-top:10px; padding-bottom:20px } } @media only screen and (min-width:768px) { .row-five-columns.specs .et_pb_column { width:calc(100% / 5) !important; } } @media only screen and (min-width:981px) { .row-five-columns.specs .et_pb_column { padding:0px 5px 20px 5px; } } @media only screen and (min-width:768px) and (max-width:980px) { .row-five-columns.specs .et_pb_column h2 { font-size:30px !important; line-height:34px !important; } } @media only screen and (max-width:550px) { .row-five-columns.specs .et_pb_column h2 { font-size:40px !important; line-height:44px !important; } } .row-contact-details .et_pb_module { border-right-color: rgba(255,255,255,0) !important; } .row-contact-details .et_pb_module .et_pb_text_inner p:nth-child(1) { padding-bottom:0px; } @media only screen and (min-width:981px) { .row-contact-details .et_pb_module { border-right-color: rgba(255,255,255,1) !important; } .row-contact-details .et_pb_module .et_pb_text_inner p:nth-child(1) { padding-bottom:20px; } } body { font-weight:300 !important; color:#000000 } body.admin-bar .et-l.et-l--header { top:32px; } /* footer links */ footer { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; font-size:18px; color:#FFFFFF !important; } footer h6 { color:#FFFFFF !important; font-family: 'Urban medium',Helvetica,Arial,Lucida,sans-serif !important; padding-bottom:20px; } footer ul.footer-links { padding:0 !important; margin:0 !important; list-style: none; color:#FFFFFF !important; } footer ul.footer-links li { font-size:18px; margin:0 !important; color:#FFFFFF !important; } footer ul.footer-links li a { font-size:18px; color:#FFFFFF !important; } footer ul.footer-links li a:hover { font-size:18px; text-decoration:underline; } footer ul.footer-links li > address { font-size:18px; font-style:unset; } footer ul.footer-links li, footer ul.footer-links li a, footer ul.footer-links li > address { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; } footer .et_pb_column:nth-child(2) ul.footer-links { margin-top:30px !important; } footer .et_pb_column:nth-child(3) ul.footer-links { margin-top:30px !important; } @media only screen and (min-width:981px) { footer .et_pb_column:nth-child(2) ul.footer-links { margin-top:0px !important; } footer .et_pb_column:nth-child(3) ul.footer-links { margin-top:0px !important; } } /* mailchimp - footer */ footer .mailchimp-subscribe-form { vertical- } footer .mailchimp-subscribe-form .mc-field-group input, footer .mailchimp-subscribe-form #mc-embedded-subscribe.button { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; margin:0px; padding:0px; font-size:18px; color:#FFFFFF !important; line-height:30px; border:none; border-bottom:1px solid white; background:#000000; } footer .mailchimp-subscribe-form .mc-field-group input { width:100%; } footer .mailchimp-subscribe-form .mc-col-left { /* width:calc(100% - 90px); */ width:100%; margin-right:5px; } footer .mailchimp-subscribe-form .mc-col-right { width:80px; } footer .row-social-newsletter .et_pb_column.et_pb_column_1_2 { margin-bottom:10px; } footer .row-social-newsletter .mailchimp-subscribe-form .mc-col-left { max-width:180px; float:left; margin-bottom:10px; } footer .row-social-newsletter .mailchimp-subscribe-form .mc-col-right { float:left; margin-bottom:20px; } @media only screen and (min-width:980px) { footer .row-social-newsletter .et_pb_column.et_pb_column_1_2 { margin-bottom:30px; } footer .row-social-newsletter .mailchimp-subscribe-form .mc-col-left { max-width:240px; float:right; } footer .row-social-newsletter .mailchimp-subscribe-form .mc-col-right { float:right; margin-bottom:0px; } } /* contact form input*/ .page-contact-form-module { } .page-contact-form-module input.input { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; margin:0px; padding:0px; font-size:18px; color:#000000 !important; text-align:left; line-height:30px; border:none; border-bottom:1px solid black; background:rgba(0,0,0,0); } .page-contact-form-module textarea.input { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; margin:0px; padding:0px; font-size:18px; color:#000000 !important; text-align:left; line-height:30px; border:none; border-bottom:1px solid black; background:rgba(0,0,0,0); } .page-contact-form-module input.input::-webkit-input-placeholder { color:darkgrey; } .page-contact-form-module input.input:-ms-input-placeholder { color:darkgrey; } .page-contact-form-module input.input::placeholder { color:darkgrey; } .page-contact-form-module textarea.input::-webkit-input-placeholder { color:darkgrey; } .page-contact-form-module textarea.input:-ms-input-placeholder { color:darkgrey; } .page-contact-form-module textarea.input::placeholder { color:darkgrey; } .page-contact-form-module p input.et_contact_error, .page-contact-form-module p textarea.et_contact_error { border:none !important; border-bottom:1px solid red !important; } .page-contact-form-module .et-pb-contact-message { color:black; } .page-contact-form-module .et-pb-contact-message ul li { line-height:20px; } .page-contact-form-module .et-pb-contact-message { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; font-size:18px; color:#000000 !important; } /* whitepaper form input*/ .page-whitepaper-form-module input.input { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; margin:0px; padding:0px; font-size:18px; color:#FFFFFF !important; text-align:left; line-height:30px; border:none; border-bottom:1px solid white; background:rgba(0,0,0,0); } .page-whitepaper-form-module textarea.input { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; margin:0px; padding:0px; font-size:18px; color:#FFFFFF !important; text-align:left; line-height:30px; border:none; border-bottom:1px solid white; background:rgba(0,0,0,0); } .page-whitepaper-form-module input.input::-webkit-input-placeholder { color:lightgrey; } .page-whitepaper-form-module input.input:-ms-input-placeholder { color:lightgrey; } .page-whitepaper-form-module input.input::placeholder { color:lightgrey; } .page-whitepaper-form-module textarea.input::-webkit-input-placeholder { color:lightgrey; } .page-whitepaper-form-module textarea.input:-ms-input-placeholder { color:lightgrey; } .page-whitepaper-form-module textarea.input::placeholder { color:lightgrey; } .page-whitepaper-form-module p input.et_contact_error, .page-whitepaper-form-module p textarea.et_contact_error { border:none !important; border-bottom:1px solid red !important; } .page-whitepaper-form-module .et-pb-contact-message { color:white; } .page-whitepaper-form-module .et-pb-contact-message ul li { line-height:20px; } .page-whitepaper-form-module .et-pb-contact-message { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; font-size:18px; color:#000000 !important; } @media only screen and (min-width:600px) and (max-width:980px) { .page-whitepaper-form-module { padding:60px 30px; max-width:500px; margin:0px auto} } @media only screen and (min-width:981px) { .page-whitepaper-form-module { padding-top:0px; padding-bottom:40px; } .page-whitepaper-form-module input.input { margin-bottom:10px; } } /* mailchimp - blijf op de hoogte */ .mc-custom.mailchimp-subscribe-form { margin:0px auto; display:inline; } .mc-custom.mailchimp-subscribe-form .mc-col-left input, .mc-custom.mailchimp-subscribe-form #mc-embedded-subscribe.button { font-family:'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; margin:0px; padding:0px; font-size:18px; color:#FFFFFF !important; line-height:30px; border:none; border-bottom:1px solid white; background:rgba(0,0,0,0); } .mc-custom.mailchimp-subscribe-form .mc-col-left input { width:180px; } .mc-custom.mailchimp-subscribe-form .mc-col-left { display:inline; margin-right:10px; } .mc-custom.mailchimp-subscribe-form .mc-col-right { display:inline; width:190px; } @media only screen and (min-width:768px) { .mc-custom.mailchimp-subscribe-form .mc-col-left input { width:400px; } .mc-custom.mailchimp-subscribe-form .mc-col-left { display:inline; margin-right:10px; } .mc-custom.mailchimp-subscribe-form .mc-col-right { display:inline; width:190px; } } .mc-custom.mailchimp-subscribe-form .mc-col-left input::-webkit-input-placeholder { color:white; } .mc-custom.mailchimp-subscribe-form .mc-col-left input:-ms-input-placeholder { color:white; } .mc-custom.mailchimp-subscribe-form .mc-col-left input::placeholder { color:white; } /* other buttons */ a.et_pb_button.button-underline-border { border:none !important; } a.et_pb_button.button-underline-border::after { display:none !important; } a.et_pb_button.button-underline-border:hover { background:rgba(0,0,0,0) !important; } a.et_pb_button.button-underline-border span.label { display:inline-block; position:relative; padding-top:20px; -webkit-transition: transform .3s ease 0s; transition: transform .3s ease 0s; -webkit-transform: translateY(-2px); transform: translateY(-2px); font-family:'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: 300 !important; font-size:18px; color:#000000 } a.et_pb_button.button-underline-border:hover span.label { -webkit-transform: translateY(0px); transform: translateY(0px); } a.et_pb_button.button-underline-border span.label::after { content:''; position:absolute; bottom:0px; left:0px; height:2px; width:calc(100%); z-index:12; display:inline; background:#000000; -webkit-transition: transform .3s ease 0s; transition: transform .3s ease 0s; -webkit-transform: translateY(2px); transform: translateY(2px); opacity:1; } a.et_pb_button.button-underline-border:hover span.label::after { -webkit-transform: translateY(-4px); transform: translateY(-4px); opacity:1; } /* inline text and image */ span.wrap-text-logo { height:36px; line-height:0px; font-size:0px; display:inline-block; } span.wrap-text-logo img { height:50px; } span.wrap-text-logo span { vertical-align:top; line-height:50px; font-size:14px; padding-right:10px; display:inline-block; } /* JS-initMouseOverSHowHide */ .js-hover-show-more-home.inactive .et_pb_image_wrap img.animation-removed { opacity:1 !important; } .js-hover-show-more-home.inactive .et_pb_image_wrap img.blue { display:inline-block; } .js-hover-show-more-home.inactive .et_pb_image_wrap img.white { display:none; } .js-hover-show-more-home.active .et_pb_image_wrap img.blue { display:none; } .js-hover-show-more-home.active .et_pb_image_wrap img.white { display:inline-block; } .js-hover-show-more-home.always-active .et_pb_image_wrap img.blue { display:none; } .js-hover-show-more-home.always-active .et_pb_image_wrap img.white { display:inline-block; } @media screen and (max-width:980px) { .js-hover-show-more-home .et_pb_blurb_description h6 { padding-bottom:50px; } } @media screen and (min-width:981px) and (max-width:1200px) { .et_pb_row.row-wat-wij-doen { width:calc(100% - 50px) !important; } } /* hover animations - background-color */ .js-hover-show-more .et_pb_module.et_pb_blurb::after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; transition:all 0.6s ease 0s; } .js-hover-show-more .et_pb_module.et_pb_blurb .et_pb_blurb_content { z-index:100; } .js-hover-show-more-home .et_pb_module.et_pb_blurb::after { background-color:rgba(218,218,218,1); } .js-hover-show-more-home .et_pb_module.et_pb_blurb:hover::after { background-color:rgba(0,0,0,0.4); } .js-hover-show-more-tools .et_pb_module.et_pb_blurb::after { background-color:rgba(218,218,218,1); } .js-hover-show-more-tools .et_pb_module.et_pb_blurb:hover::after { background-color:rgba(0,0,0,0.4); } .js-hover-show-more-bereik .et_pb_module.et_pb_blurb::after { background-color:rgba(218,218,218,1); } .js-hover-show-more-bereik .et_pb_module.et_pb_blurb:hover::after { background-color:rgba(0,0,0,0.4); } .js-hover-show-more-home.always-active .et_pb_module.et_pb_blurb::after { background-color:rgba(0,0,0,0.4) !important; } .js-hover-show-more-tools.always-active .et_pb_module.et_pb_blurb::after { background-color:rgba(0,0,0,0.4) !important; } .js-hover-show-more-bereik.always-active .et_pb_module.et_pb_blurb::after { background-color:rgba(0,0,0,0) !important; } .js-hover-show-more-bereik.always-active .et_pb_module.has-bg-image.et_pb_blurb::after { background-color:rgba(0,0,0,0.4) !important; } /* tools title's */ .js-hover-show-more-tools .et_pb_module_header .item-title .main-title { width:100%; display:inline-block; text-align:center; font-family:'Urban medium',Helvetica,Arial,Lucida,sans-serif; } .js-hover-show-more-tools .et_pb_module_header .item-title .sub-title { width:100%; display:inline-block; text-align:center; font-family:'Urban light',Helvetica,Arial,Lucida,sans-serif; } .js-hover-show-more-tools.inactive .et_pb_module_header .item-title .main-title { color:#004bff !important; } .js-hover-show-more-tools.inactive .et_pb_module_header .item-title .sub-title { color:black; } .js-hover-show-more-tools.active .et_pb_module_header .item-title .main-title { color:#FFFFFF !important; } .js-hover-show-more-tools.active .et_pb_module_header .item-title .sub-title { color:#FFFFFF; } .js-hover-show-more-home.always-active .et_pb_module_header .item-title .main-title { color:#FFFFFF !important; } .js-hover-show-more-home.always-active .et_pb_module_header .item-title .sub-title { color:#FFFFFF; } .js-hover-show-more-tools.always-active .et_pb_module_header .item-title .main-title { color:#FFFFFF !important; } .js-hover-show-more-tools.always-active .et_pb_module_header .item-title .sub-title { color:#FFFFFF; } .js-hover-show-more-bereik.always-active .et_pb_module_header .item-title .main-title { color:#FFFFFF !important; } .js-hover-show-more-bereik.always-active .et_pb_module_header .item-title .sub-title { color:#FFFFFF; } /* hover animations - images */ .js-hover-show-more-home.inactive .et_pb_image_wrap { opacity:1; transform:translateY(30px); transition:all 0.3s ease 0s; } .js-hover-show-more-home.active .et_pb_image_wrap { opacity:1; transform:translateY(0px); transition:all 0.6s ease 0s; } .js-hover-show-more.inactive .et_pb_module_header { opacity:1; transition:all 0.3s ease 0s; } .js-hover-show-more.active .et_pb_module_header { opacity:1; transition:all 0.6s ease 0s; } .js-hover-show-more-home.inactive .et_pb_module_header { transform:translateY(80px); } .js-hover-show-more-home.active .et_pb_module_header { transform:translateY(-20px); } .js-hover-show-more-tools.inactive .et_pb_module_header { transform:translateY(20px); } .js-hover-show-more-tools.active .et_pb_module_header { transform:translateY(-20px); } .js-hover-show-more-home.inactive .et_pb_blurb_description { opacity:0; transition:all 0.3s ease 0s; } .js-hover-show-more-tools.inactive .et_pb_blurb_description { opacity:0; transition:all 0.3s ease 0s; } .js-hover-show-more.active .et_pb_blurb_description { opacity:1; transition:all 0.3s ease 0.3s; } .js-hover-show-more-home.inactive .et_pb_blurb_description { transform:translateY(10px); } .js-hover-show-more-home.active .et_pb_blurb_description { transform:translateY(-10px); } .js-hover-show-more-tools.inactive .et_pb_blurb_description { transform:translateY(20px); } .js-hover-show-more-tools.active .et_pb_blurb_description { transform:translateY(-20px); } .js-hover-show-more.active .et_pb_module_header * { color:rgba(255,255,255,1); } .js-hover-show-more .et_pb_blurb_description * { color:rgba(255,255,255,1); } .js-hover-show-more.always-active .et_pb_module_header * { color:rgba(255,255,255,1); } .js-hover-show-more-bereik .et_pb_module_header * { font-family:'Urban light',Helvetica,Arial,Lucida,sans-serif !important; font-size:40px !important; line-height:46px !important; margin: 0px; padding: 0px; } @media screen and (min-width:450px) and (max-width:980px), (min-width:1250px) { .js-hover-show-more-bereik .et_pb_module_header * { font-size:50px !important; line-height:60px !important; margin: 0px; padding: 0px; } } .js-hover-show-more-bereik.active .et_pb_module_header * { color:rgba(255,255,255,1); } .js-hover-show-more-bereik.inactive .et_pb_module_header * { color:rgba(0,0,0,1) !important; } .js-hover-show-more-bereik.inactive .et_pb_blurb_description * { opacity:1; color:rgba(0,0,0,1); } /* JS-vAlignContentInCol */ /* font */ .et_pb_text_0 h1,.et_pb_text_1 h1,.et_pb_text_2 h1, .et_pb_text_3 h1,.et_pb_text_4 h1, .et_pb_text_5 h1,.et_pb_text_6 h1,.et_pb_text_7 h1, .et_pb_text_inner h1 { font-family:'Urban light',Helvetica,Arial,Lucida,sans-serif !important; font-size:40px !important; line-height:46px !important; margin: 0px; padding: 0px; margin-bottom:6px; } @media screen and (min-width:768px) { .et_pb_text_0 h1,.et_pb_text_1 h1,.et_pb_text_2 h1, .et_pb_text_3 h1,.et_pb_text_4 h1, .et_pb_text_5 h1,.et_pb_text_6 h1,.et_pb_text_7 h1, .et_pb_text_inner h1 { font-family:'Urban light',Helvetica,Arial,Lucida,sans-serif !important; font-size:50px !important; line-height:60px !important; margin: 0px; padding: 0px; margin-bottom:6px; } } .et_pb_text_0 h1 strong,.et_pb_text_1 h1 strong,.et_pb_text_2 h1 strong, .et_pb_text_3 h1 strong,.et_pb_text_4 h1 strong,.et_pb_text_5 h1 strong, .et_pb_text_6 h1 strong,.et_pb_text_7 h1 strong,.et_pb_text_inner h1 strong { font-family:'Urban medium',Helvetica,Arial,Lucida,sans-serif !important; font-weight:500 !important; } .et_pb_text_0 h2,.et_pb_text_1 h2,.et_pb_text_2 h2, .et_pb_text_3 h2,.et_pb_text_4 h2, .et_pb_text_5 h2,.et_pb_text_6 h2,.et_pb_text_7 h2, .et_pb_text_inner h2 { font-family:'Urban medium',Helvetica,Arial,Lucida,sans-serif !important; font-size:42px !important; line-height:45px !important; margin: 0px; padding: 0px; margin-bottom:6px; } @media screen and (min-width:550px) { .et_pb_text_0 h2,.et_pb_text_1 h2,.et_pb_text_2 h2, .et_pb_text_3 h2,.et_pb_text_4 h2, .et_pb_text_5 h2,.et_pb_text_6 h2,.et_pb_text_7 h2, .et_pb_text_inner h2 { font-family:'Urban medium',Helvetica,Arial,Lucida,sans-serif !important; font-size:50px !important; line-height:60px !important; margin: 0px; padding: 0px; margin-bottom:6px; } } .et_pb_text_0 h3,.et_pb_text_1 h3,.et_pb_text_2 h3, .et_pb_text_3 h3,.et_pb_text_4 h3, .et_pb_text_5 h3,.et_pb_text_6 h3,.et_pb_text_7 h3, .et_pb_text_inner h3 { font-family:'Urban light',Helvetica,Arial,Lucida,sans-serif; font-size:30px; line-height:36px !important; } .et_pb_text_0 h3 strong,.et_pb_text_1 h3 strong,.et_pb_text_2 h3 strong, .et_pb_text_3 h3 strong,.et_pb_text_4 h3 strong,.et_pb_text_5 h3 strong, .et_pb_text_6 h3 strong,.et_pb_text_7 h3 strong,.et_pb_text_inner h3 strong { font-family:'Urban medium',Helvetica,Arial,Lucida,sans-serif !important; font-weight:500 !important; } .et_pb_text_0 h6,et_pb_text_1 h6,.et_pb_text_2 h6, .et_pb_text_3 h6,.et_pb_text_4 h6, .et_pb_text_5 h6,.et_pb_text_6 h6,.et_pb_text_7 h6, .et_pb_text_inner h6, .et_pb_blurb_description h6 { font-family:'Lato',Helvetica,Arial,Lucida,sans-serif; font-size:18px; line-height:24px !important; font-weight:300 !important; } .et_pb_text_0 p,.et_pb_text_1 p,.et_pb_text_2 p, .et_pb_text_3 p,.et_pb_text_4 p, .et_pb_text_5 p,.et_pb_text_6 p,.et_pb_text_7 p, .et_pb_text_inner p { font-family:'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight:300 !important; font-size:18px; line-height:24px !important; } /* font size classes */ .et_pb_blurb_description .font-size-xxl, .et_pb_text_inner .font-size-xxl { font-size:50px !important; line-height:60px !important; } @media screen and (min-width:768px) { .et_pb_blurb_description .font-size-xxl, .et_pb_text_inner c-xxl { font-size:50px !important; line-height:60px !important; } } .et_pb_blurb_description .font-size-large, .et_pb_text_inner .font-size-large { font-size:50px !important; line-height:60px !important; } .et_pb_blurb_description .font-size-medium, .et_pb_text_inner .font-size-medium { font-size:30px !important; line-height:36px !important; } .et_pb_blurb_description .font-size-normal, .et_pb_text_inner .font-size-normal { font-size:18px !important; line-height:24px !important; } /* font Family classes */ .et_pb_blurb_description .font-fam-medium, .et_pb_text_inner .font-fam-medium { font-family:'Urban medium',Helvetica,Arial,Lucida,sans-serif !important; } .et_pb_blurb_description .font-fam-light, .et_pb_text_inner .font-fam-light { font-family:'Urban light',Helvetica,Arial,Lucida,sans-serif !important; } .et_pb_blurb_description .font-fam-light strong, .et_pb_text_inner .font-fam-light strong { font-family:'Urban medium',Helvetica,Arial,Lucida,sans-serif !important; font-weight:500 !important; } .et_pb_blurb_description .font-fam-normal, .et_pb_text_inner .font-fam-normal { font-family:'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight:300 !important; } .et_pb_blurb_description .font-fam-bold, .et_pb_text_inner .font-fam-bold { font-family:'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight:700 !important; } /* list */ .bulletpoint-blue ul, ul.bulletpoint-blue { padding-bottom:0px; margin:0px 0px; margin-top:18px; list-style: none; /* Remove default bullets */ } .bulletpoint-blue ul li, ul.bulletpoint-blue li { list-style: none; font-size:18px; line-height:28px; color:black; font-weight: 300 !important; } .bulletpoint-blue ul li::before, ul.bulletpoint-blue li::before { content:"\2022"; color:#004bff; font-weight:bold; font-size:22px; display:inline-block; width:20px; margin-left: -18px; } .bulletpoint-white ul, ul.bulletpoint-white { padding-bottom:0px; margin:0px 0px; margin-top:18px; list-style: none; /* Remove default bullets */ } .bulletpoint-white ul li, ul.bulletpoint-white li { list-style: none; font-size:18px; line-height:28px; color:black; font-weight: 300 !important; } .bulletpoint-white ul li::before, ul.bulletpoint-white li::before { content:"\2022"; color:#FFFFFF; font-weight:bold; font-size:22px; display:inline-block; width:20px; margin-left: -18px; } .bulletpoint-black ul, ul.bulletpoint-black { padding-bottom:0px; margin:0px 0px; margin-top:18px; list-style: none; /* Remove default bullets */ } .bulletpoint-black ul li, ul.bulletpoint-black li { list-style: none; font-size:18px; line-height:28px; color:black; font-weight: 300 !important; } .bulletpoint-black ul li::before, ul.bulletpoint-black li::before { content:"\2022"; color:#000000; font-weight:bold; font-size:22px; display:inline-block; width:20px; margin-left: -18px; } ul.table-facts { padding:0px !important; margin:0px 0px; margin-top:18px; list-style: none; /* Remove default bullets */ } ul.table-facts li { list-style: none; width:100%; font-size:18px; line-height:28px; color:black; font-weight:300 !important; padding-bottom:3px; } ul.table-facts li span:nth-child(1) { width:calc(100% - 120px ); float:left; } ul.table-facts li span:nth-child(2) { width:120px; } ul.table-facts-images { padding:0px !important; margin:0px 0px; margin-top:0px; list-style: none; /* Remove default bullets */ width:100%; height:25px; } ul.table-facts-images li { list-style: none; width:100%; font-size:18px; line-height:25px; color:black; font-weight:300 !important; padding-bottom:3px; } ul.table-facts-images li img { max-height:25px !important } ul.table-facts-images li span:nth-child(1) { height:25px; width:60px; float:left; } ul.table-facts-images li span:nth-child(2) { height:25px; float:left; } ul.table-facts-images ~ ul.table-facts-images { margin-top:10px; } /* header */ header.et-l.et-l--header .et_pb_section, header.et-l.et-l--header .et_pb_section .et_pb_row, header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column { margin:0px !important; padding:0px !important; max-width:100% !important; width:100% !important; } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module { margin:0px !important; padding:0px !important; max-width:100% !important; } header.et-l.et-l--header .et_pb_section .et_pb_row { padding:0px 30px !important; } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(1) { display:inline-block; float:left; width:190px; height:100px; } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(2) { display:inline-block; height:100px; text-align:right; position:relative: } @media screen and (min-width:981px) { header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(2) .et_pb_menu__wrap { text-align:right; display:inline; } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(2) .et_pb_menu__menu { text-align:right; float:right; } } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(1) { } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(2) { } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(3) { } /* header button */ a.et_pb_button.button-border-rounded { border:none !important; } a.et_pb_button.button-border-rounded { margin-top:24px; } a.et_pb_button.button-border-rounded:after { display:none !important; } a.et_pb_button.button-border-rounded:hover { background:rgba(0,0,0,0) !important; } a.et_pb_button.button-border-rounded span.label { display:inline-block; position:relative; font-family: 'Urban light',Helvetica,Arial,Lucida,sans-serif; font-weight:700; text-transform:uppercase; font-size:15px !important; line-height:24px; padding:4px 10px 0px 10px; border-radius:15px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; } a.et_pb_button.button-border-rounded:hover { padding: .3em 1em; } body.header-color-black a.et_pb_button.button-border-rounded span.label { color:#000000; border:1px solid #000000; } body.header-color-white a.et_pb_button.button-border-rounded span.label { color:#FFFFFF; border:1px solid #FFFFFF; } body.header-color-white a.et_pb_button.button-border-rounded:hover span.label, body.header-color-black a.et_pb_button.button-border-rounded:hover span.label, body.page-id-5302.header-color-black a.et_pb_button.button-border-rounded span.label, body.page-id-5302.header-color-white a.et_pb_button.button-border-rounded span.label { color:#FFFFFF; border:1px solid #004bff; background:#004bff } body.header-color-white div.et_pb_section.et_pb_section_0_tb_header { transition:background 0.4s ease-in-out !important; background-image: linear-gradient(180deg, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.0) 96% )!important; } .et-menu a:hover { opacity:1 !important; } body.header-color-white #page-container .et_pb_section .et_pb_button_0_tb_header { color:white !important; } body.header-color-black #page-container .et_pb_section .et_pb_button_0_tb_header { color:black !important; } /* hide contact */ ul.et-menu li { font-size:0px !important; line-height:0 !important; } ul.et-menu li a { text-shadow:none; line-height:100px !important; text-decoration:none !important; } ul.et-menu li a { font-size:16px !important; } ul.et-menu li.wpml-ls-item-nl a span { font-size:17px !important; } ul.et-menu li.wpml-ls-item-en a span { font-size:17px !important; } header a.et_pb_button.button-border-rounded { padding-right:10px !important; padding-left:10px !important; } header a.et_pb_button.button-border-rounded span.label { font-size:13px !important; padding: 4px 6px 0px 6px; } @media screen and (min-width:1100px) { ul.et-menu li a { font-size:17px !important; } ul.et-menu li.wpml-ls-item-nl a span { font-size:17px !important; } ul.et-menu li.wpml-ls-item-en a span { font-size:17px !important; } a.et_pb_button.button-border-rounded span.label { font-size:14px !important; padding: 4px 12px 0px 12px; } } @media screen and (min-width:1200px) { ul.et-menu li a { font-size:18px !important; } ul.et-menu li.wpml-ls-item-nl a span { font-size:18px !important; } ul.et-menu li.wpml-ls-item-en a span { font-size:18px !important; } a.et_pb_button.button-border-rounded span.label { font-size:15px !important; padding: 4px 10px 0px 10px; } } .et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li { padding-left:6px; padding-right:6px; } ___ul.et-menu li.wpml-ls-item { padding-left:0px; padding-right:0px; } ul.et-menu li.wpml-ls-item-nl { padding-left:18px; } ul.et-menu li.wpml-ls-item-nl a span { padding-right:0px;} @media screen and (min-width:1100px) { .et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li { padding-left:8px; padding-right:8px; } } @media screen and (min-width:1200px) { .et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li { padding-left:9px; padding-right:9px; } } @media screen and (min-width:1240px) { .et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li { padding-left:11px; padding-right:11px; } } /* language switch */ body.__header-color-white header.color-white ul.et-menu li.wpml-ls-item-nl a span { border-right:1px solid white; } body.__header-color-black header.color-black ul.et-menu li.wpml-ls-item-nl a span { border-right:1px solid black; } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li:hover a { text-decoration:none !important; } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-current-language a { text-decoration:none !important; } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item-nl a span { text-indent:-200px; font-size:0px; color:rgba(0,0,0,0) !important } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item-en a span { text-indent:-200px; font-size:0px; color:rgba(0,0,0,0) !important } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item { width:36px; } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item a span { display:inline-block; overflow:hidden; width:30px; height:30px !important; margin-top:35px; background-position:center center; background-size:26px 17px; background-repeat:no-repeat; filter: grayscale(100%); transition:filter 0.3s ease 0s; transform:scale(0.7); } @media screen and (min-width:1100px) { .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item { width:45px; } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item a span { transform:scale(1); } } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item.wpml-ls-current-language a span, .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item:hover a span { filter: grayscale(0%); } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item-nl a span { background-image:url('https://familyblend.nl/theme/icon-lang-nl.png'); } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.wpml-ls-item-en a span { background-image:url('https://familyblend.nl/theme/icon-lang-en.png'); } @media screen and (min-width:981px) { ul.et-menu li.menu-item-7212 { display:none !important; } /* contact NL*/ ul.et-menu li.menu-item-10144 { display:none !important; } /* contact EN*/ #menu-item-7212 { display:none !important; } /* contact NL*/ #menu-item-10144 { display:none !important; } /* contact EN*/ } @media screen and (min-width:981px) and (max-width:1120px) { --ul.et-menu li.menu-item-128 { display:none !important; } /* succes stories NL*/ --ul.et-menu li.menu-item-10140 { display:none !important; } /* succes stories EN*/ --#menu-item-128 { display:none !important; } /* succes stories NL*/ --#menu-item-10140 { display:none !important; } /* succes stories EN*/ --ul.et-menu li.menu-item-127 { display:none !important; } /* blog NL*/ --ul.et-menu li.menu-item-10145 { display:none !important; } /* blog EN*/ --#menu-item-127 { display:none !important; } /* blog NL*/ --#menu-item-10145 { display:none !important; } /* blog EN*/ --ul.et-menu li.menu-item-126 { display:none !important; } /* about bij NL*/ --ul.et-menu li.menu-item-10136 { display:none !important; } /* about bij EN*/ --#menu-item-126 { display:none !important; } /* about bij NL*/ --#menu-item-10136 { display:none !important; } /* about bij EN*/ } @media screen and (min-width:981px) and (max-width:1000px) { --ul.et-menu li.menu-item-9789 { display:none !important; } /* werken bij NL*/ --ul.et-menu li.menu-item-10139 { display:none !important; } /* werken bij EN*/ --#menu-item-9789 { display:none !important; } /* werken bij NL*/ --#menu-item-10139 { display:none !important; } /* werken bij EN*/ } body.header-color-white header.color-white .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li a { color:white !important; } body.header-color-white header.color-white .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.current-menu-item a { color:white !important; } body.header-color-black header.color-black .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li a { color:black !important; } body.header-color-black header.color-black .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.current-menu-item a { color:black !important; } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.current-menu-item a { text-decoration:underline !important; } .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li:not(.wpml-ls-item):hover a { text-decoration:underline !important; } .et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li { margin:0px !important; } .et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a { padding:0px !important; } header.et-l.et-l--header { position:absolute; background-color:rgba(0,0,0,0); width:100%; top:0; left:0; right:0; height:100px; z-index:1200; max-width:100% !important; } header.et-l.et-l--header .et_builder_inner_content { height:100px; } header.et-l.et-l--header .et_pb_image a span img { display:inline-block; width:190px;height:35px;margin-top:32px; margin-bottom:33px; } /* hamburger */ .et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_nav_menu { position: absolute; top: 0px; right: 0px; height: 90px; } .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar { z-index:500; } .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before { font-size:50px; } .mobile_nav .mobile_menu_bar { width: 38px !important; height: 38px !important; display: inline-block !important; position: relative !important; overflow:hidden } .mobile_menu_bar:before { content:''; } .mobile_nav .mobile_menu_bar span.line-a, .mobile_nav .mobile_menu_bar span.line-b, .mobile_nav .mobile_menu_bar span.line-c { height:4px; top:0px; right:0px; background-color:inherit !important; position: absolute !important; } body.header-color-black .mobile_nav .mobile_menu_bar span.line-a, body.header-color-black .mobile_nav .mobile_menu_bar span.line-b, body.header-color-black .mobile_nav .mobile_menu_bar span.line-c { background-color:black !important; } body.header-color-white .mobile_nav .mobile_menu_bar span.line-a, body.header-color-white .mobile_nav .mobile_menu_bar span.line-b, body.header-color-white .mobile_nav .mobile_menu_bar span.line-c { background-color:white !important; } body.header-color-black .mobile_nav.opened .mobile_menu_bar span.line-a, body.header-color-black .mobile_nav.opened .mobile_menu_bar span.line-b, body.header-color-black .mobile_nav.opened .mobile_menu_bar span.line-c, body.header-color-white .mobile_nav.opened .mobile_menu_bar span.line-a, body.header-color-white .mobile_nav.opened .mobile_menu_bar span.line-b, body.header-color-white .mobile_nav.opened .mobile_menu_bar span.line-c { background-color:white !important; } .mobile_nav .mobile_menu_bar span.line-a { width:29px !important; top:8px; transform:rotate(0deg); } .mobile_nav .mobile_menu_bar span.line-b { transition:right 0.3s ease 0.55s; width:34px !important; top:18px; right:0px !important; } .mobile_nav .mobile_menu_bar span.line-c { width:25px !important; top:28px; transform:rotate(0deg); } .mobile_nav:not(.opened) .mobile_menu_bar span.line-a, .mobile_nav:not(.opened) .mobile_menu_bar span.line-c { transition:transform 0.3s ease 0s, top 0.2s ease 0.35s, width 0.3s ease 0.55s;} .mobile_nav.opened .mobile_menu_bar span.line-a, .mobile_nav.opened .mobile_menu_bar span.line-c { transition:top 0.2s ease 0s, width 0s ease 0.25s, transform 0.3s ease 0.30s; top:18px; width:34px !important; } .mobile_nav.opened .mobile_menu_bar span.line-a { transform:rotate(135deg); } .mobile_nav.opened .mobile_menu_bar span.line-b { transition:right 0s ease 0.3s; right:-36px !important; } .mobile_nav.opened .mobile_menu_bar span.line-c { transform:rotate(225deg); } body.header-color-white .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before { color:#FFFFFF !important; } body.header-color-white .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar:hover::before { color:#004bff !important; } body.header-color-white .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { color:#FFFFFF !important; } body.header-color-white .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar:hover::before { color:#000000 !important; } body.header-color-black .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before { color:#000000; } body.header-color-black .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar:hover::before { color:#004bff !important; } body.header-color-black .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { color:#FFFFFF !important; } body.header-color-black .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar:hover::before { color:#000000 !important; } .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu { display:block; position:fixed; z-index:-1; padding:100px 16px 75px 16px; left:unset !important; top:-230vh; right:0; width:100vw; min-height:100vh; text-align:center; background:#004bff !important; border-color:#004bff !important; border:none !important; } @media screen and (min-width:390px) { .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu { padding:100px 32px 75px 32px; } } .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu { top:0; } .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li a:hover { color:#FFFFFF !important; opacity:1 !important; text-decoration:underline !important; } .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li a { border-bottom:1px solid rgba(0,0,0,0); background:#004bff !important; padding:0px !important; letter-spacing:2px !important; color:#FFFFFF !important; text-shadow:none !important; line-height:40px !important; font-size:20px !important; text-decoration:none !important; } .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li:hover a, .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li.current-menu-item a { text-decoration:underline !important; } .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li.wpml-ls-current-language a { text-decoration:underline !important; } .mobile_nav ul.et_mobile_menu li.wpml-ls-item-nl { margin-top: 40px; text-align:right; float:left; width:calc(50% - 10px) } .mobile_nav ul.et_mobile_menu li.wpml-ls-item-en { margin-top: 40px; text-align:left; float:right; width:calc(50% - 10px) } @media screen and (min-width:390px) { .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li a { line-height:50px !important; } } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(2) { width:calc(100% - (190px)); } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(3) { display:none; } @media screen and (min-width:981px) { header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(2) { width:calc(100% - (80px + 190px)); } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(3) { display:inline-block; float:right; width:80px; height:100px; } } @media screen and (min-width:1200px) { header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(2) { width:calc(100% - (120px + 190px)); } header.et-l.et-l--header .et_pb_section .et_pb_row .et_pb_column .et_pb_module:nth-child(3) { display:inline-block; float:right; width:120px; height:100px; } } .column-min-ratio-drietwee { padding-top:66%; } @media screen and (min-width:981px) { .column-min-ratio-drietwee { padding-top:0% !important; } } .columns-inner-padding.columns-inner-padding-blend .et_pb_column { padding:50px 30px; } @media screen and (min-width:550px) { .columns-inner-padding.columns-inner-padding-blend .et_pb_column { padding:50px; } } @media screen and (min-width:981px) { .columns-inner-padding.columns-inner-padding-blend .et_pb_column { padding:60px 100px; } } @media screen and (min-width:1200px) { .columns-inner-padding.columns-inner-padding-blend .et_pb_column { padding:100px; } } .columns-inner-padding.columns-inner-padding-specs .et_pb_column:nth-child(1) { padding-bottom:50px; } .columns-inner-padding.columns-inner-padding-specs .et_pb_column { padding:0px 25px; } @media screen and (min-width:550px) { .columns-inner-padding.columns-inner-padding-specs .et_pb_column { padding:0px 50px; } } @media screen and (min-width:981px) { .columns-inner-padding.columns-inner-padding-specs .et_pb_column:nth-child(1) { padding-bottom:0px; } .columns-inner-padding.columns-inner-padding-specs .et_pb_column { padding:0px 50px; } } @media screen and (min-width:1200px) { .columns-inner-padding.columns-inner-padding-specs .et_pb_column { padding:0px 50px; } } .txt-green { color:#00ff00 !important; } .txt-blue { color:#004bff !important; } .txt-black { color:#000000 !important; } .txt-white { color:#FFFFFF !important; } h2.txt-white { color:#FFFFFF !important; } a.txt-underline-hover:hover { text-decoration:underline } .row-call-to-action .et_pb_blurb_description .font-size-large, .row-call-to-action .et_pb_text_inner .font-size-large { font-size:36px !important; line-height:50px !important; } @media screen and (min-width:768px) { .row-call-to-action .et_pb_blurb_description .font-size-large, .row-call-to-action .et_pb_text_inner .font-size-large { font-size:50px !important; line-height:60px !important; } } /* carousel */ .row-carousel-campagnes .dica_divi_carouselitem.swiper-slide-active .dica-image-container::before { content:''; position:absolute; z-index:-1; width:100%; height:800px; background-color:rgba(255,255,255,1); top:0px; left:0px; margin-top:-500px; } .row-carousel-campagnes .dica_divi_carouselitem.swiper-slide-active .dica-image-container { overflow:unset } .row-carousel-campagnes .dica_divi_carousel_0 .dica-image-container { } body.device-touch-no .row-carousel-campagnes .dica_divi_carousel_0 .dica-image-container { width:calc(100% + 100px); padding-left:50px; margin-right:-30px; margin-left:-50px; } .row-carousel-campagnes .dica_divi_carouselitem .item-title, .row-carousel-campagnes .dica_divi_carouselitem .item-subtitle { position:absolute; z-index:1200; left:20px; color:white; } .row-carousel-campagnes .dica_divi_carouselitem .item-title { font-size: 25px !important; line-height: 30px !important; bottom:46px; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); font-family: 'Urban medium',Helvetica,Arial,Lucida,sans-serif !important; } .row-carousel-campagnes .dica_divi_carouselitem .item-subtitle { font-size: 20px !important; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); line-height: 24px !important; bottom:20px; font-family: 'Urban light',Helvetica,Arial,Lucida,sans-serif !important; } .row-carousel-campagnes .dica_divi_carouselitem:hover { z-index:1200; } .row-carousel-campagnes .dica_divi_carouselitem .dica-image-container { transition:transform 0.2s ease 0s; } .row-carousel-campagnes .dica_divi_carouselitem:hover .dica-image-container { transition:transform 0.2s ease 0s; transform-origin:bottom center; transform:scale(1.02); } .dica_divi_carousel_0.dica_divi_carousel .overlay-image .dica-item .dica-image-container a::before { opacity:1; background-color:unset !important; background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(255,0,0,0.4) 100%) !important; background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(255,0,0,0.4) 100%) !important; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(255,0,0,0.4) 100%) !important; } } .row-carousel-campagnes .dica_divi_carouselitem .dica-item:hover .dica-image-container a.image::after { display:none !important; opacity:0 !important; transition:none; } .row-carousel-campagnes .dica_divi_carouselitem .dica-item .dica-image-container a.image::before { opacity:1; background-color:unset !important; background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.4) 100%) !important; background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.4) 100%) !important; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.4) 100%) !important; } .row-carousel-campagnes .dica_divi_carouselitem .dica-item:hover .dica-image-container a.image::before { transition:background 0.2s ease 0s; background-color:rgba(0,0,0,0.3) !important; } /* carousel - arrows */ .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-prev, .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-next { font-size:40px; color:black; font-weight:light; width:50px; height:50px; line-height:50px; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-prev { right:-25px; text-align:right !important; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-next { left:-25px; text-align:left !important; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-prev::before { text-align:right !important; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-next::before { text-align:left !important; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-prev::before { transition:all 0.2s ease 0s; color:#000000 !important; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-next::before { transition:all 0.2s ease 0s; color:#000000 !important; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-prev:hover { transition:all 0.2s ease 0s; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-next:hover { transition:all 0.2s ease 0s; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-prev:hover::before { color:#004bff !important; } .row-carousel-campagnes .dica_divi_carousel_0 .dica-container .swiper-button-next:hover::before { color:#004bff !important; } /* labels */ .css-label { position:relative; } .css-label-top-left::after { left:40px } .css-label-top-right::after { right:40px } .css-label::after { content:''; position:absolute; z-index:12;width:50px; height:60px; background-color:black;box-shadow: 2px 2px 4px rgba(0,0,0,0.3);top:-15px;background-size:50px 50px;background-repeat:no-repeat;background-position:center bottom; } .css-label-advise::after { background-image:url( '/wp-content/uploads/2020/03/familyblend-icons-adviseren-white-1040.png' ); } .css-label-connect::after { background-image:url( '/wp-content/uploads/2020/03/familyblend-icons-verbinden-white-1040.png' ); } .css-label-optimize::after { background-image:url( '/wp-content/uploads/2020/03/familyblend-icons-optimaliseren-white-1040.png' ); } /* credits image */ .photo-display-credits { display:inline-block; width:100%; height:30px !important; line-height:30px !important; font-size:14px !important; color:#000000 !important; } .photo-display-credits.photo-display-credits-background { position:absolute; padding:0px 15px; bottom:-30px; left:0px; } @media screen and (min-width:981px) { .photo-display-credits.photo-display-credits-background { padding:0px 5px; } } /* small line before heading */ h3.line-prefix::before { content:''; display:inline-block; margin:10px 5px 10px 0px; width:20px; height:1px; } @media screen and (min-width:768px) { h3.line-prefix::before { margin:10px 10px 10px 0px; width:40px; } } h3.line-prefix.black::before { background-color:black; }