/* ----------------------------------------- */ /* View slug: vacatures-radius - start */ /* ----------------------------------------- */ .filterbox input { padding:5px 10px; border:1px solid black!important; margin-right:5px; } input.form-control.js-toolset-maps-distance-value { padding:5px!important; width:50px; } .filterbox input, .filterbox button { font-size:12px; } .js-toolset-maps-distance-unit { display:none!important; } .filterbox button { background-color: #221814; border: none; display: inline-block; padding: 11px 20px; margin-right: 10px; color: #fff; border-top-right-radius: 20px!important; border-bottom-right-radius: 20px!important; font-weight: 900; } .filterbox button:hover { background-color:#f882bf } .form-grouphorizontal .form-control { display:inline-block; width:20vw; } .filterbox .form-grouphorizontal { text-align:center; position:relative; } .filterbox input { height:40px; } .form-group { display:inline-block } .home .filterbox { margin: 20px auto 0px; background-color:transparent!important; } .radiusresults { list-style: none; } /* ----------------------------------------- */ /* View slug: vacatures-radius - stop */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: vacature-search-simple - start */ /* ----------------------------------------- */ .footerbox input { padding:5px 10px; border:1px solid black!important; margin-right:5px; } input.form-control.js-toolset-maps-distance-value { padding:5px!important; width:50px; } .footerbox input, .footerbox button { font-size:12px; } .js-toolset-maps-distance-unit { display:none!important; } .footerbox button { background-color: #f882bf; border: none; display: inline-block; padding: 6px 20px; margin-right: 0px; color: #fff; border-top-right-radius: 20px!important; border-bottom-right-radius: 20px!important; font-weight: 900; } .footerbox button:hover { background-color:#221814; } .footerbox .form-grouphorizontal .form-control { display:inline-block; width:50%; } .footerbox .form-grouphorizontal { text-align:right; margin-left:100px; } .form-group { display:inline-block } .footerbox { margin: 20px auto 0px; background-color:transparent!important; } /* ----------------------------------------- */ /* View slug: vacature-search-simple - stop */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recente-vacatures - start */ /* ----------------------------------------- */ a { color:#f882bf; } .vactitel { margin-bottom:20px; } .vactitel a { font-size: 20px; } .vactitel a:hover { color:#f882bf; } .recentwrapper { text-align:center; padding:50px; background-color: #221814; min-height: 275px; max-height:275px; min-width:275px; max-width:275px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50% 0px 50% 50%; margin: 20px auto; } .dienstverband, .company { color:#fff; display:block; font-size:13px; } .socialshare a { display: block; width: 25px; height: 25px; position: absolute; top: 15px; right: 15px; } /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recente-vacatures - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recente-referenties - start */ /* ----------------------------------------- */ .functie { color:#f882bf; margin-bottom:20px; margin-top:20px; font-size: 20px; } .referentiewrapper { text-align:center; padding:0px 50px 250px; background-color: #221814; min-height: 275px; max-height:275px; min-width:275px; max-width:275px; display: flex; flex-direction: column; border-radius: 10px 10px 50% 50%; margin: 175px auto 50px; position:relative; } .bedrijf, .quote { color:#fff; display:block; font-size:13px; } .refimage img { border-radius: 50%!important; max-width: 150px; width: 150px; margin-top:-100px; z-index:1; position:relative; } .tellmewrapper { text-align:center; } .tellmemore { color:#fff; background-color: #221814; padding: 7px 25px 7px 10px; border-radius: 0px 15px 15px 0px; font-size: 13px; } /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recente-referenties - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recente-blogs - start */ /* ----------------------------------------- */ a { color:#f882bf; } .blogcolumn { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; position:relative; } .blogtitel { margin-top:20px; display:block; font-size:18px; padding:10px 20px 0; } .blogtitel a { font-size: 20px; } .blogtitel a:hover { color:#f882bf; } .blogdate { font-size: 12px; color:#fff; padding-left:20px; } .blogexcerpt { font-size:14px; margin-bottom:30px; } .blogswrapper { text-align:left; width:440px; max-width:440px; display: flex; flex-direction: row; margin: 20px auto; } .blogintro { background-color: #221814; border-radius: 0px 150px 150px 150px; padding-bottom:50px; height:333px; min-height:333px; justify-content: center; align-self: center; } .blogimagewrap { background-color: #221814; border-radius: 0px 0px 150px 150px; position:relative; } .blogexcerpt { color:#fff; padding:0px 20px 0px; margin-top:20px; } .blogmore { background-color: #f882bf; border: none; display: inline-block; padding: 6px 20px; color: #fff; margin-left:20px; border-top-right-radius: 20px!important; border-bottom-right-radius: 20px!important; } a:visited.blogmore, a:hover.blogmore { color: #fff; } .dienstverband, .company { color:#fff; display:block; font-size:13px; } .socialshare a { display: block; width: 25px; height: 25px; position: absolute; top: 15px; right: 15px; } /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recente-blogs - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recente-blogs-mobile - start */ /* ----------------------------------------- */ a { color:#f882bf; } .blogrow, .blogrowsec { display:block; width:300px; margin: 0 auto; } .blogrowsec { z-index:3; position:relative; margin-top:-20px; } .blogtitelmobile { margin-top:20px; display:block; font-size:20px; padding:40px 30px 0; } .blogtitelmobile a { font-size: 20px; } .blogtitelmobile a:hover { color:#f882bf; } .blogdatemobile { font-size: 12px; color:#fff; } .blogexcerptmobile{ font-size:14px; margin-bottom:30px; } .blogswrapmobile { margin-bottom:40px; text-align:center; } .blogintromobile { background-color: #221814; border-radius: 0px 0px 150px 150px; padding-bottom:50px; } .blogimagewrapmobile { position:relative; } .blogexcerptmobile { color:#fff; padding:0px 30px 0px; margin-top:20px; } .blogmore { background-color: #f882bf; border: none; display: inline-block; padding: 6px 20px; color: #fff; margin-left:20px; border-top-right-radius: 20px!important; border-bottom-right-radius: 20px!important; } a:visited.blogmore, a:hover.blogmore { color: #fff; } .dienstverband, .company { color:#fff; display:block; font-size:13px; } .socialshare a { display: block; width: 25px; height: 25px; position: absolute; top: 15px; right: 15px; } /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recente-blogs-mobile - einde */ /* ----------------------------------------- */