info@emac-bedrijfsadvies.nl 0493 820 010

EMAC Bedrijfsadvies

Volledige digitale administratie

Afspraak maken Of bekijk alle diensten
Ontdek het gemak van een digitale administratie.

EMAC Bedrijfsadvies

Onze manier van werken

Met één vast contact persoon samenwerken om uw droom te realiseren

Lees verder

Diensten

Op zoek naar financiële rust en wilt u volledig ontzorgd worden in een digitale omgeving?

Lees verder

Bedrijfscoach voor ondernemers

Begeleiden naar optimale resultaten op lange termijn. Behoefte aan persoonlijke feedback?

Lees verder

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!

Bekijk onze werkwijze
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

Ingrid de Louw Financieel Manager

Hans Verhagen Assistent-Accountant

Femke Klaversma Junior Assistent-Accountant

Sander de Louw Assistent-Accountant

Caroline Bolder Secretaresse

Martin Frunt Assistent-Accountant

Elisabeth Schreuder Secretaresse
Kom meer over ons te weten

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; } }

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

Neem contact op 0493 820 010
Menu
info@emac-bedrijfsadvies.nl 0493 820 010