EMAC Bedrijfsadvies

Volledige digitale administratie

Ontdek het gemak van een digitale administratie.

EMAC Bedrijfsadvies

PASSIE VOOR CIJFERS EN HART VOOR ONDERNEMING ÉN ONDERNEMER!

Op zoek naar een ondernemend administratiekantoor en een goede bedrijfscoach? Dan bent u bij ons aan het juiste adres!
Wij kijken verder dan de cijfers alleen. We koppelen deze graag aan uw strategie en inzicht en kijken zo samen met u naar de toekomst.
Door enthousiast gebruik te maken van slimme ICT-oplossingen creëren we rust en ruimte om proactief te coachen, samen kansen te zien en échte toegevoegde waarde te brengen.

Dat is EMAC Bedrijfsadvies. Hart voor onderneming én ondernemer!

Wie staat er voor u klaar

EMAC Bedrijfsadvies

Het is altijd prettig om een gezicht te hebben bij de personen waarmee u vaker contact hebt. Daarom stellen wij graag ons team aan u voor.


Twan de Louw AA Accountant


Hans Verhagen Assistent-Accountant


Sander de Louw Assistent-Accountant


Ingrid de Louw Financieel Manager


Anka Kling-Bijnen Junior Belastingadviseur


Caroline Bolder Secretaresse

