Online in één salarisapplicatie
samenwerken?

Dus toegankelijk voor zowel de werkgever,
werknemer als provider? Ja, dat kan.

Ontdek het gemak van salarisadministratie en HR.

Wij ontzorgen de ondernemer met de verwerking van de salarissen in één online applicatie.

Passie voor personeel

Creëer rust in uw organisatie met onze salarisapplicatie

Personeel is zeer waardevol voor uw onderneming. Het is dan ook zaak goed voor uw mensen te zorgen. Zij verwachten een correcte uitbetaling van het afgesproken salaris. Daarom moet de salarisadministratie snel, efficiënt en vakkundig worden uitgevoerd en salarismutaties direct worden verwerkt. Nieuwe wetten en regels volgen elkaar in hoog tempo op. CAO-wijzigingen, loonkostensubsidies, pensioen- en VUT-regelingen, onkostenvergoedingen, auto van de zaak, re-integratie van zieke werknemers, opbouw van personeelsdossiers, ontslagkwesties en vele andere zaken vereisen een constante aandacht. Ook de Belastingdienst vereist precisie en punctuele aanlevering van velerlei gegevens.

Een goed verzorgde salarisadministratie zorgt voor rust in uw organisatie. Zodat u zich volledig kunt concentreren op het ondernemerschap.

Wie staat er voor u klaar

Salarisadvies Brabant

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


Jeroen Verreijt RSa Personeels- en salarisadviseur


Diny Bron Assistent salarisadministrateur


Gerard van Asseldonk Personeels- en salarisadviseur


Eric van den Boom Personeels- en salarisadviseur


Twan de Louw Eigenaar


Caroline Bolder Secretaresse


Sander de Louw Support medewerker


Elisabeth Schreuder Secretaresse

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.

Demo aanvragen

Maak een vrijblijvende afspraak

Menu
info@salarisadviesbrabant.nl 0413 483 110
/* 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: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* = Some basic coloring -------------------------------------------------------------- */ ::-moz-selection { background: #E50046; color: #FFF; } ::-webkit-selection { background: #E50046; color: #FFF; } ::selection { background: #E50046; color: #FFF; } a { color: #E50046; 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: 18px; line-height: 30px; color: #575756; -webkit-font-smoothing: antialiased; } p { margin: 0 0 25px 0; font-size: 18px; line-height: 28px; } p small { font-size: 11px; color: #999999; } strong { font-weight: bold; } small { font-size: 75%; } em, i { font-style: italic; } h1 { font-size: 52px; line-height: 56px; letter-spacing: -1px; font-weight: 700;} h2 { font-size: 42px; line-height: 48px; letter-spacing: -1px; font-weight: 700;} h3 { font-size: 20px; line-height: 26px; letter-spacing: -1px; } h4 { font-size: 16px; line-height: 20px; letter-spacing: -1px; } h1 { margin: 0 0 15px 0; color: #323232; text-transform: none; } h2 { margin: 0 0 15px 0; color: #323232; text-transform: none; } h3 { margin: 0 0 15px 0; color: #323232; text-transform: none; } h4 { margin: 0 0 15px 0; color: #323232; text-transform: none; } h1, h2, h3, h4, h5 { font-family: 'Titillium Web', sans-serif; font-style: normal; color: #003150; } h1 span, h2 span { color: #E50046; } 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 40px; line-height: 1.45; position: relative; color: #999999; } blockquote cite { color: #aaaaaa; font-size: 12px; display: block; margin-top: 5px; } /* = 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: 14px; padding: 15px 50px; position: relative; display: inline-block; background-color: #E50046; border: solid 1px #E50046; 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; } /* = 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: 14px; padding: 15px 50px; position: relative; display: inline-block; background-color: #E50046; border: solid 1px #E50046; 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 #E50046; color: #E50046; } .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: #E50046; 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: #E50046; 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: 10px; 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: #003150; } .wp-block-media-text__content ul > li{ margin-bottom: 10px; 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: #003150; } /* content */ /* formulier */ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #808184; opacity: 1; /* Firefox */ font-size: 15px; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #808184; font-size: 15px; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #808184; font-size: 15px; } .wpcf7 p { margin:0; } .wpcf7 label { font-size: 12px; line-height: 16px; 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: #E50046; border: solid 1px #E50046; 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: 16px; 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: 14px; padding: 15px 50px; position: relative; display: inline-block; background-color: #E50046; 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: 20px; 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; } .home #menu_header #header_c { border: none; } #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: 14px; } /* 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: #838B91; 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: #003150; white-space: nowrap; } .menu_default .sub-menu .menu-item:hover > a{ font-weight: 400; color: #E50046; } .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: #617889; } #menu_header.scrolled .mainmenu .menu-item > a { color: #617889; } #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: #E50046; } /* 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: 550px;*/ 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: 200px 20px 100px 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 #003150; border-radius: 2px 0 0 2px; color: #003150; background: #FFF; padding: 10px 10px 10px 30px; position: relative; margin-right: 20px; font-size: 12px; -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: #003150; font-size: 90%; top: 10%; } #heading .contact_info .mail:before{ content: "\e904"; } #heading .contact_info .tel:before{ content: "\e900"; } .google-maps { margin-top: 40px; } .google-maps .map { display: inline-block; width: calc(50% - 4px); box-sizing: border-box; } .google-maps .map:first-child { border-right: 4px solid #fff; } .google-maps .map:last-child { border-left: 4px solid #fff; } .google-maps iframe { margin-top: -170px; position: relative; z-index: 200; } @media (max-width: 670px) { .google-maps .map { aspect-ratio: 4/6; } .google-maps iframe { margin-top: 0px; width: 100%; height: 100%; } } /* END contact info */ /* info block */ #heading h1{ font-size: 62px; line-height: 62px; color: #003150 } #heading h3{ margin-top: 25px; color: #425866; font-weight: 700; font-size: 30px; font-family: 'Merriweather Sans', sans-serif; } #heading .btn_wrapper{ margin-top: 60px; } #heading .btn_wrapper a{ margin-right: 20px; } /* END info block */ /* END s1: Heading */ /* General sections */ .section_title{ font-weight: 700; font-size: 43px; line-height: 48px; text-align: center; color: #003150; margin-bottom: 60px; } .section_subtitle{ font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #E50046; font-size: 20px; text-align: center; margin-bottom: 8px; } .is-style-rode-tekst { font-family: 'Titillium Web', sans-serif; color: #E50046; font-weight: 600; margin-bottom: 8px; } /* 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 #E50046; 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: 20px; } .service_block h3{ font-weight: 600; font-size: 25px; color: #131313; } .service_block p{ color: #717171; font-size: 16px; } .service_block .read_more{ text-decoration: underline; font-weight: 800; font-size: 14px; } .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: 70px; } .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: 5px; color: #003150; } .employee_info span{ display: block; color: #617889; } .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: #003150; 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; margin: 60px 0 100px 0; } #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: 50%; } #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; } #software_detail_section .detail .wrapper{ margin-right: -20%; max-width: 2100px; max-height: 767px; } #software_detail_section .detail img{ margin-top: -6%; } @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: 60px 0 60px 0; } #demo_block_section .col, #demo_block_section .fcol{ padding: 40px; display: flex; justify-content: center; flex-direction: column; } #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: 40px; line-height: 46px; } #demo_block_section p{ color: #D9FFFB; } .contact_wrapper a{ float: left; margin-right: 30px; } .contact_wrapper a:nth-child(1):hover{ border: 1px solid #E50046; color: white; } .contact_wrapper a:nth-child(2):hover{ color: #E50046; } .contact_wrapper .tel{ color: white; line-height: 50px; padding-left: 20px; font-size: 14px; 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: 80px 0px; } .footerlogo { display: block; max-width: 250px; height: auto; } .footer-c h3 { font-family: 'Merriweather Sans', sans-serif; color: #003150; font-weight: 700; font-size: 18px; } @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: 22px; } .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: 20px 0px; } .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: #E50046; font-size: 12px; line-height: 12px; } .main_footer #menu-taal > li > a:before { font-family: 'sab-icons'; content: "\e913"; color: #E50046; font-size: 20px; display: inline-block; margin-right: 10px; } .main_footer #menu-taal > li > a:after { font-family: 'sab-icons'; content: "\e909"; color: #E50046; font-size: 10px; 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; } /* 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: 16px; display: block; margin: 0 0 20px 0; text-align: center; } .pageheader-c h1 { color: #F2F5F7; font-size: 60px; line-height: 70px; margin: 0 0 20px 0; } @media (max-width: 640px) { .pageheader-c h1 { font-size: 38px; line-height: 46px; } } .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: 18px; 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: #E50046; 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: 22px; } .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: 16px; } #menu-faq li.current-menu-item { border-left: solid 6px #E50046; } #menu-faq li.current-menu-item a { color: #003150; font-weight: 700; } .faq-search h3 { color: #003150; font-size: 24px; line-height: 31px; font-weight: 700; margin: 0 0 30px 0; } .more-content { display: none; padding: 0 0 30px 0; } .readmore h2 { color: #6E6E6E; font-size: 18px; line-height: 31px; font-weight: 700; border-bottom: solid 2px #F2F5F7; padding-bottom: 20px; margin-bottom: 20px; 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: 3px; margin-top: 22px; color: #E50046; } .readmore h2.active { color: #E50046; } .more-content .btn { padding: 6px 30px; font-size: 14px; font-weight: 700 !important; } .single-so_cpt_faq h1 { font-size: 40px; line-height: 50px; 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: 40px; line-height: 47px; color: #003150; font-weight: 700; margin: 0 0 40px 0; } .faq-detail h2 { font-size: 24px; line-height: 31px; color: #003150; font-weight: 700; } .tofaq { border-bottom: solid 1px #E50046; } .tofaq span { font-size: 14px; display: inline-block; margin-right: 10px; } .wp-block-quote { font-size: 18px; line-height: 31px; color: #003150; font-weight: 700; border-left: solid 6px #003150; 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: #003150; 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: 20px; } .faq-related .readmore h2 { font-size: 18px; line-height: 31px; color: #495761; font-weight: 700; padding-bottom: 0; } .faq-related .more-content .btn { background: none; } .faq-related .more-content .btn:hover { background: #E50046; } .faq-related-w > h2 { color: #003150; font-size: 40px; line-height: 47px; font-weight: 700; margin: 0 0 50px 0; } /* Bigbuttons */ .bigbutton { display: block; background: #FFF; padding: 40px; margin: 0 0 30px 0; color: #003150; font-size: 18px; line-height: 28px; 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: 15px; color: #617889; line-height: 20px; display: block; text-align: center; } .bigbutton span { display: block; width: 45px; height: 45px; text-align: center; color: #FFF; font-size: 14px; line-height: 45px; position: absolute; top: 0; left: 0; background: #617889; } .shareit { text-align: center; font-size: 16px; } .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: 16px; line-height: 24px; margin: 0 0 100px 0; } .usplist p { color: #717171; font-size: 16px; line-height: 24px; } .usplist h2 { color: #131313; font-size: 21px; line-height: 31px; 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: 25px; color: #003150; 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: -130px; padding-bottom: 160px; } .usplist ul li:last-child:after { padding-bottom: 100px; } .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: -130px; 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: -100px; 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: 14px; line-height: 18px; margin: 10px 0 10px 35px; } .dienstcontact h2 { color: #003150; font-size: 35px; line-height: 40px; margin: 0 0 30px 0; font-weight: 700; } .usplistsection { margin-bottom: 60px; } .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: 12px; line-height: 20px; color: #3C3C3B; font-weight: 700; padding: 10px 0 0 0; } .serviceteamlid-info small { display: block; color: #878787; font-size: 12px; line-height: 16px; } .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: 60px; } .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; } .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: 43px; color: #003150; } .main h2[class^="sab-"]:before { font-size: 24px; color: #617889; display: inline-block; margin-right: 12px; vertical-align: middle; line-height: 30px; } .pullit:first-child 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 #003150; border-radius: 2px 0 0 2px; color: #003150; background: #FFF; padding: 10px 10px 10px 30px; position: relative; margin-right: 20px; font-size: 12px; -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: #003150; 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: 20px; } #mobbutton { display: block; width: 51px; height: 51px; position: fixed; bottom: 41px; left: 50%; margin-left: -26px; z-index: 999; background: #E50046; 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: 11px; line-height: 11px; 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: #003150; 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: 22px; } #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: 14px; line-height: 16px; } .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; } #heading .info_block_wrapper { padding: 30px 0; } #heading h1 { color: #FFF; font-size: 35px; line-height: 40px; text-align: center; } #heading h3 { color: #FFF; font-size: 24px; text-align: center; line-height: 30px; } #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: 54px; } .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: 12px; line-height: 32px; 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: 24px; } .case_item_uitgelicht .case_gegevens h4 { font-size: 20px; line-height: 32px; color: #fff; font-style: italic; font-weight: bold; letter-spacing: 0; margin-bottom: 24px; } .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: 12px; 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: 24px; font-size: 12px; 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: 14px; line-height: 20px; margin-right: 16px; position: relative; } .case_item_uitgelicht .case_gegevens a:before { display: block; position: absolute; right: -16px; color: #FF4880; font-size: 14px; 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: 12px; line-height: 32px; 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: 24px; } .case_item h4 { font-size: 20px; line-height: 32px; color: #121212; font-style: italic; font-weight: bold; letter-spacing: 0; margin-bottom: 24px; } .case_item h4:before { content: '"'; } .case_item h4:after { content: '"'; } .case_item .dienst_tags { display: inline-flex; flex-direction: row; margin-bottom: 12px; width: 100%; } .case_item .dienst_tag { display: inline-block; background-color: rgba(0, 49, 80, 0.13); border-radius: 4px; line-height: 24px; font-size: 12px; color: #003150; 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: 14px; line-height: 20px; margin-right: 16px; position: relative; } .case_item a.case_link:before { display: block; position: absolute; right: -16px; color: #FF4880; font-size: 14px; 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: 40px; line-height: 48px; 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: #E50046; position: absolute; top: 0px; left: -20px; font-size: 60px; 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: 14px; line-height: 18px; margin-bottom: 4px; margin-top: auto; } .pageheader-cases .quote_gever span { text-align: left; font-size: 14px; line-height: 18px; 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 #E50046; font-size: 14px; line-height: 20px; margin-left: 24px; position: relative; margin-bottom: 86px; } .case-main .tocases:before { display: block; position: absolute; left: -24px; color: #E50046; font-size: 16px; 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: #003150; 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: 14px; line-height: 17px; 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: 18px; line-height: 32px; 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); } } /* Download buttons - Contact page */ .downloadbtns h2 { color: #323232; font-size: 2rem; line-height: 2rem; margin-bottom: 0; } .downloadbtns .downloadbtn { position: relative; background: #F2F5F7; 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: #003150; 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: %23003150;&%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"), #FFF; /*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 ); } } #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

Menu
info@salarisadviesbrabant.nl 0413 483 110