Menu
info@emac-bedrijfsadvies.nl 0493 820 010
/* Theme Name: SAB Theme URI: https://www.scherponline.nl/ Author: Scherponline Author URI: https://scherponline.nl/ Description: SAB WP WordPress theme Version: 1.0 License: SAB WP License URI: https://www.scherponline.nl/ Tags: two-columns, right-sidebar, flexible-width Text Domain: sab */ /* = Reset default browser CSS -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .caclearfix { clear:both; } .clearfix { *zoom: 1; clear:both; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { outline:none; } a:focus { outline: none; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; } button, input, textarea { margin: 0; font-size: 100%; vertical-align: middle; border-radius: 0; } select { margin: 0; font-size: 100%; vertical-align: middle; border-radius: 0; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } figure { padding: 0; margin: 0; } /* = WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 0 20px 20px 0; } .blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 0 0 20px 20px; } .alignleft { float: left; margin: 0 20px 20px 0; } .aligncenter { display: block; margin: 0 auto 20px auto; } a img.alignright { float: right; margin: 0 0 20px 20px; } a img.alignnone { margin: 0 0 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .gallery-caption { } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 0.688rem; line-height: 1.063rem; margin: 0; padding: 0 4px 5px; } /* = Some basic coloring -------------------------------------------------------------- */ ::-moz-selection { background: #ffb059; color: #FFF; } ::-webkit-selection { background: #ffb059; color: #FFF; } ::selection { background: #ffb059; color: #FFF; } a { color: #ffb059; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 500; } a:hover { color: #292929; text-decoration: none; } /* = Site icons -------------------------------------------------------------- */ @font-face { font-family: 'sab-icons'; src: url('/wp-content/themes/sab/inc/fonts/sab-icons.eot?z6jidw'); src: url('/wp-content/themes/sab/inc/fonts/sab-icons.eot?z6jidw#iefix') format('embedded-opentype'), url('/wp-content/themes/sab/inc/fonts/sab-icons.ttf?z6jidw') format('truetype'), url('e/wp-content/themes/sab/inc/fonts/sab-icons.woff?z6jidw') format('woff'), url('/wp-content/themes/sab/inc/fonts/sab-icons.svg?z6jidw#sab-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="sab-"]:before, [class*=" sab-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sab-icon-close:before { content: "\e917"; } .sab-icon-location:before { content: "\e906"; } .sab-icon-min:before { content: "\e907"; } .sab-icon-search:before { content: "\e908"; } .sab-icon-down:before { content: "\e909"; } .sab-icon-home:before { content: "\e90a"; } .sab-icon-kvk:before { content: "\e90b"; } .sab-icon-left:before { content: "\e90c"; } .sab-icon-login:before { content: "\e90d"; } .sab-icon-missie:before { content: "\e90e"; } .sab-icon-plus:before { content: "\e90f"; } .sab-icon-quote:before { content: "\e910"; } .sab-icon-right:before { content: "\e911"; } .sab-icon-scroll:before { content: "\e912"; } .sab-icon-taal:before { content: "\e913"; } .sab-icon-time:before { content: "\e914"; } .sab-icon-up:before { content: "\e915"; } .sab-icon-visie:before { content: "\e916"; } .sab-icon-phone:before { content: "\e900"; } .sab-icon-check:before { content: "\e901"; } .sab-icon-facebook:before { content: "\e902"; } .sab-icon-linkedin:before { content: "\e903"; } .sab-icon-mail:before { content: "\e904"; } .sab-icon-twitter:before { content: "\e905"; } /* = Textual -------------------------------------------------------------- */ body { font-family: 'Merriweather Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 1.125rem; line-height: 1.875rem; color: #575756; -webkit-font-smoothing: antialiased; } p { margin: 0 0 25px 0; font-size: 1.125rem; line-height: 1.75rem; } p small { font-size: 0.688rem; color: #999999; } strong { font-weight: bold; } small { font-size: 75%; } em, i { font-style: italic; } h1 { font-size: 3.25rem; line-height: 3.5rem; letter-spacing: -1px; font-weight: 700;} h2 { font-size: 2.625rem; line-height: 48px; letter-spacing: -1px; font-weight: 700;} h3 { font-size: 1.25rem; line-height: 26px; letter-spacing: -1px; } h4 { font-size: 1rem; line-height: 1.25rem; letter-spacing: -1px; } h1 { margin: 0 0 0.938rem 0; color: #323232; text-transform: none; } h2 { margin: 0 0 0.938rem 0; color: #323232; text-transform: none; } h3 { margin: 0 0 0.938rem 0; color: #323232; text-transform: none; } h4 { margin: 0 0 0.938rem 0; color: #323232; text-transform: none; } h1, h2, h3, h4, h5 { font-family: 'Titillium Web', sans-serif; font-style: normal; color: #3d6eb3; } h1 span, h2 span { color: #ffb059; } a h1, a h2, a h3, a h4, a h5 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover { color: #292929; } blockquote { font-style: italic; width: auto; margin: 0; padding: 0 2.5rem; line-height: 1.45; position: relative; color: #999999; } blockquote cite { color: #aaaaaa; font-size: 0.75rem; display: block; margin-top: 0.313rem; } /* = New scaffolding -------------------------------------------------------------- */ .section{ clear: both; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -15px; /* column gutter */ margin-right: -15px; } .fullsection { overflow-x: hidden; } .fcol { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 15px 30px 15px; /* column gutter */ border: none; /* Float fallback */ float: left; } .wp-block-column:last-child, .fcol:last-child { margin-right: 0; } .has-4-columns .wp-block-column, .f25 { width: calc( 25% - 30px ); } .has-4-columns .wp-block-column:nth-child(4n+1), .f25:nth-child(4n+1) { clear: left; } @media (max-width: 860px) { .has-4-columns .wp-block-column, .f25 { width: calc( 50% - 30px ); } .has-4-columns .wp-block-column:nth-child(4n+1), .f25:nth-child(4n+1) { clear: none; } .has-4-columns .wp-block-column:nth-child(2n+1), .f25:nth-child(2n+1) { clear: left; } } @media (max-width: 480px) { .has-4-columns { display: block; margin: 0; } .has-4-columns .wp-block-column, .f25 { display: block; width: auto; float: none; clear: both; margin: 0 0 20px 0; } .has-4-columns .wp-block-column:nth-child(4n+1), .f25:nth-child(4n+1) { display: block; width: auto; float: none; clear: both; margin: 0 0 20px 0; } .has-4-columns .wp-block-column:nth-child(2n+1), .f25:nth-child(2n+1) { display: block; width: auto; float: none; clear: both; margin: 0 0 20px 0; } } .f20 { width: calc( 20% - 30px ); } .f20:nth-child(5n+1) { clear: left; } @media (max-width: 860px) { .f20 { width: calc( 50% - 30px ); } .f20:nth-child(5n+1) { clear: none; } .f20:nth-child(2n+1) { clear: left; } } .has-3-columns .wp-block-column, .f33 { width: calc( 33.3333% - 30px ); } .has-2-columns .wp-block-column:nth-child(3n+1), .f33:nth-child(3n+1) { clear: left; } @media (max-width: 720px) { .has-3-columns .wp-block-column, .f33 { width: calc( 50% - 30px ); } .has-3-columns .wp-block-column:nth-child(3n+1), .f33:nth-child(3n+1) { clear: none; } .has-3-columns .wp-block-column:nth-child(2n+1), .f33:nth-child(2n+1) { clear: left; } } @media (max-width: 600px) { .has-3-columns { margin: 0; } .has-3-columns .wp-block-column, .f33 { width: auto; clear: both; float: none; display: block; margin: 0 0 20px 0; } .has-3-columns .wp-block-column:nth-child(3n+1), .f33:nth-child(3n+1) { width: auto; clear: both; float: none; display: block; } .has-3-columns .wp-block-column:nth-child(2n+1), .f33:nth-child(2n+1) { width: auto; clear: both; float: none; display: block; } .section.employees_wrapper { width: auto; clear: both; float: none; display: block; } } .f40 { width: calc( 40% - 30px ); } .has-2-columns .wp-block-column, .f50 { width: calc( 50% - 30px ); } .f50:nth-child(2n+1) { clear: left; } @media (max-width: 780px) { .has-2-columns { display: block; margin: 0; } .has-2-columns .wp-block-column, .f50 { display: block; width: auto; float: none; clear: both; margin: 0 0 20px 0; } } .f60 { width: calc( 60% - 30px ); } .f66 { width: calc( 66.6666% - 30px ); } @media (max-width: 720px) { .f66 { width: calc( 50% - 30px ); } .f66:nth-child(3n+1) { clear: none; } .f66:nth-child(2n+1) { clear: left; } } .f75 { width: calc( 75% - 30px ); } .f100 { width: calc( 100% - 30px ); } /* = Tiny slider -------------------------------------------------------------- */ .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-outer.ms-touch{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;-ms-scroll-chaining:none;-ms-scroll-snap-type:mandatory;-ms-scroll-snap-points-x:snapInterval(0%, 100%)}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-hdx{overflow-x:hidden}.tns-hdy{overflow-y:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1} /* = Fonts -------------------------------------------------------------- */ .wp-block-media-text__content { box-sizing: border-box; } .wp-block-media-text.is-image-fill figure { margin-left: calc((100vw - 200%) / -2) !important; } .wp-block-media-text.has-media-on-the-right.is-image-fill figure { margin-right: calc((100vw - 200%) / -2) !important; margin-left: 0 !important; } .wp-block-group__inner-container { padding: 0; } @media (max-width: 768px) { .wp-block-media-text { display: block !important; } .wp-block-media-text__content { padding: 40px 20px !important; box-sizing: border-box; } .wp-block-media-text.is-image-fill figure { margin-left: 0 !important; margin-right: 0 !important; } .wp-block-media-text.has-media-on-the-right.is-image-fill figure { margin-left: 0 !important; margin-right: 0 !important; } } .wp-block-button__link { color: #FFF; border: none; border-radius: 2px; font-weight: 400 !important; font-size: 0.875rem; padding: 15px 50px; position: relative; display: inline-block; background-color: #ffb059; border: solid 1px #ffb059; cursor: pointer; transition: 0.2s all ease-in-out; vertical-align: middle; -webkit-box-shadow: 0px 20px 25px 0px rgba(184,37,4,0.25); -moz-box-shadow: 0px 20px 25px 0px rgba(184,37,4,0.25); box-shadow: 0px 20px 25px 0px rgba(184,37,4,0.25); } .wp-block-button__link:hover { -webkit-box-shadow: 0px 12px 23px 0px rgba(184,37,4,0.25); -moz-box-shadow: 0px 12px 23px 0px rgba(184,37,4,0.25); box-shadow: 0px 12px 23px 0px rgba(184,37,4,0.25); margin-top: 5px; margin-bottom: -5px; color: white; transition: 0.2s all ease-in-out; } /* Variables */ :root { --container-size: 1400px; } /* = Basic layout -------------------------------------------------------------- */ body { } ::-webkit-input-placeholder { color: #FC4F29; } :-moz-placeholder { color: #FC4F29; opacity: 1; } ::-moz-placeholder { color: #FC4F29; opacity: 1; } :-ms-input-placeholder { color: #FC4F29; } :placeholder-shown { color: #FC4F29; } .main, .site-main{ max-width: 1800px; margin: 40px auto 40px auto; padding: 0 20px; } .main { clear: both; } .pullup img { /*display: block;*/ /*margin-top: -120px;*/ } hr { border: 1px solid #DEDEDE; width:100%; } .sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; } .sticky + .content { padding-top: 102px; } .sticky .logo img{ width: 80%; } .sticky .logo span{ display: none; } .sticky .mainmenu ul li a { padding: 10px 20px 10px 20px; } .btn_wrap > a, .btn{ color: #FFF; border: none; border-radius: 2px; font-weight: 400 !important; font-size: 0.875rem; padding: 15px 50px; position: relative; display: inline-block; background-color: #ffb059; border: solid 1px #ffb059; cursor: pointer; transition: 0.2s all ease-in-out; vertical-align: middle; } #demo_block_section .btn_wrap > a, #demo_block_section .btn { width: fit-content; } .btn.white{ background-color: white; border: 1px solid #ffb059; color: #ffb059; } .btn.full_white{ background-color: Transparent; border: 1px solid white; } .btn.shadow{ -webkit-box-shadow: 0px 20px 25px 0px rgba(184,37,4,0.25); -moz-box-shadow: 0px 20px 25px 0px rgba(184,37,4,0.25); box-shadow: 0px 20px 25px 0px rgba(184,37,4,0.25); } .btn.shadow:hover { -webkit-box-shadow: 0px 12px 23px 0px rgba(184,37,4,0.25); -moz-box-shadow: 0px 12px 23px 0px rgba(184,37,4,0.25); box-shadow: 0px 12px 23px 0px rgba(184,37,4,0.25); margin-top: 5px; margin-bottom: -5px; color: white; transition: 0.2s all ease-in-out; } .btn.white:hover{ color: white; background-color: #ffb059; transition: 0.2s all ease-in-out; } .read_more{ position: relative; padding-right: 20px; } .read_more:hover{ cursor: pointer; text-decoration: underline; } .read_more:after{ font-family: 'sab-icons'; content: "\e911"; font-size: 70%; color: #ffb059; position: absolute; top: -24%; right: 8px; transition: 0.2s all ease-in-out; } .read_more:hover:after{ transition: 0.2s all ease-in-out; } .desc ul > li{ margin-bottom: 0.625rem; font-weight: 700; margin-left: 40px; } .desc ul > li:before{ content: "\e901"; font-family: 'sab-icons'; position: absolute; margin-left: -40px; font-size: 120%; color: #3d6eb3; } .wp-block-media-text__content ul > li{ margin-bottom: 0.625rem; font-weight: 700; margin-left: 40px; } .wp-block-media-text__content ul > li:before{ content: "\e901"; font-family: 'sab-icons'; position: absolute; margin-left: -40px; font-size: 120%; color: #3d6eb3; } /* content */ /* formulier */ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #808184; opacity: 1; /* Firefox */ font-size: 0.938rem; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #808184; font-size: 0.938rem; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #808184; font-size: 0.938rem; } .wpcf7 p { margin:0; } .wpcf7 label { font-size: 0.75rem; line-height: 1rem; display: block; color: #3C3C3B; margin: 0 0 5px 0; } input[type='text'], input[type='email'], textarea { display: block; background-color: #FFF; padding: 10px 15px; border-radius: 2px; border: solid 1px #DADADA; position: relative; box-sizing: border-box; width: 100%; margin: 0 0 30px 0; } select { background-color: #FFF6EF; padding:10px 15px; border-radius: 10px; border:none; position: relative; box-sizing: border-box; width: 100%; margin: 10px 0; } input[type='file']{ background-color: #FFF; font-size: 12px; line-height: 16px; width: 100%; border: 1px solid #DADADA; margin-bottom: 30px; } input[type='file']::-webkit-file-upload-button { border: none; color:#FFF; padding:10px ; margin-right:10px; background-color: #ffb059; border: solid 1px #ffb059; cursor: pointer; } .wpcf7-form-control-wrap{ position: relative; } .wpcf7-form-control.wpcf7-textarea { margin-top: 0; } .bestandupload:before{ font-family: 'sab-icons' !important; content: "\e921"; color: #FC4F29; display: inline-block; font-size: 1rem; font-weight: 600; margin: 0 0 0 8px; width: 30px; text-align: center; line-height: 30px; position: absolute; top: 15px; } .wpcf7 .form50 span{ width: 49%; float:left; } .wpcf7 .form50 span:first-of-type{ margin-right:2%; } input[type="checkbox"] { background-color: #FFF6EF; border:1px solid #808184; margin-right: 10px; } .wpcf7-list-item{ width: 50%; color: #808184; display: inline-block; } .wpcf7-acceptance .wpcf7-list-item{ width: 100%; } textarea{ resize: none; margin:30px 0; } input[type='submit']{ color: #FFF; border: none; border-radius: 2px; font-weight: 400 !important; font-size: 0.875rem; padding: 15px 50px; position: relative; display: inline-block; background-color: #ffb059; cursor: pointer; transition: 0.2s all ease-in-out; vertical-align: middle; } .centersubmit { text-align: center; } select{ color:#808184; height: 41px; width: auto; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .select{ background-color: #FFF6EF; border-radius: 10px; display: inline; padding:10px 15px; position: relative; } .select:after{ font-family: 'sab-icons' !important; content: "\e912"; color: #FC4F29; position: absolute; right: 13px; top: 6px; font-size: 1.25rem; font-weight: 600; } /* END formulier */ /* Main menu */ #menu_header{ position: fixed; top: 0; z-index: 50; padding: 0 20px; box-sizing: border-box; width: 100%; left: 0; right: 0; transition: 0.4s all ease-out; z-index: 998; } .home #menu_header { background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); } #menu_header #header_c { margin: 0 auto; max-width: 1800px; padding: 10px 0; border-bottom: solid 1px #617888; } @media (max-width: 640px) { #menu_header #header_c { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } } .home #menu_header #header_c { border: none; } #menu_header #header_c > a.logo, #menu_header #header_c > a.logo.diap { margin-top: 0; } #menu_header .logo { display: inline-block; float: left; width: 180px; margin: 10px 0 0 0; } .home #menu_header .logo.diap { display: none; } #menu_header .logo.diap { display: block; } #menu_header .logo { display: none; } .home #menu_header .logo { display: block; } @media (max-width: 880px) { #menu_header .logo.diap { display: none; } #menu_header .logo { display: block; } } .home #menu_header.scrolled .logo.diap { display: none; } .home #menu_header.scrolled .logo { display: block; } #menu_header.scrolled .logo.diap { display: none; } #menu_header.scrolled .logo { display: block; } #menu_header.scrolled #header_c { border: none; } #menu_header.scrolled{ background-color: white; transition: 0.4s all ease-out; } /* Menu default */ .menu_default ul li{ display: inline-block; vertical-align: top; position: relative; } .menu_default .menu-item > a{ font-family: 'Merriweather Sans', sans-serif; padding: 10px 0px; line-height: 50px; font-size: 0.875rem; } /* sub menu */ .menu_default .menu-item-has-children > a{ padding-right: 30px; position: relative; } .menu_default .menu-item-has-children > a:after { font-family: 'sab-icons'; content: "\e909"; font-size: 60%; color: #3d6eb3; position: absolute; top: -5px; right: 6px; } .menu_default .sub-menu{ display: none; font-weight: 400; padding: 10px 0px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); } .menu_default .sub-menu .menu-item > a{ font-weight: 400; color: #3d6eb3; white-space: nowrap; } .menu_default .sub-menu .menu-item:hover > a{ font-weight: 400; color: #ffb059; } .menu_default .menu-item-has-children:hover .sub-menu{ position: absolute; background-color: white; display: block; width: auto; } /* END sub menu */ /* END Menu default */ /* Menu main */ .mainmenu{ display: inline-block; float: left; margin: 0px 20px; } .mainmenu #menu_close{ display: none; } .mainmenu .menu-item > a{ font-weight: 400; color: #C2CBD2; margin: 0 30px; font-weight: 700; } .home .mainmenu .menu-item > a{ color: #3d6eb3; } #menu_header.scrolled .mainmenu .menu-item > a { color: #3d6eb3; } #menu_header.scrolled .mainmenu_actions .login > a:before, #menu_header.scrolled .mainmenu_actions .wpml-ls-item > a:before, #menu_header.scrolled .mainmenu_actions .wpml-ls-item > a:after, #menu_header.scrolled .mainmenu_actions .menu-item > a, #menu_header.scrolled .mainmenu_actions .login > a { color: #002540; } .mainmenu a:hover{ color: #ffb059; } /* END Menu main */ /* Menu actions */ .mainmenu_actions{ float: right; } .mainmenu_actions .menu-item > a{ margin: 0 0 0 15px; color: #C2CBD2; font-weight: 700; } .home .mainmenu_actions .menu-item > a{ color: #002540; } .mainmenu_actions .menu-item > a:hover{ text-decoration: underline; } .mainmenu_actions .btn_wrap a { padding: 0px 15px; color: #FFF !important; } .mainmenu_actions > ul > li > a:before{ font-family: 'sab-icons'; color: #91A2AE; position: absolute; left: 0; } .home .mainmenu_actions > ul > li > a:before{ color: #002540; } .mainmenu_actions .wpml-ls-item > a{ padding-left: 18px; position: relative; } .mainmenu_actions .wpml-ls-item > a:before{ content: "\e913"; } .mainmenu_actions .wpml-ls-item > a:after{ color: #C2CBD2; } .home .mainmenu_actions .wpml-ls-item > a:after{ color: #002540; } .mainmenu_actions .login > a{ padding-left: 18px; position: relative; } .mainmenu_actions .login > a:before { content: "\e90d"; } /* END Menu actions */ @media (max-width: 1295px) { .mainmenu .menu-item > a { margin: 0 10px; } } @media (max-width: 1140px) { .mainmenu .menu-item > a { margin: 0 8px; } .mainmenu { margin-right: 0; } .mainmenu_actions .menu-item > a { margin: 0px 5px; } } @media (max-width: 1080px) { .mainmenu_actions ul > li.btn_wrap { display: block; text-align: right; } .mainmenu_actions ul > li.btn_wrap a { display: block; text-align: center; } } /* END Main menu */ /* Home */ /* s1: Heading */ #heading { /*height: 60vh;*/ min-height: 600px; overflow: auto; background-repeat: no-repeat; background-position: top right; position: relative; } #heading .heading_img { width: 60%; background-size: cover; background-position: center right; position: absolute; right: 0; z-index: 0; height: 100%; } #heading .heading_img:after { content: ''; width: 60%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ position: absolute; left: 0; z-index: 1; height: 100%; } #heading #heading_content{ max-width: 1800px; margin: 0 auto; height: 100%; padding: 185px 20px 90px 20px; position: relative; z-index: 2; } @media (max-width: 880px) { #heading #heading_content { height: auto; padding: 30px 20px; } #heading .heading_img { width: 100%; background-position: center center; height: 100%; } #heading .heading_img:after { content: ''; width: 100%; background: rgba(0, 49, 80,0.4); position: absolute; left: 0; top: 0; z-index: 1; height: 100%; } } /* Contact info */ #heading .contact_info{ position: absolute; top: 85px; } #heading .contact_info a{ border-left: 3px solid #3d6eb3; border-radius: 2px 0 0 2px; color: #3d6eb3; background: #FFF; padding: 10px 10px 10px 30px; position: relative; margin-right: 20px; font-size: 0.75rem; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); } #heading .contact_info a:before{ font-family: 'sab-icons'; position: absolute; left: 10px; color: #3d6eb3; font-size: 90%; top: 10%; } #heading .contact_info .mail:before{ content: "\e904"; } #heading .contact_info .tel:before{ content: "\e900"; } /* END contact info */ /* info block */ #heading h1{ font-size: 3.875rem; line-height: 3.875rem; color: #3d6eb3 } #heading h3{ margin-top: 25px; color: #425866; font-weight: 700; font-size: 1.875rem; font-family: 'Merriweather Sans', sans-serif; } #heading .btn_wrapper{ margin-top: 70px; } #heading .btn_wrapper a{ margin-right: 20px; } /* END info block */ /* END s1: Heading */ /* General sections */ .section_title{ font-weight: 700; font-size: 2.688rem; line-height: 48px; text-align: center; color: #3d6eb3; margin-bottom: 1.875rem; } .section_subtitle{ font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #ffb059; font-size: 1.25rem; text-align: center; margin-bottom: 0.5rem; } .is-style-rode-tekst { font-family: 'Titillium Web', sans-serif; color: #ffb059; font-weight: 600; margin-bottom: 0.5rem; } /* END General sections */ /* s2: Diensten */ .services_wrapper{ margin-top: 50px; } .service_block { display: block; text-align: center; padding: 50px; border: 1px solid white; } .service_block:hover{ border: 1px solid #ffb059; border-radius: 5px; transition: 0.2s all ease-in-out; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.03); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.03); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.03); } .service_block img{ height: 60px; margin-bottom: 1.25rem; } .service_block h3{ font-weight: 600; font-size: 1.563rem; color: #131313; } .service_block p{ color: #717171; font-size: 1rem; } .service_block .read_more{ text-decoration: underline; font-weight: 800; font-size: 0.875rem; } .service_block:hover .read_more:after{ color: black; } @media (max-width: 1190px) { .service_block{ padding: 35px 15px; } } /* END s2: Diensten */ /* END s3: Over ons */ #about_us_section { margin: 60px 0; } #about_us_section .desc{ max-width: 800px; margin: auto; text-align: center; display: block; } .employees_wrapper{ max-width: 1800px; margin: auto; margin-top: 40px; } .employee_block{ padding: 20px; text-align: center; position: relative; border-radius: 5px; -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.16); } .employee_block hr{ width: 38px; } .employeer-text { min-height: 80px; } .employee_info{ margin-bottom: 0.313rem; color: #3d6eb3; } .employee_info span{ display: block; color: #3d6eb3; } .employee_img{ border: 4px solid white; width: 88px; height: 88px; border-radius: 100px; margin: auto; position: relative; z-index: 1; background-position: center; background-size: cover; overflow: hidden; } .employee_block .contact_info{ position: absolute; bottom: 0; left: 0; background-color: #3d6eb3; width: 100%; display: flex; height: 55px; } .employee_block .contact_info a{ flex: 2; color: #CEF2EE; } .employee_block .contact_info a:hover{ color: white; padding-top: 3px; } .employee_block .contact_info a:before{ font-family: 'sab-icons'; display: block; margin-top: 12px; font-size: 100%; color: #CEF2EE; } .employee_block .contact_info a:nth-child(1){ border-right: 1px solid #4B6273; } .employee_block .contact_info a:nth-child(2){ border-left: 1px solid #4B6273; } .employee_block .contact_info .mail:before{ content: "\e904"; } .employee_block .contact_info .tel:before{ content: "\e900"; } #about_us_section .center{ display: flex; margin-top: 40px; justify-content: center; } /* END s3: Over ons */ /* END s4: Over Loket */ #software_detail_section { clear: both; display: flex; align-items: stretch; margin: 60px auto 100px auto; max-width: 1800px; } #software_detail_section:after { content: ''; display: table; clear: both; } #software_detail_section .content{ width: 50%; /* float: left; */ padding: 20px; box-sizing: border-box; } #software_detail_section .detail{ width: 50vw; } #software_detail_section .content .wrapper{ /* float: right; */ max-width: 680px; } #software_detail_section .section_title, #software_detail_section .section_subtitle{ text-align: left; } #software_detail_section .desc{ margin-top: 40px; } #software_detail_section a{ top: 30px; } #software_detail_section .detail{ overflow: hidden; margin-right: calc(-100vw / 2 + 100% / 2) } #software_detail_section .detail .wrapper{ margin-right: -20%; max-width: 2100px; height: 100%; } #software_detail_section .detail .wrapper img{ object-fit: cover; height: 100%; } @media (max-width: 880px) { #software_detail_section { display: block; } #software_detail_section .content .wrapper, #software_detail_section .detail, #software_detail_section .content { width: auto; float: none; clear: both; max-width: 100%; } #software_detail_section .detail .wrapper { margin: 20px 0; max-width: 100%; } } /* END s4: Over Loket */ /* END s5: Demo block */ #demo_block_section{ color: white; display: flex; box-sizing: border-box; background: rgb(48,79,101); background-image: url('/wp-content/themes/sab/images/gradient.png'); background-color: linear-gradient(180deg, rgba(48,79,101,1) 0%, rgba(0,37,64,1) 100%); background-size: cover; margin: 30px 0; } #demo_block_section .col, #demo_block_section .fcol{ padding: 40px; } #demo_block_section .col:nth-child(1){ border-right: 1px solid #4B6273; } #demo_block_section .col:nth-child(2){ border-left: 1px solid #4B6273; } #demo_block_section h2{ color: white; font-weight: 700; font-size: 2.5rem; line-height: 2.875rem; } #demo_block_section p{ color: #D9FFFB; } .contact_wrapper a{ float: left; margin-right: 30px; } .contact_wrapper a:nth-child(1):hover{ border: 1px solid #ffb059; color: white; } .contact_wrapper a:nth-child(2):hover{ color: #ffb059; } .contact_wrapper .tel{ color: white; line-height: 3.125rem; padding-left: 20px; font-size: 0.875rem; font-weight: 800; } .contact_wrapper .tel::before{ font-family: 'sab-icons'; content: "\e900"; position: absolute; margin-left: -20px; font-size: 80%; } @media (max-width: 880px) { #demo_block_section { display: block; } #demo_block_section .col:nth-child(1) { border: none; } .contact_wrapper a { display: block; float: none; clear: both; } } /* END s5: Demo block */ /* s6: Brand block */ #brand_block_section{ display: flex; justify-content: space-around; align-items: center; margin: 125px 0px; } #brand_block_section img{ max-height: 100px; } /* END s6: Brand block */ /* END Home */ /* Footer */ .main_footer { background-color: #F2F5F7; } @media (max-width: 880px) { .main_footer { padding-bottom: 100px; } } .main_footer .main { margin-top: 0px; margin-bottom: 0px; } .main_footer .footer-c { padding-top: 20px; } .footerlogo { display: block; max-width: 250px; height: auto; } .footer-c h3 { font-family: 'Merriweather Sans', sans-serif; color: #3d6eb3; font-weight: 700; font-size: 1.125rem; } @media (max-width: 640px) { .main_footer { padding: 0 20px 100px 20px; } .footer-c { display: block; } .footer-c .f25 { display: block; width: auto; margin: 0 0 20px 0; clear: both; float: none; } } .main_footer .contact_info { margin: 20px 0px; } .main_footer .contact_info a { color: #131313; } .main_footer a:hover { text-decoration: underline; } .main_footer .social_icons a { width: 20px; margin-right: 6px; display: inline-block; padding: 7px; font-size: 1.375rem; } .main_footer [class^="footer-"], [class*=" footer-"] { font-weight: 600; color: #2ABDAC; } .main_footer .menu { margin-top: 20px; } .main_footer li { margin: 10px 0px; } .main_footer .menu a { color: #225579; } .main_footer .sub_footer { border-top: 1px solid #CEF2EE; padding-bottom: 20px; } .main_footer .sub_footer p { margin: 0; color: #1D384A; } .main_footer #menu-taal > li { background-color: white; display: inline-block; position: relative; padding: 4px 7px; border-radius: 2px; } .main_footer #menu-taal > li > a { border-radius: 5px; color: #ffb059; font-size: 0.75rem; line-height: 0.75rem; } .main_footer #menu-taal > li > a:before { font-family: 'sab-icons'; content: "\e913"; color: #ffb059; font-size: 1.25rem; display: inline-block; margin-right: 10px; } .main_footer #menu-taal > li > a:after { font-family: 'sab-icons'; content: "\e909"; color: #ffb059; font-size: 0.625rem; display: inline-block; margin-left: 10px; } .main_footer #menu-taal .sub-menu { display: none; } #menu-taal li.menu-item-has-children:hover .sub-menu { display: block; position: absolute; background-color: white; width: 100%; left: 0; padding: 10px 30px; box-sizing: border-box; } @media (max-width: 640px) { footer.main_footer > .main > div.footer-c { display: flex; flex-direction: column; flex-wrap: wrap; text-align: center; } footer.main_footer > .main > div.footer-c .footerlogo { width: fit-content; margin: 0 auto; } } /* END Footer */ /* Standaard vervolg pagina */ #pageheader { padding: 150px 20px; background: url( '/wp-content/themes/sab/images/header.svg' ) bottom center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 600px) { #pageheader { padding: 30px 20px 100px 20px; } } .pageheader-c { max-width: 760px; margin: 0 auto; text-align: center; color: #F2F5F7; } .pageheader-cases { max-width: 1800px; } .pageheader-c small { font-size: 1rem; display: block; margin: 0 0 20px 0; text-align: center; } .pageheader-c h1 { color: #F2F5F7; font-size: 3.75rem; line-height: 4.375rem; margin: 0 0 20px 0; } @media (max-width: 640px) { .pageheader-c h1 { font-size: 2.375rem; line-height: 2.875rem; } } .pageheader-c p { max-width: 600px; margin-left: auto; margin-right: auto; } .wp-block-image img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 5px 15px 0 #CCC; box-shadow: 0 5px 15px 0 #CCC; } /* FAQ */ .tax-faq_cat #pageheader { padding: 120px 20px 100px 20px; } .tax-faq_cat .pageheader-c { text-align: left; margin: 0 auto; max-width: 1800px; } .pageheader-w { margin-left: 25%; padding-left: 90px; } .extramargin { padding-left: 80px; } .smallercontent { max-width: 780px; } .tax-faq_cat .pageheader-c p { max-width: none; margin-left: 0; margin-right: 0; } .faq-search { background: #FFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 5px 15px 0 rgba( 0, 0, 0, 0.5 ); box-shadow: 0 5px 15px 0 rgba( 0, 0, 0, 0.5 ); padding: 30px 30px 60px 30px; margin-top: -300px; } .faq-category .section { align-items: flex-start; } .faq-category .f25 { position: -webkit-sticky; position: sticky; top: 400px; } @media (max-width: 960px) { .faq-category .f25 { width: calc( 33.33% - 30px ); } .faq-category .f75 { width: calc( 66.66% - 30px ); } .faq-category .f75.extramargin { padding-left: 0; } } @media (max-width: 840px) { .tax-faq_cat .faq-category .section { display: block; margin: 0; } .tax-faq_cat .faq-search { margin-top: -120px; margin-bottom: 20px; } .tax-faq_cat .faq-category .f25, .tax-faq_cat .faq-category .f75 { width: auto; margin: 0 0 40px 0; display: block; clear: both; float: none; position: static; } .pageheader-w { padding-left: 0; margin-left: 0; } .tax-faq_cat #pageheader { padding: 30px 20px 80px 20px; } } .faq-search form { position: relative; margin: 0 0 30px 0; } .faq-search form input[type="search"] { display: block; -webkit-appearance: none; background: #FFF; border: solid 1px #DADADA; font-size: 1.125rem; line-height: 1; color: #333; padding: 13px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faq-search form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; color: #FFF; width: 43px; height: 43px; z-index: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-indent: 999em; margin: 0; padding: 0; } .faq-search-submit { display: block; position: absolute; top: 5px; right: 5px; background: #ffb059; color: #FFF; width: 39px; height: 39px; z-index: 200; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-indent: 999em; margin: 0; padding: 0; text-indent: 0; text-align: center; line-height: 43px; font-size: 1.375rem; } .faq-search-submit:after { font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; text-indent: 0; color: #FFF; } #menu-faq { margin-left: -30px; } #menu-faq li { margin: 15px 0; padding: 0 24px; border-left: solid 6px #FFF; } #menu-faq a { display: block; color: #878787; font-family: 'Merriweather Sans', sans-serif; font-weight: 700; font-size: 1rem; } #menu-faq li.current-menu-item { border-left: solid 6px #ffb059; } #menu-faq li.current-menu-item a { color: #3d6eb3; font-weight: 700; } .faq-search h3 { color: #3d6eb3; font-size: 1.5rem; line-height: 1.938rem; font-weight: 700; margin: 0 0 30px 0; } .more-content { display: none; padding: 0 0 30px 0; } .readmore h2 { color: #6E6E6E; font-size: 1.125rem; line-height: 1.938rem; font-weight: 700; border-bottom: solid 2px #F2F5F7; padding-bottom: 1.25rem; margin-bottom: 1.25rem; cursor: pointer; } .readmore h2:after { font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90f"; color: #A1AEB7; float: right; margin-top: 15px; } .readmore h2.active:after { content: "\e907"; font-size: 0.188rem; margin-top: 22px; color: #ffb059; } .readmore h2.active { color: #ffb059; } .more-content .btn { padding: 6px 30px; font-size: 0.875rem; font-weight: 700 !important; } .single-so_cpt_faq h1 { font-size: 2.5rem; line-height: 3.125rem; text-align: left; } .single-so_cpt_faq .pageheader-c { text-align: left; max-width: 1800px; } .single-so_cpt_faq .pageheader-c small { text-align: left; margin: 0; } .faq-detail { max-width: 780px; padding: 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faq-main { margin-top: -120px; } .faq-image { margin: 0 0 60px 0; } .faqcat { font-size: 2.5rem; line-height: 47px; color: #3d6eb3; font-weight: 700; margin: 0 0 40px 0; } .faq-detail h2 { font-size: 1.5rem; line-height: 1.938rem; color: #3d6eb3; font-weight: 700; } .tofaq { border-bottom: solid 1px #ffb059; } .tofaq span { font-size: 0.875rem; display: inline-block; margin-right: 10px; } .wp-block-quote { font-size: 1.125rem; line-height: 1.938rem; color: #3d6eb3; font-weight: 700; border-left: solid 6px #3d6eb3; padding: 40px 40px 10px 40px; background: #F2F5F7; margin: 10px 0 30px 60px; position: relative; } .wp-block-quote:after { font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e910"; color: #3d6eb3; position: absolute; top: 0; left: -64px; } .faq-related { background: #F2F5F7; padding: 60px 20px; } .faq-related-c { max-width: 1800px; margin: 0 auto; } .faq-detail { max-width: 780px; padding: 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faq-related-w { max-width: 780px; padding: 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faq-related .readmore { border-bottom: solid 1px #495761; margin-bottom: 1.25rem; } .faq-related .readmore h2 { font-size: 1.125rem; line-height: 1.938rem; color: #495761; font-weight: 700; padding-bottom: 0; } .faq-related .more-content .btn { background: none; } .faq-related .more-content .btn:hover { background: #ffb059; } .faq-related-w > h2 { color: #3d6eb3; font-size: 2.5rem; line-height: 2.938rem; font-weight: 700; margin: 0 0 50px 0; } /* Bigbuttons */ .bigbutton { display: block; background: #FFF; padding: 40px; margin: 0 0 30px 0; color: #3d6eb3; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; text-align: center; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); position: relative; } .fcol.bigbutton { margin: 0 15px 30px 15px; } .bigbutton small { font-size: 0.938rem; color: #3d6eb3; line-height: 1.25rem; display: block; text-align: center; } .bigbutton span { display: block; width: 45px; height: 45px; text-align: center; color: #FFF; font-size: 0.875rem; line-height: 2.813rem; position: absolute; top: 0; left: 0; background: #3d6eb3; } .shareit { text-align: center; font-size: 1rem; } .faq-side { max-width: 340px; float: right; position: sticky; top: 100px; } @media (max-width: 960px) { .faq-category .f25 { width: calc( 33.33% - 30px ); } .faq-category .f75 { width: calc( 66.66% - 30px ); } .faq-category .f75.extramargin { padding-left: 0; } } @media (max-width: 930px) { .faq-main .fcol { width: auto; display: block; margin: 0 0 20px 0; clear: both; float: none; } .faq-main .section { display: block; margin: 0; } .faq-related-w, .faq-detail { max-width: 100%; padding: 0; } .faq-side { float: none; clear: both; max-width: 100%; position: static; top: auto; } } /* Service / Dienst / dienst */ .usplist { max-width: 400px; color: #717171; font-size: 1rem; line-height: 1.5rem; /*margin: 0 0 100px 0;*/ margin: 0 0 60px 0; } .usplist p { color: #717171; font-size: 1rem; line-height: 1.5rem; } .usplist h2 { color: #131313; font-size: 1.313rem; line-height: 1.938rem; font-weight: 700; margin: 0 0 20px 0; } .usplist li { position: relative; padding-left: 40px; } .usplist ul li:before{ content: "\e901"; font-family: 'sab-icons'; position: absolute; top: 4px; left: 0; font-size: 1.563rem; color: #3d6eb3; z-index: 100; background: #FFF; } .usplist ul li:after { content: ''; display: block; width: 1px; background: #a4b4bf; position: absolute; left: 12px; top: 0; height: 100%; padding-bottom: 30px; z-index: 50; } .usplist ul li:first-child:after { margin-top: -50px; padding-bottom: 160px; } .usplist ul li:last-child:after { padding-bottom: 50px; } .usplist ul { position: relative; } .usplist ul:before { content: ''; display: block; width: 9px; height: 9px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: #a4b4bf; position: absolute; top: -55px; left: 8px; } .usplist ul:after { content: ''; display: block; width: 9px; height: 9px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: #a4b4bf; position: absolute; bottom: -50px; left: 8px; } .dienstcontact { max-width: 330px; background: #FFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); padding: 30px; margin-top: -120px; } .dienstcontact a.micro { display: block; color: #575756; font-size: 0.875rem; line-height: 1.125rem; margin: 10px 0 10px 35px; } .dienstcontact h2 { color: #3d6eb3; font-size: 2.188rem; line-height: 2.5rem; margin: 0 0 30px 0; font-weight: 700; } /* .usplistsection { margin-bottom: 40px; } */ .usplistsection { align-items: flex-start; } .usplistsection .dienstside { position: -webkit-sticky; position: sticky; top: 230px; } .serviceteamlid { margin: 30px 0; } .serviceteamlid-info { margin-left: 80px; font-size: 0.75rem; line-height: 1.25rem; color: #3C3C3B; font-weight: 700; padding: 10px 0 0 0; } .serviceteamlid-info small { display: block; color: #878787; font-size: 0.75rem; line-height: 1rem; } .serviceteamlid small:after { content: ''; display: table; clear: both; } .serviceteamlid img { width: 60px; height: 60px; border-radius: 100%; overflow: hidden; display: block; float: left; } @media (max-width: 780px) { .usplistsection { display: block; margin: 0; } .dienstcontact { max-width: 100%; } .usplistsection .dienstside { position: static; top: auto; margin-bottom: 3.75rem; } .usplist { max-width: 100%; } .usplist ul li:first-child:after { margin-top: 0; } .usplist ul:before { content: none; } } .usplistsection .dienstside /* Contact */ .contactoptions { margin-top: -100px; } .contactoptions .bigbutton span { font-size: 21px; line-height: 45px; } .contactform { max-width: 600px; min-height: 400px; background: #FFF; padding: 60px 30px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); margin: 0 auto; position: relative; z-index: 300; } .mapform { margin-top: 40px; } .mapform iframe { margin-top: -170px; position: relative; z-index: 200; } .main h2[class^="sab-"] { font-weight: 700; font-size: 2.688rem; color: #3d6eb3; } .main h2[class^="sab-"]:before { font-size: 1.5rem; color: #3d6eb3; display: inline-block; margin-right: 12px; vertical-align: middle; line-height: 30px; } .pullit img { display: block; margin-top: -120px; } @media (max-width: 600px) { .contactoptions .section { display: block; margin: 0; } } .grecaptcha-badge { visibility: hidden; } /* Mobile menu styling */ #mobmenuback, #mobbutton, #mobbuttons { display: none; } @media (max-width: 880px) { #heading .contact_info { display: none; } #menu_wrapper { left: -950px; top: 0; position: fixed; width: 100%; height: 100%; z-index: 20; padding: 30px; list-style-type: none; -webkit-font-smoothing: antialiased; z-index: 998; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } #mobbuttons a{ border-left: 3px solid #3d6eb3; border-radius: 2px 0 0 2px; color: #3d6eb3; background: #FFF; padding: 10px 10px 10px 30px; position: relative; margin-right: 20px; font-size: 0.75rem; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); } #mobbuttons a:before{ font-family: 'sab-icons'; position: absolute; left: 10px; color: #3d6eb3; font-size: 90%; top: 10%; } #mobbuttons .mail:before{ content: "\e904"; } #mobbuttons .tel:before{ content: "\e900"; } #mobbuttons { display: block; position: fixed; bottom: 0; top: auto; left: 0; z-index: 998; width: 100%; background: url('/wp-content/themes/sab/images/mobback.svg') no-repeat top center; } #mobbuttons a { display: block; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border-radius: 0; border: none; padding: 3px 20px; text-align: center; box-shadow: none; background: none; } #mobbuttons a:before { position: static; display: block; text-align: center; font-size: 1.25rem; } #mobbutton { display: block; width: 51px; height: 51px; position: fixed; bottom: 41px; left: 50%; margin-left: -26px; z-index: 999; background: #ffb059; border-radius: 100%; } #mobbutton span { display: block; width: 22px; height: 2px; position: absolute; top: 50%; left: 14px; background: #FFF; margin-top: -8px; } #mobbutton span:before { content: ''; display: block; width: 22px; height: 2px; position: absolute; top: -6px; left: 0; background: #FFF; margin-top: -1px; } #mobbutton span:after { content: ''; display: block; width: 22px; height: 2px; position: absolute; bottom: -7px; left: 0; background: #FFF; margin-top: -1px; } #mobbutton small { color: #FFF; font-size: 0.688rem; line-height: 0.688rem; text-align: center; display: block; position: absolute; bottom: 9px; left: 0; width: 100%; } #mobmenuback { display: block; width: 40px; height: 40px; position: fixed; bottom: 46px; left: 50%; margin-left: -20px; z-index: 997; background: #3d6eb3; border-radius: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .showmobmenu #mobmenuback { transform: scale( 54 ); } #menu_header { position: static; top: auto; left: auto; right: auto; } .showmobmenu #menu_wrapper { left: 0; } .menu_default li { padding: 0; font-size: 1.375rem; } #menu_wrapper ul li { display: block; } .mainmenu, .mainmenu_actions{ float: none; margin: 0; } .mainmenu_actions > ul.menu{ display: inline-block; } .menu_default .menu-item-has-children:hover .sub-menu{ position: relative; background: none; } #menu_header .mainmenu .menu-item a, #menu_header .mainmenu_actions .menu-item a, #menu_header .mainmenu_actions .wpml-ls-item > a:after, #menu_header .mainmenu_actions .wpml-ls-item > a:before, #menu_header .mainmenu_actions > ul > li > a:before { color: #FFF; } .menu_default .sub-menu { background: none; display: block; box-shadow: none; padding: 0 0 0 17px; margin: 0 0 10px 0; } .menu_default .sub-menu li { margin: 0; padding: 0; } .menu_default .sub-menu li a { font-size: 0.875rem; line-height: 1rem; } .menu_default .sub-menu a { color: #FFF; } #menu_header.scrolled .mainmenu_actions .login > a:before, #menu_header.scrolled .mainmenu_actions .wpml-ls-item > a:before, #menu_header.scrolled .mainmenu_actions .wpml-ls-item > a:after, #menu_header.scrolled .mainmenu_actions .menu-item > a, #menu_header.scrolled .mainmenu_actions .login > a, #menu_header.scrolled .mainmenu .menu-item > a { color: #FFF; } #heading { height: auto; min-height: auto; } #heading .info_block_wrapper { padding: 30px 0; } #heading h1 { color: #FFF; font-size: 2.188rem; line-height: 2.5rem; text-align: center; } #heading h3 { color: #FFF; font-size: 1.5rem; text-align: center; line-height: 1.875rem; } #heading .info_block { text-align: center; } #heading .btn_wrapper { margin: 30px 0; } #heading .btn_wrapper a { margin-right: 0; } #heading .btn_wrapper .btn.white { display: none; } } /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} /* Case archief */ .main.case-overzicht { margin-top: -130px; } .case_item_uitgelicht { border-radius: 8px; display: flex; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); overflow: hidden; min-height: 364px; margin-bottom: 3.375rem; } .case_item_uitgelicht .case_afb { flex-grow: 1; width: 50%; height: 100%; background-position: center; background-size: cover; position: relative; z-index: 0; padding: 16px; box-sizing: border-box; } .case_item_uitgelicht .case_afb:before { content: ''; width: 100%; height: 100%; display: block; left: 0; top: 0; position: absolute; background-color: #02263D; mix-blend-mode: color; z-index: 1; } .case_item_uitgelicht .case_afb a { position: relative; z-index: 2; display: inline-block; background-color: rgba(229, 0, 70, 0.76); border-radius: 4px; color: #fff; font-size: 0.75rem; line-height: 2rem; padding: 0 10px 0 30px; } .case_item_uitgelicht .case_afb > a > span { position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid white; left: 10px; top: 50%; transform: translateY(-50%); } .case_item_uitgelicht .case_gegevens { flex-grow: 1; width: 50%; height: 100%; display: inline-flex; flex-direction: column; align-items: flex-start; padding: 32px; box-sizing: border-box; background-color: #02263D; } .case_item_uitgelicht .case_gegevens img { height: 38px; width: auto; display: inline-block; filter: brightness(0) invert(1); margin-bottom: 1.5rem; } .case_item_uitgelicht .case_gegevens h4 { font-size: 1.25rem; line-height: 2rem; color: #fff; font-style: italic; font-weight: bold; letter-spacing: 0; margin-bottom: 1.5rem; } .case_item_uitgelicht .case_gegevens h4:before { content: '"'; } .case_item_uitgelicht .case_gegevens h4:after { content: '"'; } .case_item_uitgelicht .case_gegevens.vacature h4 { font-style: normal; } .case_item_uitgelicht .case_gegevens.vacature h4:before, .case_item_uitgelicht .case_gegevens.vacature h4:after { content: none; } .case_item_uitgelicht .case_gegevens .dienst_tags { display: inline-flex; flex-direction: row; margin-bottom: 0.75rem; width: 100%; } .case_item_uitgelicht .case_gegevens .dienst_tag { display: inline-block; background-color: rgba(255, 255, 255, 0.13); border-radius: 4px; line-height: 1.5rem; font-size: 0.75rem; color: #fff; margin-right: 4px; margin-bottom: 4px; padding: 0 8px; } .case_item_uitgelicht .case_gegevens a { margin-top: auto; border-bottom: solid 1px #FF4880; color: #FF4880; font-size: 0.875rem; line-height: 1.25rem; margin-right: 16px; position: relative; } .case_item_uitgelicht .case_gegevens a:before { display: block; position: absolute; right: -16px; color: #FF4880; font-size: 0.875rem; top: 4px; content: "\e90c"; transform: rotate(180deg); font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 600px) { .case_item_uitgelicht .case_afb { width: 30%; } .main.case-overzicht { margin-top: -40px; } } @media (max-width: 450px) { .case_item_uitgelicht .case_afb { width: 20%; } } @media (max-width: 390px) { .case_item_uitgelicht .case_afb { width: 10%; } .case_item_uitgelicht .case_gegevens { padding: 32px 16px; } } .case_item { border-radius: 8px; background-color: #F2F5F7; flex-direction: column; display: flex; overflow: hidden; padding: 48px 40px; box-sizing: border-box; min-height: 364px; position: relative; align-items: flex-start; } .case_item a.video_link { position: absolute; z-index: 2; right: 16px; top: 16px; display: inline-block; background-color: rgba(229, 0, 70, 0.76); border-radius: 4px; color: #fff; font-size: 0.75rem; line-height: 2rem; padding: 0 10px 0 30px; } .case_item a.video_link > span { position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid white; left: 10px; top: 50%; transform: translateY(-50%); } .case_item img { height: 38px; width: auto; display: inline-block; margin-bottom: 1.5rem; } .case_item h4 { font-size: 1.25rem; line-height: 2rem; color: #121212; font-style: italic; font-weight: bold; letter-spacing: 0; margin-bottom: 1.5rem; } .case_item h4:before { content: '"'; } .case_item h4:after { content: '"'; } .case_item .dienst_tags { display: inline-flex; flex-direction: row; margin-bottom: 0.75rem; width: 100%; } .case_item .dienst_tag { display: inline-block; background-color: rgba(0, 49, 80, 0.13); border-radius: 4px; line-height: 1.5rem; font-size: 0.75rem; color: #3d6eb3; margin-right: 4px; margin-bottom: 4px; padding: 0 8px; } .case_item a.case_link { margin-top: auto; border-bottom: solid 1px #FF4880; color: #FF4880; font-size: 0.875rem; line-height: 1.25rem; margin-right: 16px; position: relative; } .case_item a.case_link:before { display: block; position: absolute; right: -16px; color: #FF4880; font-size: 0.875rem; top: 4px; content: "\e90c"; transform: rotate(180deg); font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 420px) { .case_item { padding: 24px; } } /* Cases single pagina */ .pageheader-cases > .f50:first-of-type { padding-right: 120px; } .pageheader-cases.vacature > .f50:first-of-type { display: flex; justify-content: center; flex-direction: column; text-align: left; } .pageheader-cases.vacature > .f50:first-of-type .popup-btn { margin-top: 48px; } .pageheader-cases.vacature > .f50:first-of-type .wp-block-button { display: inline-block; } .pageheader-cases.vacature > .f50:first-of-type .wp-block-button.telefoon a{ color: #FFF; } .pageheader-cases h1 { text-align: left; position: relative; z-index: 0; font-style: italic; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0; } .pageheader-cases h1:before { font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e910"; color: #ffb059; position: absolute; top: 0px; left: -20px; font-size: 3.75rem; position: absolute; z-index: -1; } .pageheader-cases.vacature h1 { font-weight: 900; font-style: normal; font-size: 40px; line-height: 60px; letter-spacing: 0; font-family: 'Roboto'; } .pageheader-cases.vacature h1:before { content: none; } .pageheader-c.vacature p.intro { margin: 0; font-size: 21px; line-height: 32px; font-family: 'Merriweather Sans', sans-serif; text-align: left; } .pageheader-cases hr { margin: 48px 0 32px 0; border-color: #FFF; opacity: 0.3; border-bottom-width: 0; } .pageheader-cases .quote_gever { display: flex; } .pageheader-cases .quote_gever .quote_pasfoto { display: inline-flex; height: 62px; width: 62px; min-width: 62px !important; border-radius: 100%; border: 4px solid #174364; box-sizing: border-box; margin-right: 12px; background-position: center; background-size: cover; } .pageheader-cases .quote_gever > div:last-of-type { display: inline-flex; flex-direction: column; } .pageheader-cases .quote_gever h6 { text-align: left; font-weight: bold; font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 4px; margin-top: auto; } .pageheader-cases .quote_gever span { text-align: left; font-size: 0.875rem; line-height: 1.125rem; opacity: 0.6; margin-bottom: auto; } .pageheader-cases .case_afb { padding-top: 56.25%; background-position: center; background-size: cover; border-radius: 6px; position: relative; } .pageheader-cases .case_afb > a { display: block; position: absolute; left: calc(50% - 52px); top: calc(50% - 36px); width: 106px; height: 72px; background-color: rgba(229, 0, 70, 0.76); border-radius: 4px; } .pageheader-cases .case_afb > a:hover { transform: scale(1.05); } .pageheader-cases .case_afb > a > span { position: absolute; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 22px solid white; left: 50%; top: 50%; transform: translate(-50%, -50%); } .case-main > .section { margin-bottom: 64px; } .case-main hr { margin: 32px 0; border-color: #F2F5F7; border-bottom-width: 0; } .case-main .tocases { border-bottom: solid 1px #ffb059; font-size: 0.875rem; line-height: 1.25rem; margin-left: 24px; position: relative; margin-bottom: 5.375rem; } .case-main .tocases:before { display: block; position: absolute; left: -24px; color: #ffb059; font-size: 1rem; top: 0; content: "\e90c"; font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .case-main ul { padding-left: 30px; margin: 0 0 25px 0; } .case-main ul li { position: relative; color: #121212; font-size: 18px; line-height: 28px; padding-bottom: 16px; padding-left: 16px; } .case-main ul li:before { content: "\e901"; font-family: 'sab-icons'; position: absolute; top: 4px; left: -30px; font-size: 25px; color: #003150; z-index: 100; background: #FFF; } .case-main.vacature p { font-family: 'Merriweather Sans', sans-serif; letter-spacing: 0px; color: #3C3C3B; line-height: 31px; font-size: 21px; } .case-side { max-width: 420px; margin: 0 auto; position: sticky; top: 100px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.07); } .highlight { background-color: #F2F5F7; padding: 40px 56px 40px 40px; } .highlight h2 { font-size: 40px; line-height: 48px; color: #131313; font-weight: 900; margin-bottom: 20px; } .highlight p { color: #717171; } .wp-block-button.telefoon .wp-block-button__link { color: #000; background: none; border: none; box-shadow: none; } .wp-block-button.telefoon a:before { content: "\e900"; padding-right: 8px; font-family: 'sab-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .case-side .logo { width: 100%; background-color: #fff; padding: 20px; box-sizing: border-box; border-radius: 4px 4px 0 0; } .case-side .logo img { display: block; height: 72px; width: auto; margin: 0 auto; } .case-side .meta { width: 100%; background-color: #3d6eb3; padding: 8px 40px 40px 40px; box-sizing: border-box; border-radius: 0 0 4px 4px; color: #fff; } .case-side .meta.vacature { width: 100%; background-color: #FFF; padding: 8px 40px 40px 40px; box-sizing: border-box; border-radius: 0 0 4px 4px; color: #fff; } .case-side .meta.vacature .wp-block-button { margin-top: 32px; } .case-side .meta h5 { font-weight: bold; font-size: 0.875rem; line-height: 1.063rem; letter-spacing: 1.7px; opacity: 0.7; color: inherit; margin-top: 32px; } .case-side .meta.vacature h5 { letter-spacing: 1.68px; color: #003150; opacity: 0.72; font-size: 14px; line-height: 17px; } .case-side .meta span { font-weight: bold; font-size: 1.125rem; line-height: 2rem; letter-spacing: 0px; color: inherit; } .case-side .meta.vacature span { letter-spacing: 0px; color: #003150; opacity: 1; display: block; } @media (max-width: 1000px) { .pageheader-cases > .f50:first-of-type { padding-right: 60px; } } @media (max-width: 850px) { .pageheader-cases > .f50:first-of-type { padding-right: 0px; } } @media (max-width: 780px) { .pageheader-cases.section > .fcol:last-child { min-width: 100%; min-height: 300px; padding-top: 50px; } .case-main > .section > .fcol:last-child { min-width: 100%; } .case-main .case-side { display: block; margin: 0 auto; position: relative; margin-bottom: 64px } } @media (max-width: 500px) { .pageheader-cases .case_afb > a { transform: scale(0.6); } } .gutencontent ul > li{ margin-bottom: 0.625rem; font-weight: 700; margin-left: 40px; } .gutencontent ul > li:before{ content: "\e901"; font-family: 'sab-icons'; position: absolute; margin-left: -40px; font-size: 120%; color: #3d6eb3; } /* Image fix on pages */ body.page-template-default div.main.pullup .gutencontent figure.wp-block-image:not(.pullit) { display: inline-block; } body.page-template-default div.main.pullup .gutencontent figure.wp-block-image:not(.pullit) img { height: auto; width: 100%; } /* Download buttons - Contact page */ .downloadbtns h2 { color: #323232; font-size: 2rem; line-height: 2rem; margin-bottom: 0; } .downloadbtns .downloadbtn { position: relative; background: #E3EAF4; padding: 10px; transition: 0.2s ease all; } .downloadbtns .downloadbtn:hover { -webkit-box-shadow: 0px 2px 15px -8px rgba(0,0,0,0.24); box-shadow: 0px 2px 15px -8px rgba(0,0,0,0.24); } .downloadbtns .downloadbtn a { color: #3D6FB3; margin-top: 5px; height: 50px; display: flex; align-items: center; font-weight: 600; font-size: 16px; } .downloadbtns .downloadbtn a:before { content: ''; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='448.000000pt' height='448.000000pt' viewBox='0 0 448.000000 448.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,448.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none' style='&%2310; fill: %233F71B4;&%2310;'%3E%3Cpath d='M2175 4466 c-37 -17 -70 -52 -84 -89 -8 -20 -11 -467 -11 -1450 l0 -1422 -442 442 c-480 478 -464 465 -555 448 -49 -9 -109 -69 -118 -118 -18 -93 -44 -61 603 -709 648 -648 616 -620 709 -603 34 5 107 76 635 603 647 648 621 616 603 709 -9 49 -69 109 -118 118 -91 17 -75 30 -554 -448 l-443 -441 -2 1436 c-3 1433 -3 1437 -24 1464 -11 15 -32 37 -46 47 -34 25 -113 32 -153 13z'/%3E%3Cpath d='M95 1106 c-41 -18 -83 -69 -90 -109 -4 -18 -5 -196 -3 -397 l3 -365 34 -63 c38 -70 69 -100 145 -140 l51 -27 2005 0 2005 0 51 27 c76 40 107 70 145 140 l34 63 0 392 c0 380 -1 392 -21 419 -39 53 -71 69 -134 69 -63 0 -95 -16 -134 -69 -20 -26 -21 -42 -24 -377 l-3 -349 -1919 0 -1919 0 -3 349 c-3 335 -4 351 -24 377 -11 15 -32 37 -46 47 -33 25 -113 32 -153 13z'/%3E%3C/g%3E%3C/svg%3E"), #F7FAFC; height: 20px; width: 20px; display: inline-block; margin-top: -5px; margin-right: 15px; padding: 15px; background-size: 20px; background-repeat: no-repeat; background-position: center; -webkit-box-shadow: 0px 2px 15px -8px rgba(0,0,0,0.24); box-shadow: 0px 2px 15px -8px rgba(0,0,0,0.24); } .downloadbtns .downloadbtn a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; } @media (max-width: 1500px) { .downloadbtns .downloadbtn { width: calc( 33.33% - 30px ); } } @media (max-width: 1100px) { .downloadbtns .downloadbtn { width: calc( 50% - 30px ); } } @media (max-width: 700px) { .downloadbtns .downloadbtn { width: calc( 100% - 30px ); } } /* Responsive - 2k monitors */ @media (min-width: 2000px) { :root { --container-size: 1800px; } .case-side { margin: 0 0 0 auto; } .employee_block { width: calc( 25% - 30px ); } #software_detail_section .content .wrapper { max-width: unset; } #software_detail_section .content { padding: 20px 8% 20px 20px; } .contactoptions .f33 { width: calc( 25% - 30px ); } .contactoptions > .section { justify-content: center; } #heading .heading_img { background-position: center left; } } /* Responsive - 3k monitors */ @media (min-width: 2880px) { :root { --container-size: 2100px; } html { font-size: 110%; } .employee_block { width: calc( 20% - 30px ); } .contactoptions .f33 { width: calc( 20% - 30px ); } #heading { min-height: 650px; } #heading #heading_content { padding: 235px 20px 140px 20px; } } /* Responsive - 4k monitors */ @media (min-width: 3840px) { :root { --container-size: 2600px; } html { font-size: 135%; } .employee_block { width: calc( 16% - 30px ); } #heading { min-height: 700px; } #heading #heading_content { padding: 260px 20px 165px 20px; } } #formpopup { display: none; position: fixed; background-color: #FFF; padding: 48px 32px; max-width: 550px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; overflow-y: scroll; overflow-x: hidden; max-height: 100%; } #formpopup + .cover { display: none; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:-1; width: 100vw; height: 100vh; z-index: 1000; } #formpopup input[type="text"], #formpopup input[type="email"], #formpopup input[type="number"], #formpopup textarea { border: 1px solid #D9DDE0; border-radius: 2px; } #formpopup textarea { min-height: 150px; resize: none; margin: 0; } #formpopup input[type="submit"] { padding: 20px 40px; background: #c40046; color: #FFF; font-size: 16px; font-weight: 500; letter-spacing: -0.2px; transition: .2s ease all; border: 0; width: 100%; display: block; } #formpopup hr { border-bottom: 1px solid #707070; margin-left: -50%; margin-right: -50%; } #formpopup span.titel { font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #2C363C; display: block; text-align: center; padding-bottom: 16px; padding-right: 32px; } #formpopup .icon-close { position: absolute; top: 20px; right: 32px; cursor: pointer; width: 30px; height: 30px; } #formpopup .icon-close span { display: inline-block; width: 24px; height: 3px; background: #000; } #formpopup .icon-close span:first-of-type { } @media (max-width: 900px) { #formpopup { width: 400px; } } @media (max-width: 450px) { #formpopup { width: 100%; max-width: 100%; overflow-x: hidden; } }
Wat we doen

Bekijk ook onze diensten

Vraag een persoonlijke demo aan!

Maak kennis met onze software. Laat uw gegevens achter en wij nemen contact met u op om op locatie of bij ons op kantoor een vrijblijvende demo aan te bieden.

Boek een demo

Maak een vrijblijvende afspraak

Menu
info@emac-bedrijfsadvies.nl 0493 820 010