/*
#   Rebuild Date:     14.03.2019
#   Editor:           Stephan M.
#   Template:         Mediant
*/

/*================================================| Browser Reset |=========================================================*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Boxmodel control -> tijdelijk!? */
*, *:before, *:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/*================================================| Global Fixes |==========================================================*/

/* CMS system styles */
div#system-message-container {background: #FFF;}
div#system-message-container .close {color: #FF0000;}

/* Frontend Inlog */
.menu.jmoddiv {
    float: left;
    list-style: outside none none;
    text-align: left;}

/* CMS Fixed Bootstrap sinds 2016 */
.icon-chevron-right {display: none !important;}

/* Captcha Badge uitzetten en de text los maar klein in het formulier (netter) */
.grecaptcha-badge {visibility: hidden;}
.rsform-block.rsform-block-captcha-uitleg {
    margin: 25px 0;
    font-size: 12px;
}
.rsform-block.rsform-block-captcha-uitleg a {
    color: #FFF;
    text-decoration: underline;
}
.rsform-block.rsform-block-captcha-uitleg a:hover {
    color: #428BCA;
    text-decoration: underline;
}

/*================================================| Fonts |=================================================================*/
@font-face {
  font-family: 'KlavikaLight-Plain';
  src: url('../fonts/KlavikaLight-Plain/KlavikaLight-Plain.eot');
  src: url('../fonts/KlavikaLight-Plain/KlavikaLight-Plain.eot?#iefix') format('embedded-opentype'),
       url('../fonts/KlavikaLight-Plain/KlavikaLight-Plain.svg#KlavikaLight-Plain') format('svg'),
       url('../fonts/KlavikaLight-Plain/KlavikaLight-Plain.ttf') format('truetype'),
       url('../fonts/KlavikaLight-Plain/KlavikaLight-Plain.woff') format('woff'),
       url('../fonts/KlavikaLight-Plain/KlavikaLight-Plain.woff2') format('woff2');
}
@font-face {
  font-family: 'KlavikaLight-Italic';
  src: url('../fonts/KlavikaLight-Italic/KlavikaLight-Italic.eot');
  src: url('../fonts/KlavikaLight-Italic/KlavikaLight-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/KlavikaLight-Italic/KlavikaLight-Italic.svg#KlavikaLight-Italic') format('svg'),
       url('../fonts/KlavikaLight-Italic/KlavikaLight-Italic.ttf') format('truetype'),
       url('../fonts/KlavikaLight-Italic/KlavikaLight-Italic.woff') format('woff'),
       url('../fonts/KlavikaLight-Italic/KlavikaLight-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'KlavikaMedium-Italic';
  src: url('../fontsKlavikaMedium-Italic/KlavikaMedium-Italic.eot');
  src: url('../fontsKlavikaMedium-Italic/KlavikaMedium-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fontsKlavikaMedium-Italic/KlavikaMedium-Italic.svg#KlavikaMedium-Italic') format('svg'),
       url('../fontsKlavikaMedium-Italic/KlavikaMedium-Italic.ttf') format('truetype'),
       url('../fontsKlavikaMedium-Italic/KlavikaMedium-Italic.woff') format('woff'),
       url('../fontsKlavikaMedium-Italic/KlavikaMedium-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'KlavikaMedium-TF';
  src: url('../fonts/KlavikaMedium-TF/KlavikaMedium-TF.eot');
  src: url('../fonts/KlavikaMedium-TF/KlavikaMedium-TF.eot?#iefix') format('embedded-opentype'),
       url('../fonts/KlavikaMedium-TF/KlavikaMedium-TF.svg#KlavikaMedium-TF') format('svg'),
       url('../fonts/KlavikaMedium-TF/KlavikaMedium-TF.ttf') format('truetype'),
       url('../fonts/KlavikaMedium-TF/KlavikaMedium-TF.woff') format('woff'),
       url('../fonts/KlavikaMedium-TF/KlavikaMedium-TF.woff2') format('woff2');
}
@font-face {
  font-family: 'KlavikaRegular-TF';
  src: url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.eot');
  src: url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.eot?#iefix') format('embedded-opentype'),
       url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.svg#KlavikaRegular-TF') format('svg'),
       url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.ttf') format('truetype'),
       url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.woff') format('woff'),
       url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.woff2') format('woff2');
}


/*================================================| Global Settings |=======================================================*/
html, body , body * {
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    scroll-behavior: smooth;
}

html, body {
    font-family: KlavikaLight-Plain, arial, sans-serif;
    color: #5F6C7C;
    font-size: 1em;
    line-height: 1;
}

html, button, input, select, textarea {color: #222;}

audio, canvas, img,video {vertical-align: middle;}

textarea {resize: vertical;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #CCC;
    margin: 1em 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: KlavikaMedium-TF, Arial, sans-serif;
    font-weight: 300;
    color: #f14821;
}

h1 {font-size: 1.87em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.0em;}
h4 {font-size: 1.25em;}

h1, h2 {margin: 10px 0;}

p {
    font-weight: lighter;
    /*color: #111;*/
    color: #002349;
    line-height: 150%;
    font-size: 1.1em;
}

a {
    color: #001f3d;
    cursor: pointer;
}

a:hover, a:hover img {
    color: #001f3d;
    text-decoration: none;
    cursor: pointer;
}

p a:link, p a:visited {
    color: #f14821;
}
p a:hover {color: #001f3d !important;}

strong {color: #001f3d;}

.browsehappy { /* IE7 of lager browser waarschuwings weergave opmaak */
    margin: 0.2em 0;
    padding: 0.2em 0;
    background: #CCC;
    color: #000;
}

#content ul, #content ol {margin-bottom: 15px;}

.page-header h1 {
    margin: 20px 0 20px 15px;
    text-transform: inherit;
    font-size: 2em;
    /*max-width: 72%;*/
    font-weight: bold;
    text-align: center;
}

span.seperator {
    color: #F79200;
    padding: 0 10px;
}

img {
    max-width: 100%;
    height: auto;
}
.collapsing {
    -webkit-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease; 
}
#over-mediant.layout-blog .page-header h1 span.parent,
#clienten.layout-blog .page-header h1 span.parent,
#verwijzers.layout-blog .page-header h1 span.parent,
#werken-bij-mediant.layout-blog .page-header h1 span.parent {
    display: none;
    visibility: hidden;
    position: absolute;
}


/*=> Videos Player avPlayer <============================================= */
.avPlayerWrapper.avVideo {
    display: block;
    position: relative;
    z-index: 20000;
    background: white none repeat scroll 0 0;
    border: 1px solid #F5B84D;
    margin: 16px 35px 0 0;
    padding: 5px;
    width: 270px;
    height: auto;}

.avVideo .avPlayerContainer .avPlayerBlock iframe, .avVideo .avPlayerContainer .avPlayerBlock object,
.avVideo .avPlayerContainer .avPlayerBlock embed, .avVideo .avPlayerContainer .avPlayerBlock video,
.avVideo .avPlayerContainer .avPlayerBlock > div {min-width: 210px;}


/*=> Lees Meer Hyperlinks <=============================================== */
p.readmore {
    display: block;
    /*margin: 20px 20px 28px 0;*/
    margin: 20px 20px 0 0;
    cursor: pointer;
}

p.readmore a {
    color: #e30500;
    display: block;
    cursor: pointer;
    /*width: 110px;*/
    padding: 5px 0;
    font-size: 1em;
    padding-left: 20px;
}
p.readmore a::before {
	content: '';
	background: url(../img/icon_readmore-2020.svg) no-repeat;
	background-size: 13px 13px;
	display: block;
	width: 16px;
	height: 16px;
	/*top: 11px;*/
	/*left: -20px;*/
	position: absolute;
	margin-left: -20px;
	margin-top: 6px;
}
p.readmore a:hover {
    background: transparent; /*SM: Uitzetten BG image */
    color: #f4aa3c;
    cursor: pointer;
    font-size: 1em;
}
p.readmore a:hover::before {
	margin-left: -15px;
	-webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

#home .row-1 p.readmore a:hover,
#home .row-2 p.readmore a:hover {color: #168BE4;}


/*=> Buttons <============================================================ */
.btn_2 {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    color: #000;
    padding: 6px 12px;
}
.btn_2, .btn_2--down, .btn_pink {
    display: inline-block;
    font-size: 0.87em;
    width: auto;
}
.btn_2, .popover {border: 1px solid #CCC;}

.btn_submit {
    background: #0D76E0 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    font-size: 0.87em;
    padding: 7px 12px;
    width: auto;
}
.btn {
    margin: 0 0 -25px 0;
    border-radius: 0;
    line-height: inherit;
}


/*================================================| Containers |============================================================*/
.container {
    position: relative;
    /*min-width: 1190px;*/
    min-width: 1220px;
    padding: 0;
}
.footer-container {
    font-size: 1em;
    font-weight: 100;
    text-align: center;
}


/*================================================| Header |================================================================*/
#header-menu {
    position: relative;
    z-index: 2000;
    /*margin-left: 225px;*/
    top: 50px;
}

#header-menu .navbar {
    background: transparent;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.headershadow {
    position: absolute;
    width: 100%;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	background: #FFF;
}

.headerimage-container {
    background: #FFF;
    /*padding-top: 50px;*/
    min-height: 101px;
}

#header-menu ul.navbar-nav > li > a {
    -webkit-transition: background 500ms ease-out 0.1s;
    -moz-transition: background 500ms ease-out 0.1s;
    -o-transition: background 500ms ease-out 0.1s;
    transition: background 500ms ease-out 0.1s;
    font-family: KlavikaLight-Plain, arial, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0.025em;
    padding-bottom: 10px;
}

#header-menu .navbar a:link,
#header-menu .navbar a:visited {color: #002349; outline:0;}

#header-menu .navbar a:hover,
#header-menu ul.navbar-nav > li.active > a {
    color: #f14821;
    -webkit-transition: background 500ms ease-out 0.1s;
    -moz-transition: background 500ms ease-out 0.1s;
    -o-transition: background 500ms ease-out 0.1s;
    transition: background 500ms ease-out 0.1s;
}
#header-menu .navbar a i {
    padding: 5px;
    border:1px solid white;
}
@media (max-width: 1200px){
	#header-menu {
		top: 5px;
	}
}

/*=> Hoofdmenu uitklapper <=============================================== */
.navbar-default .navbar-toggle {
    background-color: grey;
    border-color: black;
    z-index: 2000;
    border-radius: 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {background-color: inherit;}

.navbar-collapse {border-top: 0;}

.navbar-default .navbar-toggle .icon-bar {background-color: transparent;}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {background-color: #f5812f;}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
	border-color:transparent;
}

ul.menu_hoofdmenu {
    display: block;
    margin: 0 -15px 0 0;
}
ul.menu_hoofdmenu li {
    padding: 0;
    margin: 0;
}
ul.menu_hoofdmenu li a {
    position: relative;
    display: block;
    font-family: KlavikaLight-Plain, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: left;
    padding-left: 30px;
}

ul.menu_hoofdmenu li:last-child a {border-bottom: 0px solid #FFF;}

.navbar-default .navbar-collapse {
	border: 0;
	margin-left: -15px;
	margin-right: -15px;
}

/*=> Menu Main <========================================================== */
ul.menu_main,
ul.menu_hoofdmenu, ul.menu_hoofdmenu li,
ul.menu_submenu,ul.menu_submenu li {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu_main {
    position: absolute;
    right: 15px;
    top: 14px;
    margin: 20px 0 0 20px;
    padding: 0;
}

ul.menu_main span {
    visibility: hidden;
    display: none;
}

.menu_main li {
    display: block;
    float: left;
}

.menu_main li a {
    font-size: 1px;
    display: block;
    color: #F7F7F3;
    border: 0;
}

ul.menu_hoofdmenu > li > ul > li > h3{
    font-size: 1px;
    color: #00728A;
    height: 15px;
    margin: 0;
}

ul.menu_hoofdmenu > li > ul  a {
    font-family: KlavikaLight-Plain, Arial, sans-serif;
    font-weight: normal;
}

ul.menu_hoofdmenu > li > ul {
    line-height: 120%;
    min-height: 169px;
    min-width: 220px;
    padding: 15px 0 18px 0;
    margin-bottom: 20px;
    background: #00728A;
    border-radius: 0 20px;
}

ul.menu_hoofdmenu > li > ul > li > a,
ul.menu_submenu li a {
    color: #FFF;
    display: block;
    padding: 6px 0 7px 15px;
    background: url(../img/menu_bg.png) no-repeat left bottom;
}

ul.menu_hoofdmenu > li > ul > li:first-child,
ul.menu_submenu li:first-child {
    background: url(../img/menu_bg.png) no-repeat left top;
    padding-top: 1px;
}

ul.menu_hoofdmenu > li > ul > li.active > a,
ul.menu_hoofdmenu > li > ul > li > a:hover,
ul.menu_submenu li.active a,
ul.menu_submenu li a:hover {
    color: #FFF;
    background: #107B91 url(../img/menu_bg.png) no-repeat left bottom;
    text-decoration: none;
}

ul.menu_hoofdmenu > li > ul > li > ul {
    background: url(../img/menu_bg.png) no-repeat left bottom;
    padding-left: 30px;
}

ul.menu_hoofdmenu > li > ul > li > ul > li > a {
    display: block;
    padding: 5px 0 5px 10px;
}

ul.menu_hoofdmenu > li > ul > li > ul > li.active > a,
ul.menu_hoofdmenu > li > ul > li > ul > li > a:hover {
    color: #FFF;
    background: #107B91;
    text-decoration: none;
}
/* AANPASSINGEN 2020 */
ul.menu_hoofdmenu li {
    position: relative;
}
ul.menu_hoofdmenu li::after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5812f+0,ee492d+100 */
    background: rgb(246,129,30); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(246,129,30) 0%, rgb(241,72,33) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(246,129,30)), color-stop(100%,rgb(241,72,33))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* IE10 preview */
    background: linear-gradient(to right,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5812f', endColorstr='#ee492d',GradientType=1 ); /* IE6-9 */
    /***/
    content: '';
    display: block;
    height: 3px;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 25px;
}
@media(min-width: 1200px){
    ul.menu_hoofdmenu li:after {
       display: none;
    }
}
@media(max-width: 1200px){
    ul.menu_hoofdmenu {
        margin: 20px 0;
    }
    ul.menu_hoofdmenu li.Last::after {
        display: none;
    }
    ul.menu_hoofdmenu li a {
        font-size: 1.6em !important;
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }
}
@media(max-width: 991px){
    ul.menu_hoofdmenu li::after {
        width: 80%;
    }
}

/*=> Logo <=============================================================== */
#logo,
#logo_mob {
    /*background: #FFF;*/
    position: absolute;
    left: -1760px;
    top: 0;
    /*height: 226px;*/
    height: 175px;
    width: 2000px;
    z-index: 9000;
    /*border-bottom-left-radius: 60px;*/
    /*border-bottom-right-radius: 60px;*/
}

#logo img {
    display: block;
    margin: 0;
    width: 186px;
    height: auto;
    top: 30px;
    right: 50px;
	position: absolute;
}
#logo_mob img {
    display: block;
    margin: 0;
    width: 150px;
    height: auto;
    top: 14px;
    right: 60px;
    position: absolute;
}
#logo a,
#logo_mob a {cursor: pointer;}
.logo {
	z-index: 3000;
	position: relative;
}
.logo-clip-layer {
	position: absolute;
	width: 2000px;
	height: 191px;
	left: -1740px;
	clip: rect(100px,2000px,200px,0px);
	/*border: 1px solid red;*/
    z-index: 2001;
}
.logo-clip-layer .clip-layer-shadow {
	background: #FFF;
	position: absolute;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	border-bottom-right-radius: 100px;
	width: 100%;
	right: 8px;
	height: 180px;
}
@media (max-width: 767px){
    .logo-clip-layer,
    #logo {display: none;}
    #logo {width: 100%;}
}
@media (min-width: 767px){
    #logo_mob {display: none;}
}


/*=> Submenu <============================================================ */
ul.menu_submenu {
    position: absolute;
    top: 150px;
    left: 15px;
    line-height: 120%;
    min-height: 169px;
    min-width: 220px;
    padding: 15px 0 18px 0;
    margin-bottom: 20px;
    background: #00728A;
    border-radius: 0 20px;
}

.moduletable_submenu h3 {
    font-size: 1px;
    color: #00728A;
    height: 15px;
    margin: 0;
    background: #00728A url(../img/menu_blok_bg.gif) no-repeat;
}
ul.menu_submenu a {
    font-family: KlavikaLight-Plain, Arial, sans-serif;
    font-weight: 300;
}
ul.menu_submenu li.active ul {
    padding: 0 0 5px 0;
    margin: 0;
}
ul.menu_submenu li.active ul li {margin-left: 15px;}
ul.menu_submenu li.active ul li a {
    color: #BFD6DA;
    font-size: 90%;
    padding: 0 0 0 15px;
    background: #00728A;
}
ul.menu_submenu li ul li.active a,
ul.menu_submenu li ul li a:hover {color: #FFF;}


/*================================================| Content |===============================================================*/
.header-bg {
    /*height: 32vw;*/
    height: 25vw;
    /*min-height: 400px;*/
    min-height: 360px;
    background: url(../img/header-img-2020.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
	z-index: -2000;
    margin-bottom: -1px;
    top: 100px;
}
#home .header-bg {
    height: 40vw;
    min-height: 520px;
}
#over-mediant .header-bg {
    background: url(../img/header-over-mediant.jpg) no-repeat center center;
    background-size: cover;
}
#clienten .header-bg {
    background: url(../img/header-clienten.jpg) no-repeat center center;
    background-size: cover;
}
#verwijzers .header-bg {
    background: url(../img/header-verwijzers.jpg) no-repeat center center;
    background-size: cover;
}
#contact .header-bg {
    background: url(../img/header-contact.jpg) no-repeat center center;
    background-size: cover;
}
@media(max-width: 767px){
    .header-bg {
        min-height: 350px;
        background-size: 160%;
    }
}
.col-sm-12.first, .col-sm-12.second, .content-container {
    background: #e0e4e9;
    margin: 0;
    padding: 0;
    width: 100%;
}
#home .col-sm-12.first,
.wrapper-view-content.blog {
	background: #FFF;
}


/*=> Search <============================================================= */
/* SM: Zie tevens search.css !! */
#searchForm .btn-toolbar, #searchForm .searchintro,
#searchForm .phrases, #searchForm .form-limit,
#searchForm p.counter {display: none;}

/*================| Search (zoek resultaten) Weergave |=========================*/
.search-query-explained {
	padding-bottom: 25px;
}
.search-query-explained .term {
	color: #50a1ee;
	font-weight: bold;
	border-bottom: 1px dashed #ed1c24;
}
.search-results li {
	margin-bottom: 25px;
}
.search-results li .result-title {
	margin-bottom: 8px;
}
.search-results li .result-url p.readmore {
	margin: 0;
	margin-left: 15px;
}
.search-results li .result-url p.readmore a {
	padding: 5px 10px 5px 5px;
}

/* button MIJNMEDIANT */
.mijnmediant{ 
	position: absolute;
	z-index:10000;
	right:60px;	
	/*top: 12px;*/
	top: 5px;
}
.mijnmediant a {
	color:#fff !important;
	/*border:2px solid #FFF;*/
	/*padding: 7px 5px;*/
	padding: 7px 12px;
	/*border-radius: 6px;*/
}
.mijnmediant .btn {
    margin: inherit;
}	
.mijnmediant a span.mmtxt{font-size: 14px; padding:0;}
	
.mijnmediant a:hover {
	background: #002349;
	/*border: 2px solid #428BCA;*/
	color:#fff !important;
    transition: none !important;
}
.mijnmediant p {margin:0;}

@media (max-width: 1200px){
    .mijnmediant { 
		/*right:110px; */
        z-index: unset;
        right: unset;
        top: unset;
        position: relative;
        text-align: center;
        margin: 25px;
	}
    .mijnmediant a {
        padding: 12px 30px;
    }
    .mijnmediant a span.mmtxt{font-size: 1.2em;}
}


/*==/ Formulier Uitgebreid Zoeken /*/
#zoekresultaten .category-desc {width: 80%;}
#search-form {
    display: block;
    padding: 20px;
    background-color:rgba(255,255,255,0.8);
    border-radius: 15px;
}
#finder-search input, 
#finder-search .btn {font-size: 1em;}

#finder-search .word {min-height: 95px;}

#finder-search .word label {
    width: 100%;
    padding: 0 0 5px 0;
}
#finder-search .word input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ea5600;
}
#finder-search .word .btn-primary {
    background: #ea5600;
    border: 1px solid #ea5600;
    padding: 8px 12px;
}

@media (min-width: 1200px){
    #zoekresultaten .category-desc {width: 80%;}
}
@media (max-width: 768px){
    #zoekresultaten .category-desc {width: 100%;}
}

/*==/ Uitklapper /*/
#advancedSearch .chzn-results .active-result {
    background: transparent;
    color: inherit !important;
}
#advancedSearch .chzn-results .active-result:hover {color: #ee902e !important;}

#advancedSearch hr {margin: 10px 0;}

#advancedSearch .finder-selects {margin: 10px;}

/*==/ Search Formulier - Mobile View 2020 /*/
.mob-view form {
    padding: 0 10%;
    margin: 0 auto;
    border: 1px solid green;
}
.mob-view label {
    display: none;
}
.mob-view input {
    width: 80%;
}
.mob-view .btn {
    margin: 0; 
    float: right;
    margin-top: 3px;
    border-radius: 0 0 15px 0;
}

@media(min-width: 991px){
    .mob-view {display: none;}
}

/*=> Bread Crumb <======================================================== */
.breadcrumbs {
    padding: 0 14px !important;
    position: relative;
    top: 15px;
}
.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    padding: 8px 12px;
}
.breadcrumb a:link {color: #333;}
.breadcrumb a:hover {color: #ed8c2c;}

.breadcrumb .divider {padding: 0;}

.breadcrumb > li + li:before {
    content: none;
    padding: 0;
    color: #CCC;
}

/*=> Pagination <========================================================= */
.pagination {width: 100%;}

.pagination .counter {text-align: left;}

.pagination ul {
    list-style: none;
    text-align: center;
}
.pagination li {
    display: inline;
    padding: 10px;
}
.touchSlider .pagination {display: none;}

.touchSlider.horizontal .arrow-right {background: url('../img/slider_pijl_rechts.png') no-repeat;}
.touchSlider.horizontal .arrow-left {background: url('../img/slider_pijl_links.png') no-repeat;}

.touchSlider.horizontal .arrow-right,
.touchSlider.horizontal .arrow-left {
    width: 69px;
    height: 69px;
    background-position: 0 0;
    right: 20px;
}

.touchSlider.horizontal .arrow-left:hover,
.touchSlider.horizontal .arrow-right:hover {background-position: 0 0;}

.cat-children .category-desc {padding: 0 20px 0 0;}

.cat-children .category-desc p {color: #666;}

.blog .category-desc a:hover,
.cat-children .category-desc a:hover {color: #F79200;}

.blog .category-desc p.readmore a:hover,
.cat-children .category-desc p.readmore a:hover {color: #FFF;}


/*=> RSForms <============================================================ */
.formResponsive .formHorizontal .formControlLabel {
    color: #656565;
    text-align: left;
    width: 100px;
}

.formResponsive .formHorizontal .formControls {margin-left: 100px;}

.formResponsive .formHorizontal .rsform-block {margin-bottom: 10px;}

.formResponsive input[type="text"],
.formResponsive textarea {
    border: 1px solid #001f3d;
    border-radius: 3px;
    box-shadow: none;
    margin-top: -5px;
    width: 98%;
    height: 35px;
    font-size: 1em;
    padding-left: 10px;
}

.formResponsive input[type="text"] {background: #FFF;}
.formResponsive textarea {height: 160px;}

.formResponsive textarea:focus, .formResponsive input[type="text"]:focus,
.formResponsive input[type="password"]:focus, .formResponsive select:focus {box-shadow: none;}

.formResponsive input[type="submit"],
.formResponsive input[type="reset"] {
    background: #f14821;
    border-radius: 0;
    font-family: inherit;
    font-size: 18px;
    color: white;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 20px;
}

.formResponsive input[type="submit"]:hover {background: #001f3d;}

.formResponsive input[type="reset"] {
    background-image: none;
    background-color: #f14821;
}

.formResponsive input[type="reset"]:hover {background: #001f3d;;}


/*=> Contact <============================================================ */
/*SM: restyle 2020 global contact module */

.contact {
	font-family: KlavikaRegular-TF, Arial, sans-serif;
    position: relative;
    top: -213px;
    /*min-height: 333px;*/
    font-size: 26px;
}
.contact .inner {
    isolation: isolate;
    padding-top: 10px;
    position: absolute;
    /*height: 214px;*/
    width: 100%;
}
.contact .bgcolor-layer {
    /*background: #F14821;*/
    background: #f1642e;
    position: absolute;
    mix-blend-mode: multiply;
    border-top-left-radius: 90px;
    width: 100%;
    height: 214px;
}
.contact,
.contact .row div {
    padding-left: 0;
    padding-right: 0;
}
.contact small {
    font-size: 20px;
    display: block;
    margin-top: 3px;
}
.contact ul {
    display: inline-block;
    /*margin-left: 120px;*/
    margin-left: 250px;
}
li.contact-phone:before,
li.contact-question:before,
li.contact-marker:before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 200px;
}
li.contact-phone:before {
	width: 30px;
	height: 32px;
	top: 15px;
    background-image: url(../img/icon_contact-phone.svg);
}
li.contact-question:before {
	width: 32px;
	height: 47px;
	top: 82px;
    background-image: url(../img/icon_contact-question.svg);
}
li.contact-marker:before {
	width: 35px;
    height: 35px;
    top: 160px;
    background-image: url(../img/icon_contact-marker.svg);
}
.contact div:last-child ul li {
    padding: 12px 0 23px 0;;
    color: #FFF;
    /*font-weight: 500;*/
}
.contact div:last-child img {
    position: absolute;
    z-index: 9999;
    top: 6px;
    right: 29px;
    width: auto;
    height: 193px;
}
.contact ul li a:link,
.contact ul li a:visited {
    color: #FFF;
    text-decoration: none;
}
.contact ul li a:hover {
    color: #e6701e;
    text-decoration: none;
}
@media (max-width: 1199px){
	.contact {display: none;}
}

/*SM: restyle 2020 global contact module mobile view */
.contact-mob {
    font-size: 26px;
    margin-top: 3px;
}
.contact-mob .inner {
    padding-top: 15px;
}
.contact-mob,
.contact-mob .row div {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
}
.contact-mob small {
    font-size: 20px;
    display: block;
    margin-top: 3px;
}
.contact-mob ul {
    display: inline-block;
}
.contact-mob li.contact-phone:before,
.contact-mob li.contact-question:before,
.contact-mob li.contact-marker:before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: -20px;
}
.contact-mob li.contact-phone:before {
    width: 30px;
    height: 30px;
    top: 22px;
    background-image: url(../img/icon_contact-phone.svg);
}
.contact-mob li.contact-question:before {
    width: 40px;
    height: 40px;
    top: 81px;
    background-image: url(../img/icon_contact-question.svg);
}
.contact-mob li.contact-marker:before {
    width: 30px;
    height: 30px;
    top: 145px;
    background-image: url(../img/icon_contact-marker.svg);
}
.contact-mob div:last-child ul li {
    padding: 12px 0 23px 50px;
    color: #FFF;
    font-weight: 500;
}
.contact-mob div:last-child img {
    position: absolute;
    z-index: 9999;
    top: 6px;
    right: 29px;
    width: auto;
    height: 193px;
}
.contact-mob ul li a:link,
.contact-mob ul li a:visited {
    color: #FFF !important;
    text-decoration: none;
}
.contact-mob ul li a:hover {
    color: #e6701e !important;
    text-decoration: none;
}

@media (min-width: 1200px){
    .contact-mob {display: none;}
}




#contact iframe {width: 98%;}

img.contact-image {
    float: right;
    display: inline-block;
}
ul.contact_two_col {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
.contact_two_col {
    float: left;
    width: 49%;
}
.contact_two_col li {
    float: left;
    list-style-type: none;
    color: #595959;
    width: 100%;
}

#heeft-u-een-vraag .page-header h1,
#meer-informatie .page-header h1 {margin-bottom:24px;}

.moduletable.locaties .menu li.item-171,
.moduletable.locaties .menu li.item-172,
.moduletable.locaties .menu li.item-179.parent a.locaties-adressen {
    display: none;
    visibility: hidden;
    position: absolute;
}

.moduletable.locaties .menu li.item-179.parent ul {margin: -10px 0 0 -10px;}

.moduletable.locaties .menu li.item-179.parent ul li {
    display: inline-block;
    float: left;
    padding: 0 10px;
    border-right: 1px solid #BEBEBE;
    margin: 0 0 10px 0;
    line-height: 1em;
}


/*=> View-Catagory <====================================================== */
.layout-blog .pull-left.item-image img {
    width: 210px;
    margin:0 20px 0 0;
}


/*=> View-Article <======================================================= */
.view-article .content-background {width: 100%;}

.wrapper-single-article .col-md-8 {padding-left: 0px;}

.com_rsform .container.view-content-background,
.view-article .container.view-content-background {
    /*padding: 15px 30px;*/
    padding: 0 30px;
}

.view-article .page-header h1 {
    margin: 25px 0 0 0;
    text-transform: inherit;
    font-size: 2em;}

.view-article .footer {
    width: 100%;
    position: inherit;
    bottom: 0;}

.view-article .articleBody > div {padding: 0 0 20px 0;}

div[itemprop="articleBody"] ul,
.view-article .articleBody ul,
.articleBody ul,
.category-desc ul {margin: 20px 0 0 10px;}
/* ORG
div[itemprop="articleBody"] ul li,
.view-article .articleBody ul li,
.articleBody ul li,
.category-desc ul li {
    padding: 5px 0 5px 20px;
    background: url(../img/list_article.png) no-repeat 0 0.4em;
    list-style-type: none;
    font-size: inherit;
}
*/

div[itemprop="articleBody"] ul li,
.view-article .articleBody ul li,
.articleBody ul li,
.category-desc ul li {
    padding-left: 20px;
    background: url(../img/list_article.png) no-repeat 0 0.3em;
    list-style-type: none;
    font-size: 1.1em;
    line-height: 150%;
    color: #002349;
}

div[itemprop="articleBody"] ol {margin: 20px 0 0 25px;}
div[itemprop="articleBody"] ol li {list-style-type: decimal; padding: 5px 0; font-size: inherit;}

div[itemprop="articleBody"] ul li > ul li {font-size: 1.1em;} /* SM: ul in een ul font-size specifiek */
div[itemprop="articleBody"] ul li > p,
div[itemprop="articleBody"] ul li > ul li > p {line-height: 120%;}

.category-desc ul li {background-position: 0 50%;}


/*=> Archief <============================================================ */
#archief .col-sm-12.second {
    margin: 0;
    background-image: none;
}

#archief .page-header h1 {margin: 54px 0 0 30px;}

#archief .newsarchive {min-height: 520px;}

#archief .newsarchive .container.archive {background: #FFF;}

#archief .newsarchive .container.archive form {padding: 30px;}

#archief .form-inline select {width: 120px;}

#archief .chzn-container {margin-right: 10px;}

#archief .chzn-container-single .chzn-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 34px;
    width: 120px;
    border: 1px solid #168be4;
    border-radius: 3px;
    font-size: 1em;
    background-color: #FFF;
    background-clip: padding-box;
    box-shadow: none;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
}


/*=> Accordion <========================================================== */
.blog.accordions .item {
    background: transparent;
    padding: 0;
    margin: 0;
}

.blog.accordions .itemtxt {margin: 30px 0px;}

.blog.accordions .item .page-header {
    margin: 0;
    min-height: 85px;
}

.blog.accordions .item .page-header h2 {
    margin-bottom: 20px;
    padding: 16px 0 0 26px;
    font-size: 1.46em;
    background: #FFF;
}

.blog.accordions .item .page-header h2:hover {color: #F79200;}

div.accordion_container .accordion_head .page-header {
    background: url(../img/bg_accordion_closed.png) repeat bottom left;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
}

div.accordion_container .accordion_head .page-header.witvlak {
    background: #FFF url(../img/bg_accordion_closed.png) repeat -52px 0px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

div.accordion_container div.accordion_head {cursor: pointer;}

div.accordion_container div.accordion_body {
    background: #FFF url(../img/bg_accordion_open.png) no-repeat top left;
    padding: 0 20px 20px 20px;
    margin: 0;
}


/*=> Locaties Module <==================================================== */
.locaties-module-bg {
    /*background: url('../img/blog-overlay-categorie-2560.svg') no-repeat top center; */
    margin-top: -297px;
    position: absolute;
    z-index: 40;
    width: 100%;
}

.locaties-module {
    min-height: 314px;
    font-size: 26px;
    padding: 70px 0 0 0;
}
.locaties-module div:first-child img {
    position: relative;
    top: -50px;
    width: auto;
    height: 250px;
}


/*=> Locatie en adressen <================================================ */
#locaties-en-adressen .page-header h1 span {
    position: absolute;
    display: none;
    visibility: hidden;
}


/*=> Locaties: dorpdown <================================================= */

.custom.selecteer-locatie {
    display:flex;
    justify-content:center;
}

.dropbtn {
    background-color:#0378de;
    color:white;
    padding:16px;
    font-size:16px;
    border:none;
    cursor:pointer;
    width:330px;
    text-align:left;
    height:52px;
    position:relative;
}

.dropbtn .fa.fa-caret-down {
    position:absolute;
    right:15px;
}

.dropdown{
    position:relative;
    display:block;
/*  margin: 20px 0; */
}

.dropdown-content{
    display:none;
    position:absolute;
    background-color:#f9f9f9;
    min-width:330px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:1;
    top:52px;
}

.dropdown-content a {
    color: #239be1;
    padding: 9px 16px;
    text-decoration:none;
    display:block;
    font-size:1.1em;
}

.dropdown-content span {
    display: block;
    color: #454545;
}

.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbtn {background-color: #e1731c;}


/*=> Home <=============================================================== */
#content {
    margin-right: 0;
    margin-left: 0;
}

.cta-right {
    position: absolute;
    bottom: 150px;
    right: 55px;
    width: 190px;
    height: 100%;
    z-index: 1999;
}
img.cta-klanten {
    top: unset !important;;
    position: unset !important;;
    display: block !important;
}
/* SM: uitgezet op verzoek klant.
@media (max-width: 991px) {
    .tooltip {
        visibility: hidden;
    }
}
*/
@media (max-width: 767px){
    .cta-right {
        bottom: 330px;
    }
}

/* SM: uitgezet op verzoek klant.
.tooltip-arrow,
.blue-tooltip + .tooltip > .tooltip-inner {
    background-color: #4e6ba2;
    font-size: 14px;
}
.blue-tooltip + .tooltip.left > .tooltip-arrow {
    background-color: transparent;
    border-left-color: #4e6ba2;
}
.tooltip.in{
    opacity: 1.0 !important;
    filter: alpha(opacity=100);
}
*/

.newsflash {
    margin: 60px auto !important;
    
    /*SM: Ugly fix...*/
    position: relative;
	/*top: -298px;*/
}
.newsflash-item {
    background: #FFF;
    padding: 20px 20px 55px 20px;
    margin: 40px 0 0 0;
}
.newsflash-title {
    color: #00223F;
    font-weight: 600;
    margin: 40px 0 20px 0;
}
.newsflash .readmore {margin-bottom: 0;}

.newsflash .readmore a {
    padding: 5px 0;
    position: absolute;
    bottom: 25px;
}

/*=> Negative Margins <================================================== */
.below-content-background {
    background: #FFF;
    margin-top: 10px;
}

#home .below-content-background {
    background: #FFF;
    margin-top: 0;
}

.below-content-background img.bg {margin-top: -40px;}

.news .item {height: 375px;}

.news .item h2 {font-size: 1.6em;}

.bloghome .item a:hover,
.bloghome .item a:active {
    color: #FFF;
    text-decoration: none;
}

ul.newsflash-horiz {
    list-style-type: none;
    padding: 0;
}

ul.newsflash-horiz li {
    display: inline-block;
    padding: 10px;
}

.newsflash-horiz .newsitem {width: 100%;}

.newsflash-horiz.nieuws .newsitem {
    background: #FFF;
    padding: 0;
    min-height: 250px;
    margin-bottom: 20px;
    border-radius: 0;
}

.newsitem p {
    padding: 10px 20px 0 0;
    color: #656565;
    font-size: 0.9em;
}

.nieuws h4 {
    line-height: 100%;
    padding: 8px 0 0 20px;
}

.newsflash-horiz.nieuws img {
    display: none;
    margin: 25px 15px 0 20px;
    width: 33%;
    float: left;
}

.moduletable.nieuws h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
    font-size: 1.6em;
}

.newsflash-horiz.nieuws .newsitem h4,
.newsflash-horiz.nieuws .newsitem h5,
.newsflash-horiz.nieuws .newsitem a {color: #000;}

.nieuws .readmore {padding-left: 20px;}

.newsflash-title.nieuws {
    font-size: 1.37em;
    font-weight: normal;
    margin: 15px 0 0 0;
}

.articleBody > div {
    color: #656565;
    line-height: 170%;
    padding-bottom: 20px;
}


/*=> Header image <======================================================= */
#header-image {
    text-align: center;
    padding-bottom: 0;
}

#contact .page-header h1 .parent,
#nieuws .page-header h1 .parent {display: none;}


/*=> Onze expertise <===================================================== */
#onze-expertise .row .column-1, #onze-expertise .row-1 .column-1,
#onze-expertise .row .column-2, #onze-expertise .row-2 .column-1 {min-height: 304px;}


/*=> Nieuws Categorie op Cases en Diensten pagina's onder introtekst <==== */
.cases-diensten-overview li {
    background: #FFF none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    margin: 14px;
    padding: 0 20px;
    width: 47%;
    min-height: 260px;}

.cases-diensten-overview li h4 a {
    font-size: 1.25em;
    font-weight: normal;
    color: #000;}

.cases-diensten-overview li h4 {
    margin-bottom: 0;
    margin-top: 20px;}

.cases-diensten-overview p.mod-articles-category-introtext {
    color: #656565;
    padding: 2px 0 0 0;}

.cases-diensten-overview {
    position: relative;
    padding-left: 0;
    padding-right: 0;}

.mod-articles-category-readmore > a {
    color: #168BE4;
    font-size: 0.9em;}

.mod-articles-category-readmore > a:hover {
    color:#8B8B8B;
    text-transform: none;
    text-decoration: none;}


/*================================================| Blog |==================================================================*/
.bloghome {color: #333;}

.bloghome h1 {
    font-size: 1.6em;
    font-weight: bold;
}

.bloghome h2 {
    font-size: 1.12em;
    margin: 0;
    text-align: left;
    padding-left: 19px;
    font-weight: 500;
}

.bloghome .item {border: 1px solid grey;}

.bloghome .blog-header {
    padding: 0 20px 0 15px;
    margin: 0 auto;
}

.bloghome .item {
    padding-top: 15px;
    background: #FFF;
}
h2.page-header {padding: 0;}

.item-page {width: 100%;}

.cat-child > div {
    padding: 0;
    position: relative;
}

.cat-child.col-xs-12, .col-sm-6 {
	/*padding: 0;*/
}

.cat-child .first, .cat-child .last {padding: 15px 0 0 30px;}

.blog {
    padding: 0; 
    position: relative;
    /*top: -298px;*/
}

.blog .item {padding: 30px 30px 30px 30px;}

.blog .item .page-header {
    margin: 0 0 -20px 0;
    min-height: 60px;
}

.blog .item .page-header h2 {margin: 10px 0 0 0;}

.blog .item .page-header h2 a {color: #001f3d;}

.blog .cat-child .page-header a:hover,
.blog .item .page-header h2 a:hover {color: #f14821;}

.blog-header {
    /*padding: 0 20px 0 14px;*/
    padding: 0 25px;
    background: transparent;
}

.blog-content-container {margin: 0 auto;}

.above-content-background {background: transparent;}

.blog-content-container .blog-header-background,
.horizontal-wrapper .blog-header-background {	
	/*background: transparent url(../img/bg_header-fade-wide.svg) no-repeat top center;*/
}

/* 1e subpagina */
/*.blog-content-container .blog-header-background {min-height: 298px;}*/

/* 2e subpagina */
.horizontal-wrapper .blog-header-background {
    margin: 0;
    /*height: auto;*/
}


.category-desc {
    background: transparent;
    /*width: 70%;*/
    /*padding: 0 15px;*/
    margin: 0;
    /*min-height: 191px;*/
    margin-bottom: 35px;
}
.category-desc p {
	font-weight: bold;
}

.category-desc img {
    float: left;
    margin-right: 20px;
    border: none;
}

img.catchild_image {
    border: none;
    display: none;
}

.page-header-article h1 {
    margin: 25px 0px 30px 15px;
    text-transform: inherit;
    /*font-size: 32px;*/
    /*max-width: 72%;*/
    font-weight: bold;
    text-align: center;
}

.articleBody ul {margin-bottom: 20px;}

.item {
    border-radius: 0;
    padding: 5px 20px 45px 0;
    margin: 0 100px 30px 0;
    position: relative;
    width: 100%;
    background: #FFF;
}

.col-sm-4 .item {min-height: 370px;}

.itemid-47 .item {height: 400px;}

.itemid-57 .content-highlight {border: none;}

.itemtxt {
    padding: 5px 20px 0 0;
    color: #656565;
    min-height: 145px;
}

.itemtxt p:last-child {display: block;}

.itemtxt a:hover {color: #F79200;}

.items-row .readmore > a,
.items-row .readmore > a:hover
.items-row.row-0 .readmore > a:hover  {
    background: none;
    color: #E6313C;
    text-decoration: none;
    text-align: left;
    padding: 0;
}

.items-row.row-0 .readmore > a {
    background: transparent;
    color: #FFF;
}

.row .row {
    background: transparent;
    /*-- margin: 28px 0 0 0; --*/
}

/*.row .row .cat-child {background: #FFF;}*/
.row .row .cat-child {background: transparent;}

.row, .itemid-101 .row {
    margin-left: 0;
    margin-right: 0;
    background: transparent;}

.blog .item:hover img {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

#jaardocumenten .blog .item {height: 820px;}

#jaardocumenten .blog img {
    height: 100%;
    width: 100%;
    max-width:  490px;
    max-height: 50%;
    overflow: hidden;
}

.layout-blog .readmore {padding: 20px 0 0 0;}

.item-image {
    text-align: center;
    padding: 30px 10px;
}

.below-content-container {min-height: 280px;}

ul.homehor  {margin: 0 0 0 18px;}

ul.homehor li {
    width: 25%;
    display: block;
    float: left;
    padding: 0 2% 0 1%;}

ul.homehor li:first-child {padding: 0 2% 0 0;}

#home .articleBody img {float: left;}
#home .img-intro.img-intro-left > img {border: 0;}

#nieuws .col-sm-12.first .col-sm-12,
#psychische-stoornissen .col-sm-12.first .col-sm-12 {padding: 15px 30px 0 30px;}

#nieuws .col-sm-12 .pull-left.item-image,
#psychische-stoornissen .col-sm-12 .pull-left.item-image{
    width: 144px;
    height: auto;
    margin: 0 20px 0 0;
}

#nieuws .col-sm-12 .item {
    padding: 5px 20px 10px 0;
    border-bottom: 1px solid #EBEBEB;
}


/*=> First horizontal Blog item <========================================= */
.horizontal-wrapper h2 {
    padding: 6px 0 0 0;
    font-size: 1.6em;
}

.horizontal-wrapper h2.item-title {font-size: 1.6em;}

.horizontal-wrapper .col-sm-12 .special-article-home {
    margin: 0 auto;
    width: 1190px;
}

.horizontal-wrapper .col-sm-12 .leading-0 {
    width: 100%;
    height: 350px;
    min-height: 298px;
    clear: both;
    margin: 0;
    padding: 0;
}

.horizontal-wrapper .col-sm-12 .leading-0 h2 a {color: #F39A00;}

.horizontal-wrapper .col-sm-12 .items-row.row-0,
.horizontal-wrapper .col-sm-12 .items-row.row-1 {
    width: 100%;
    clear: both;
    margin: 0;
    padding: 0;
}

.horizontal-wrapper .col-sm-12 .items-row.row-1 .item.column-1 {
    padding: 10px 0 0 0;
    left: 0;
}

.horizontal-wrapper .col-sm-12 .items-row.row-2 .item.column-1,
.horizontal-wrapper .col-sm-12 .items-row.row-0 .item.column-1,
.horizontal-wrapper .col-sm-12 .items-row.row-1 .item.column-1 {
    width: 100%;
    clear: both;
    min-height: 290px;
    padding: 34px 0 56px 35px;
    margin: 0 auto;
}

.horizontal-wrapper .col-sm-12 .items-row.row-0 .item.column-1,
.horizontal-wrapper .col-sm-12 .items-row.row-1 .item.column-1 {
    background: transparent;
}

.horizontal-wrapper .col-sm-12 .items-row .item.column-1 ul,
.horizontal-wrapper .col-sm-12 .items-row .item.column-1 ol {
    padding: 0 0 0 20px;
    margin: 0;
}

.horizontal-wrapper .col-sm-12 .items-row .item.column-1 ol li {
    margin:0;
    left: 0;
}

.horizontal-wrapper .col-sm-12 .items-row.row-0 .wrapper-featured-articles p {
    position: relative;
    z-index: 9000;
}

.horizontal-wrapper .col-sm-12 .items-row.row-0 .wrapper-featured-articles,
.horizontal-wrapper .col-sm-12 .items-row.row-1 .wrapper-featured-articles,
.horizontal-wrapper .col-sm-12 .items-row.row-2 .wrapper-featured-articles {width: 56%;}

.horizontal-wrapper .col-sm-12 .items-row.row-0 .wrapper-featured-articles {width: 66%;}

.horizontal-wrapper .pull-left.item-image img {
    width: 270px;
    height: auto;
    float: left;
    background: #FFF;
    padding: 5px;
    margin: 16px 35px 0 0;
    border: 1px solid #F5B84D;
}


/*=> CTA Apply <========================================================== */
.blog-content-container .moduletable.wrapper-cta-apply {
    position: absolute;
    top: -220px;
    z-index: 8000;
    width: 100%;
}

.blog-content-container .moduletable.wrapper-cta-apply .bannergroup {
    width: 182px;
    margin: 0 auto;
}

.blog-content-container .moduletable.wrapper-cta-apply .bannergroup .banneritem {
    position: absolute;
    top: 0;
    margin: 0 0 0 272px;
    width: 182px;
}

.blog-content-container .moduletable.wrapper-cta-apply .bannergroup .banneritem img {
    width: 75%;
    height:auto;
}
/* SM 2020 uitgezet
.blog-content-container .category-desc,
#home .blog-content-container .category-desc {width: 75%;}
*/

/*#verwijzers .blog-content-container .category-desc.clearfix {width: 66%;}*/

.blog-content-container .category-desc p {position: relative;}

.blog-content-container .cat-child .category-desc {width: 100%;}

.horizontal-wrapper .wrapper-cta {
    margin: -5px 40px 0 70px;
    float: right;
    display: block;
}

#home .horizontal-wrapper .moduletable.wrapper-cta-home {
    position: absolute;
    top: 380px;
    z-index: 8000;
    width: 100%;
}

#home .horizontal-wrapper .moduletable.wrapper-cta-home .bannergroup {
    width: 192px;
    margin: 0 auto;
}

#home .horizontal-wrapper .moduletable.wrapper-cta-home .bannergroup .banneritem {
    width: 192px;
    margin: 0 0 0 422px;
}


/*=> Verwijzers - Werken bij <============================================ */
#verwijzers.layout-blog p.aanmeldprocedure-verwijzers-second-par,
.view-article p.intro-open-sollicitatie {
    position: absolute;
    display: none;
}

/*=> Vacatures <========================================================== */
#werken-bij-mediant iframe .topbar,
#vacatures .zorgselect .vacature-column-plaats,
#vacatures .zorgselect .vacature-column-nummer,
#vacatures .zorgselect .vacature-column-internenummer {
    position: absolute;
    display: none;
}

#vacatures .zorgselect .info-row .label {
    font-weight: 100;
    text-align: left;
    color: #111;
}

#vacatures .zorgselect .vacature-column-titel {
    width: 70%;
    display: inline-block;
}

.zorgselect .vacature-column-uren_tot {width: 10%;}

#vacatures .zorgselect .vacature-column-sluitingsdatum {width: 15%;}

#vacatures .zorgselect .vacature-column-plaatsingsdatum {
    width: 15%;
    display: none;
}


/*================================================| Footer |================================================================*/
.footer {
/*
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat; */
    padding: 0;
    position: relative;
    clear: both;
	min-height: 150px;
}

.view-category .footer {
    background-position: 0 0;
    background-repeat: no-repeat;
    min-height: 150px;
    padding: 0;
    position: relative;
    clear: both;}

.footerwrapper {
    background-color: #002349;
    min-height: 150px;
    position: relative;
    clear: both;
}

.footer .container {
    padding: 40px 0 56px 35px;
    margin: 0 auto;
}

.footer, .footer a,
.footermenu a, .footermenu {
    color: #000;
    font-weight: 100;
}

.footer-background img {width: 100%;}

.footermenu {margin: 0 auto;}

.footermenu li {
    list-style-type: none;
    display: inline-block;
    float: left;
}

.footer p, .footer a, .footer * {color: #FFF;}

.footer a:hover {opacity: 0.7;}

.footer ul {
    list-style-type: none;
    line-height: 22px;
    font-size: 1em;
}

/*.footer .menu {margin: 41px 0 0 0;}*/


/*=> Footer Coloms <====================================================== */
/*.footer .col-sm-3 {width: 26.4%;}*/

.footer .col-sm-3:first-child,
.footer .col-sm-3:last-child {
    /*width: 22.5%;*/
    margin: 0;
    padding: 0;
}

/*.footer .col-sm-3:last-child {width: 20%;}*/


/*=> Footer E-letter <==================================================== */
/*.footer .am_introfinal {
    float: left;
    width: 260px;
    margin-right: 30px;
    top: 0;
    display: block;
}*/

.footer .acymailing_introtext {
    /*width: 256px;*/
    /*min-height: 130px;*/
}

.footer .acymailing_form p {display: block;}

.footer input {
    color: #E75D00;
    border: 0px solid transparent;
    /*width: 240px;*/
    width: 100%;
    padding: 8px 12px;
    font-size: 1.1em;
    /*margin-bottom: 5px;*/
    /*margin-bottom: -10px;*/
    border-radius: 0;
    height: auto;
}

.footer input[type=text]:focus {
    box-shadow: unset;
}

.footer .eletter .btn {
    background-color: #F1911E;
    background-image: none;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 1.2em;
    border: 0px solid transparent;
    border-radius: 0;
    color: #FFF;
    width: 222px;
}

.footer ::-webkit-input-placeholder { /* Edge */
  color: #002349;
}
.footer :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #002349;
}
.footer ::placeholder {
  color: #002349;
}

.footer .acysubbuttons {text-align: left;}

.footer .eletter h3 {
    font-size: 1.5em;
    margin: 20px 0 5px 0;
}
.footer .acymailing_module {
    /*margin-top: 45px;*/
    /*margin-top: 30px;*/
}

.footer .acymailing_module .form-group {
    margin-bottom: 0;
}
.footer .acymailing_module .row {
	/*margin-top: -15px;*/
}
.footer .acymailing_module .help-block {
    margin-top: 0px;
    margin-bottom: 0px;
    display: none;
}

.footer .acymailing_module input[type=submit] {
    color: #FFF;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5812f+0,ee492d+100 */
    background: rgb(246,129,30); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(246,129,30) 0%, rgb(241,72,33) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(246,129,30)), color-stop(100%,rgb(241,72,33))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* IE10 preview */
    background: linear-gradient(to right,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5812f', endColorstr='#ee492d',GradientType=1 ); /* IE6-9 */
    margin-top: 5px;
    padding: 12px;
}

.footer .acymailing_module input[type=submit]:hover {
	/*background: #428BCA;*/
	opacity: 0.7;
}

.moduletable.acymailing_footer,
.moduletable.MediantKrant {
	/*margin-top: 45px;*/
}

.footer .acymailing_module.mobile-view {display: none;}
.footer .acymailing_module.desktop-view {display: block;}
@media (max-width: 480px){
	.footer .acymailing_module.mobile-view {
		display: block;
		margin-bottom: 10px;
	}
	.footer .acymailing_module.desktop-view {display: none;}
}


/*=> Footer Affiliates Logos right <============================================== */
.col-sm-3:last-child .moduletable {
    width: 50%;
    /*width: 30%;*/
    float: left;
    padding-left: 7px;
    padding-right: 7px;
}

.col-sm-3:last-child .moduletable img:last-child {
    max-height: 190px;
    width: auto;
    padding: 15px;
}

.item .moduletable .banneritem a {
    position: absolute;
    right: 20px;
    top: 20px;
}


/*================================================| Aanpassingen |==========================================================*/

/* DENNIS: Aangepast tbv flippingbook */
.modal {
    display: block;
    outline: 0 none;
    overflow: hidden;
    position: relative;}

.fb_topBar h2 {
    font-family: KlavikaLight-Plain, arial, sans-serif !important;
    font-size: 1.1em;
    color: #509DE3;}

/* GEERT: Geen idee... */
#osmap {
    margin: 0 50px;
    background: #FFF;
    padding: 20px 20px 10px 20px;}

#sitemap .col-sm-12 {margin: 0 !important;}

.cat-child .page-header {min-height: 40px;}

.cat-child .category-desc {margin: 15px 0 0 0;}

.blog .item .itemtxt {
    margin-top: 15px;
    padding-top: 0;}


.cat-children .cat-child.col-xs-12:last-child {margin-bottom: 30px;}

.layout-blog .cat-child .readmore {
    padding: 20px 0 0 0;
    margin: 0 0 30px 0;
}

.hoogte-blok-tekst {
    overflow: hidden;
}

#jaardocumenten .hoogte-blok-tekst {
    height: auto;
    overflow: auto;}

#aanmeldprocedure-client.view-category .avPlayerWrapper {display: none;}

.page-header {border-bottom: 0px solid transparent;}

.cat-children .cat-child > div, .cat-child > div {background: #FFF; padding: 15px 0 1px 30px;}

/* ======================================= Restyling 2019 ====================== */
.label-info {
    background-color: #F7AA41;
    padding: .6em;
    display: inline-block;
    border: 0;
    border-radius: 0;
    margin: .2em 0;
}
.label-info[href]:hover, .label-info[href]:focus {
    background-color: #0a9df0;
    color: #FFF;
}
.locaties-item-inner h4 {
    font-size: 22px;
    color: #e30500;
    margin: 0 0 10px 0;
}
.locatie-tags ul, .tagssimilar ul {
    margin: 10px 0;
}
.locatie-tags li, .locaties-item-inner .tags.inline li {
    display: inline;
}
.locatie-tags h3 {
    margin: 10px 0;
}

.kaart h3 {
    margin: 0 0 10px 0;
}

.locatie_info {
    background: #001f3c;
    padding: 25px;
}
.zoeken-form .locatie-form-con {
    width: 100%;
    padding-left: 50px;
    margin-top: 60px;
    /*padding-right: 50px;*/
}
.zoeken-form .locatie-form-con .row {
    margin-top: 0;
}

.zoeken-form .col-sm-3 img {
	width: 100%;
	height: 190px;
	top: 28px;
	position: relative;
}

#zoek-locatie {
    background: #FFF url(../img/bg_search-marker.svg) no-repeat right top;
    /* SM: IE9^ heeft exacte afmetingen nodig bij svg anders werkt BG plaatsing niet. 
     * http://tutorials.jenkov.com/svg/svg-viewport-view-box.html 
     */
    background-size: 55px 55px; 
    width: 100%;
    height: 60px;
    font-size: 22px;
    padding: 15px 55px 15px 16px;
    border: 2px solid #0099f6;
    margin: 20px 0;
    border-radius: 0px;
}
a.naam-locatie {
    /*pointer-events: none;*/
    padding-top: 10px;
}

.zoeken-form {padding: 40px 0; margin-bottom: 40px;}
.zoeken-form .btn-dropdown {
    background: #e30500;
    width: 100%;
    height: 60px;
    font-size: 22px;
    color: #FFF;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 60px;
}

.zoeken-form .col-sm-9 {padding-top: 55px;}


.container-fluid.zoeken-kaart {
    position: absolute;
    z-index: 4001;
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
}


.locaties.blog .blog-content-container .item {
    float: left;
    margin: 0 0 30px 0;
    padding: 0 10px;
    background:transparent;
    overflow: hidden;
    scroll-behavior: smooth;
}

.btn-group {display: block;}

.btn-dropdown {
    background: #e30500;
    color: #FFF;
    display: block;
    cursor: pointer;
    width: 40%;
    text-align: left;
    padding: 16px;
    font-size: 22px;
    border: 0;
}

.btn-dropdown .fa.fa-caret-down {
    position: absolute;
    right: 15px;
    top: 23px;
    width: 32px;
    height: 15px;
    /*background: url(../img/bg_dropdown-arrow-down.svg) no-repeat 0 0;*/
    font-size: 1px;
}

.btn-dropdown:hover, 
.btn-dropdown:active,
.btn-group.open .btn-dropdown:hover, 
.btn-group.open .btn-dropdown:active {
    background: rgb(226,86,33) !important;
    background: -moz-linear-gradient(left, rgba(226,86,33,1) 0%, rgba(230,112,49,1) 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(226,86,33,1)), color-stop(100%,rgba(230,112,49,1))) !important;
    background: -webkit-linear-gradient(left, rgba(226,86,33,1) 0%,rgba(230,112,49,1) 100%) !important;
    background: -o-linear-gradient(left, rgba(226,86,33,1) 0%,rgba(230,112,49,1) 100%) !important;
    background: -ms-linear-gradient(left, rgba(226,86,33,1) 0%,rgba(230,112,49,1) 100%) !important;
    background: linear-gradient(to right, rgba(226,86,33,1) 0%,rgba(230,112,49,1) 100%) !important;
    background-position-x: 0% !important;
    background-position-y: 0% !important;
    background-repeat: repeat !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25621', endColorstr='#e67031',GradientType=1 ) !important;
    -webkit-transition: background 500ms ease-out 0.1s !important;
    -moz-transition: background 500ms ease-out 0.1s !important;
    -o-transition: background 500ms ease-out 0.1s !important;
    transition: background 500ms ease-out 0.1s !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    color: #FFF !important;
    cursor: pointer !important;
    border-radius: inherit !important;
}
.dropdown-menu.category-module {
    border-radius: 0;
    top: 60px;
    margin: 0;
    border: 1px solid #ccc;
    /*width: 480px; */
    width: 100%;
    z-index: 9999;
}

.dropdown-menu.category-module > li > a {
    color: #111;
    padding: 6px 16px;
    text-decoration: none;
    display: block;
    font-size: 18px;
    cursor: pointer;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.stoornis-tags h3, 
.locatie-tags h3, .kaart h3, 
.routebeschrijving h3, .aanmelden h3 {
    font-size: 20px;
    font-weight: 200;
    color: #FFF;
    padding: 15px 0;
}
.locaties-item-inner p.readmore {
    position: absolute;
    /*left: 15px;*/
    /*bottom: 20px;*/
    bottom: 0px;
}
.locaties-item-inner p.readmore a {
    border: 0px;
}
.locaties.blog .item .itemtxt {
    margin: 0;
    overflow: hidden;
    padding-bottom: 30px;
}
.hoogte-blok-tekst.locaties-item-inner {
    background: #f8f8f8;
    padding: 20px;
}
.hoogte-blok-tekst.locaties-item-inner h2 {
    font-size: 24px;
}
.hoogte-blok-tekst.locaties-item-inner h3 {
    font-size: 20px;
    padding:6px 0 4px 0;
    margin: 0 0 10px 0;
}
.hoogte-blok-tekst.locaties-item-inner p {
    font-size: 18px;
    line-height: 1.5em;
}
.hoogte-blok-tekst.locaties-item-inner.stoornissen {
    border: 2px solid #f8f8f8;
    background:white;
}
/* Extra info module (rights) op stoornis pagina */
.stoornis-extra-info {
	background: #001f3c;
	padding: 20px;
	color: #FFF;
}

.stoornis-extra-info .stoornis-aanmelden h3,
.stoornis-extra-info .stoornis-tags h2 {font-size: 26px;}

.stoornis-extra-info .stoornis-aanmelden h3,
.stoornis-extra-info .stoornis-aanmelden p,
.stoornis-extra-info .stoornis-tags h2,
.stoornis-extra-info .stoornis-tags p {
    color: #FFF;
    padding-top: 15px;
}
.stoornis-extra-info .stoornis-aanmelden iframe {
    margin-top: 15px;
}
.stoornis-extra-info .stoornis-tags {
    margin-top: 15px;
    border-top: 1px solid #2e475f;
}
.stoornis-extra-info .stoornis-tags .label-info {
	font-weight: 100;
	font-size: 14px;
}

@media (min-width: 768px) {
    .aanmelden h2, .kaart h2, .aanmelden h3, .kaart h3 {
        padding-top: 0px;
        margin-top:0px;
    }
}

/* Cookie melding */
.cc-window .cc-btn.cc-allow {display: none;}
.cc-window .cc-btn.cc-deny,
.cc-window .cc-btn.cc-dismiss {
    border-radius: 3px;
    border: 0;
    padding-top: 8px;
    color: #ee8f2e !important;
}
.cc-window .cc-btn.cc-deny:hover,
.cc-window .cc-btn.cc-dismiss:hover {
    background: #ee8f2e !important;
    color: #FFF !important;
    text-decoration: none;
}
.cc-window .cc-message-text a:link, 
.cc-window .cc-message-text a:visited {
    color: #FFF;
    border-bottom: 1px solid #ee8f2e;
}
.cc-window .cc-message-text a:hover {color: #ee8f2e;}
.cc-window .cc-message-text {line-height: 25px;}


/********************** Zoeken module in menu ****************/
button.collapse-button {
    position: absolute;
    right: 20px;
    top: 8px;
    z-index: 2000;
    color: #f14821;
    border:2px solid transparent;
    padding: 6px 5px;
    background:transparent;
    /*border-radius: 6px*/
}
button.collapse-button:hover {
    /*background: #428BCA;*/
    /*border:2px solid #428BCA;*/
    border:2px solid transparent;
    background:transparent;
    color: #002349;
}
.top-search button {
    background:#ea5600;
    border:1px solid #ea5600;
    margin: 0;
    font-size: 1em;
    padding: 8px 12px;
    line-height: 19px;
    height: 34px;
    margin-top: -1px;
    margin-left: 8px;
	border-radius: 5px 0 20px 0;
}

/* SM: IE 10,9,8 aanpassingen */
@media screen\0 {
    .top-search button {
        position: relative;
        top: -2px;
        height: 34px;
    }
}

/*Edge*/
@supports (-ms-ime-align:auto) {

    .top-search button {
        position: relative;
        top: -1px;
    }
}


.top-search button:hover {
    background: #002349;
    border:1px solid #002349;
}
.top-search input {
    color: #E75D00;
    width: 240px;
    padding: 8px 12px;
    font-size: 1em;
    border:1px solid #ea5600;
    border-radius: 0px;
    line-height: 19px;
    height: 34px;
}
.top-search input:focus {
    border:1px solid #002349;
}
.top-search {
    /*position: absolute;*/
    /*right: 20px;*/
    /*top: 51px;*/
    background: white;
    padding: 20px;
    /*z-index: 2000;*/
    /*border-bottom-left-radius: 12px;*/
    /*border-bottom-right-radius: 12px;*/
    /*width: 100%;*/
    border-radius: 0 0 25px 10px;
}
.topsearch.finder {
    /*display: inline-block;*/
}
.top-search.finder form {
    text-align: center;
}

#collapseSearch {
    position: absolute;
    right: 20px;
    z-index: 2000;
    top: 51px;
}
.finder.mobile-view {display: none;}

@media (max-width: 1200px) {
    button.collapse-button {
        right: 70px;
        display: none;
    }
    .top-search {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    #collapseSearch {
        /*position: absolute;*/
        position: relative;
        right: 0px;
        top: inherit;
        width: 80%;
        /*border-bottom-left-radius: 0;*/
        /*border-bottom-right-radius: 0;*/
        /*height: 74px;*/
        margin: 25px 10% 35px 10%;
		display: inline-block;
        display: inline-block !important;
    }

    .home-search.collapse {height: 0px;}
    .home-search.collapse.in,
    .home-search.collapsing {
      max-height: 74px!important;
    }

    #collapseSearch form {
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	width: 70%;
    }
    #collapseSearch form .btn {
    	margin: 0 0 0 8px;
		border-radius: 5px 0 20px 0;
		border: none;
    }
    #collapseSearch form input {
    	width: 78%;
		padding: 8px 12px;
		font-size: 1em;
    }
    
}

@media (max-width: 767px){
	#collapseSearch {
    	margin-top: 55px;
    }

    #collapseSearch form,
    #collapseSearch form input  {
    	width: 100%;
    }
    #collapseSearch form .btn {
    	margin: 10px 0;
    	width: 100%;
    }
}

@media (max-width:500px) {

    .top-search {
        border-bottom-left-radius: 25px;
    }        
}


/********** Slim Zoeken Homepage ************/
.locatie-form-con .finder {
    margin-top: 10px;
    float: left!important;
    width: 100%;
}
.mod-homepage-finder-searchform .btn.btn-primary.finder {
    margin: 0;
    background: #ea5600;
    border: 2px solid #ea5600;
    font-size: 2em;
    padding: 8px 12px;
    height: 56px;
    /*width: 15%;*/
    width: 55px;
    position: absolute;
    right: 0px;
}
.mod-homepage-finder-searchform .search-query {
    height: 56px;
    border: 2px solid #ea5600;
    font-size: 22px;
    padding: 15px;
    /*float: left;*/
    /*width: 85%;*/
    width: 100%;
    padding-right: 65px;
}
/*
.container-fluid.zoeken-kaart .col-md-6 {
    padding-left: 65px;
    padding-right: 50px;
}
*/
.locaties.container {
    padding-top: 100px;
}
#mapcontainer {
    margin-top: -100px;

}
.locatie_info #mapcontainer {
    margin-top: 0px;

}

@media (min-width: 768px) {
    .col-sm-6.midden {
        float:left !important;
    }
}
@media (max-width: 767px) {
    .zoeken-form .locatie-form-con, .container-fluid.zoeken-kaart .col-md-6  {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 480px) {
    .col-sm-6.midden {
        padding-left: 15px;
        padding-right: 15px;
    }
    .locaties.container {
        padding-top: 0px;
    }
    #mapcontainer {
        margin-top:0px;
    }
}


/* =========== POH GGZ BUTTON ================== */
.btn-poh-ggz,
.btn-poh-ggz:hover,
.btn-poh-ggz:focus {
    display: block;
    width: 100%;
    /*margin-top: 30px;*/
    margin: 20px 0;
    font-size: 22px;
    background: #267fca url(../img/bg_poh-ggz-marker.svg) no-repeat right top;;
    background-size: 55px 55px;
    color: #FFF;
    text-align: left;
    line-height: 50px;
    height: 60px;
    padding-left: 20px;
    padding-right: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-poh-ggz:hover {background-color: #50a3ef;}

@media (max-width: 991px){
    .col-md-3.poh-ggz-btn {margin-top: -30px;}
}
@media (max-width: 767px){
    .col-md-3.poh-ggz-btn {padding-left: 0; padding-right: 0;}
}


/* ============= Locaties en Adressen op contactpagina ========== */
#locaties-en-adressen .panel-title {
    font-size:22px;
    color: #001f3d;
}
#locaties-en-adressen .panel-title a {
    color: #001f3d;
}
#locaties-en-adressen .panel-title a:hover,
#locaties-en-adressen .panel-title a:focus {
    color:#f14821;
}
#locaties-en-adressen .panel-group .panel {
    border-radius: 6px;
}
#locaties-en-adressen .panel-heading {
    border-radius:6px;
}
#locaties-en-adressen .panel-body h4 {
    margin: 20px 0 10px 0;
}



/* ============= Corona-pagina ========== */

#covid-19-richtlijnen .blog-content-container .blog-header-background {min-height:180px; margin-bottom:28px;}


#covid-19-richtlijnen .item-image {margin: 0; padding:0;}

#covid-19-richtlijnen .blog-header{height: 70px;}


/* ============= Aimy Form Guard (aanmelden nieuwsbrief) ========== */
.rsform-block-aimy-captcha .formControls {visibility: hidden;}

#rsform_4_page_0 .col-sm-12 {padding-left: 0;}

/* ============= Mailchimp module ============= */
.mailchimp-mod {
    background: #001f3c;
    padding: 20px;
    color: #FFF;
    margin-top: 25px;
}
.mailchimp-mod .mc-field-group {
    margin: 15px auto;
}
.mailchimp-mod .indicates-required {
    margin: 15px 0;
}
.mailchimp-mod h3 {
    font-size: 26px;
    color: #FFF;
    /*padding-top: 15px;*/
}
.mailchimp-mod label {
    display: block;
    margin-bottom: 5px;
}
.mailchimp-mod input {
    width: 100%;
    padding: 8px 12px;
    font-size: 1.2em;
    margin-bottom: 5px;
    border-radius: 0;
    height: auto;
    border: 0px solid transparent;
}
.mailchimp-mod p {
    color: #FFF;
}
.mailchimp-mod .radio input[type="radio"], 
.mailchimp-mod .radio-inline input[type="radio"], 
.mailchimp-mod .checkbox input[type="checkbox"], 
.mailchimp-mod .checkbox-inline input[type="checkbox"] {
    position: inherit;
    margin-left: 0px;
}
.mailchimp-mod .content__gdprLegal {
    margin-top: 25px;
}
.mailchimp-mod .button {
    background-color: #F7AA41;
    padding: .6em;
    display: inline-block;
    border: 0;
    border-radius: 0;
    margin: .2em 0;
    color: #FFF;
}
.button:hover, .button:focus {
    background-color: #0a9df0;
    color: #FFF;
}

/* ============= BTN buttons style 2020 ============== */
.bg-linear1 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5812f+0,ee492d+100 */
    background: rgb(246,129,30); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(246,129,30) 0%, rgb(241,72,33) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(246,129,30)), color-stop(100%,rgb(241,72,33))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* IE10 preview */
    background: linear-gradient(to right,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5812f', endColorstr='#ee492d',GradientType=1 ); /* IE6-9 */
}
.rounded1 {
	border: 0;
    border-radius: 15px 0 35px 0;
}
.rounded2 {
	border: 0;
	border-radius: 7px 0 20px 7px;
}
.rounded3 {
    border: 0;
    border-radius: 0 15px 50px 0;
}
.btn-square-linear {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5812f+0,ee492d+100 */
    background: rgb(246,129,30); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(246,129,30) 0%, rgb(241,72,33) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(246,129,30)), color-stop(100%,rgb(241,72,33))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* IE10 preview */
    background: linear-gradient(to right,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5812f', endColorstr='#ee492d',GradientType=1 ); /* IE6-9 */
    font-family: KlavikaMedium-TF, Arial, sans-serif;
    padding: 16px 0 13px 0;
    text-align: center;
    color: #FFF;
    width: 100%;
    font-size: 1.1em;
    border: none;
}
.btn-square-linear:hover {
	color: #FFF;
	background: #002349;
}

.btn-square-white {
	font-family: KlavikaMedium-TF, Arial, sans-serif;
    background: white;
    padding: 16px 0 13px 0;
    text-align: center;
    color: #002349;
    width: 100%;
    font-size: 1.1em;
}
.btn-square-white:hover {
    color: #ee492d;
}
@media (max-width: 992px){
	.btn-square-white {
	    font-size: 1.3em;
	}
}

/* ============= CTA Klanten Cijfer 2020 ============= */
.cta-rapportcijfer {
	/*width: 70%;*/
	width: 30%;
	float: left;
}
.cta-rapportcijfer a,
.cta-rapportcijfer a:hover {
	color: #FFF;
}
.cta-rapportcijfer .btn {
	display: inline-block;
	white-space: inherit;
	border: none;
	padding: 15px;
}
.cta-rapportcijfer span {
	width: 100%;
	display: inline-block;
	font-size: 5em;
	font-weight: bold;
}

.alerts {
    /*border: 1px solid red;*/
    position: absolute;
    width: 100%;
    top: 41px;
    /*z-index: 9;*/
    z-index: -10;
    padding: 0;
    min-height: 79px;
    background-color: #002349;
}
.alerts .container {
	padding-left: 280px;
}
.alerts p {
    position: relative;
    /*left: 275px;*/
    color: #FFF;
    /*padding: 10px 285px 10px 0;*/
    padding: 10px 5% 10px 0;
}
.alerts strong {
	color: #FFF;
}

@media (max-width: 767px){
    .alerts .container {
    	padding-left: 0;
    }
    .alerts p {
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* Meer weten over... / Stoornissen */
.meer-weten-over {
    background: #FFF;
    display: inline-block;
    width: 2000px;
    min-height: 175px;
    border-radius: 0 60px 0 0;
    position: absolute;
    bottom: -30px;
    left: -1240px;
}
.meer-weten-over .btn-group {
    float: right;
    width: 430px;
    margin-right: 6%;
    margin-top: 60px;
}
.meer-weten-over .btn-group button {
    width: 100%;
    font-size: 30px;
    color: #002349;
    background: transparent;
    font-weight: 600;
}

.meer-weten-over .btn-group button::after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5812f+0,ee492d+100 */
    background: rgb(246,129,30); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(246,129,30) 0%, rgb(241,72,33) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(246,129,30)), color-stop(100%,rgb(241,72,33))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* IE10 preview */
    background: linear-gradient(to right,  rgb(246,129,30) 0%,rgb(241,72,33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5812f', endColorstr='#ee492d',GradientType=1 ); /* IE6-9 */
    /***/
    content: '';
    /*display: block;*/
    height: 3px;
    width: 90%;
    position: absolute;
    bottom: 0;
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    border-radius: 25px;
    right: 60px;
}


.meer-weten-over .btn-dropdown:hover, 
.meer-weten-over .btn-dropdown:active, 
.meer-weten-over .btn-group.open .btn-dropdown:hover, 
.meer-weten-over .btn-group.open .btn-dropdown:active {
	background: transparent !important;
	color: #f14821 !important;
}
.meer-weten-over .btn-dropdown:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.meer-weten-over .btn-dropdown .fa.fa-caret-down {
	position: absolute;
    width: 50px;
    height: 50px;
    background: url(../img/bg_dropdown-arrow-down.svg) no-repeat 0 0;
    background-size: contain;
    top: unset;
    bottom: 0;
    right: 0;
    font-size: 1px;
}
.meer-weten-over .btn-dropdown .fa.fa-caret-down::before {
    content:'';
}
.meer-weten-over .dropdown-menu.category-module {
    border-radius: 0;
    top: 65px;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    z-index: 9999;
}

@media(max-width: 767px){
    .meer-weten-over .btn-group button {
        font-size: 24px;
    }
	.meer-weten-over {
	    width: 100%;
	    left: -30px;
        min-height: 125px;
        /*bottom: -50px;*/
	}
    .meer-weten-over .btn-group {
        width: 80%;
        margin-top: 28px;
    }
}


/* Onze expertise 2020 */
.newsflash.expertise {
    margin: 60px auto !important;
    
    /*SM: Ugly fix...*/
    position: relative;
    top: initial;
}
.newsflash.expertise h1 {
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 2.2em;
}
.expertise .newsflash-item {
    background: #FFF;
    padding: 25px 30px 55px 30px;
    margin: 15px 0 0 0;
    word-wrap: break-word;
}
.expertise .newsflash-title,
.expertise .newsflash-title a {
    color: #f14821;
    font-weight: 600;
    margin: 15px 0;
}
.expertise .newsflash-title a:hover {
    color: #002349;
}
.newsflash.expertise .readmore {
    margin-bottom: 0;
}
.newsflash.expertise .readmore a {
    padding: 5px 0;
    position: absolute;
    bottom: 20px;
    right: 65px;
    color: #002349;
}
.newsflash.expertise p.readmore a:hover {
    background: transparent;
    color: #ee492d !important;
    cursor: pointer;
    font-size: 1em;
}
.btn-expertise-overzicht {
    width: 33.33333%;
    float: right;
    padding: 0 15px;
    /*margin-top: 15px;*/
    margin-top: -35px;
}
.btn-bar-overzicht {
	min-height: 35px;
}

@media(max-width: 991px){
	.newsflash.expertise .inner {
		display:none;
	}
	.newsflash.expertise .newsflash-item {
		min-height: inherit !important;
		padding: 25px 30px 25px 30px;
	}
    .btn-expertise-overzicht {
        width: 100%;
    }
}

/* Artikel in beeld 2020 */
.in-beeld .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.newsflash.in-beeld {
    margin: 0px auto !important;
    
    /*SM: Ugly fix...*/
    position: relative;
    top: initial;
}
.in-beeld .newsflash-item {
    min-height: initial !important;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.in-beeld .newsflash-item div { /* Vertical uitlijnen BS3 */
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.in-beeld .newsflash-item .col-md-6:first-child {
    padding-left: 0;
    padding-right: 0;
    margin-left: -16px;
}
.in-beeld .newsflash-image {
    min-height: 28vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 100px 0;
}
.in-beeld .newsflash-item .inner,
.in-beeld .in-beeld-no-img {
    padding-left: 35px;
    padding-right: 35px;
}
.in-beeld .newsflash-item h2 {
	font-family: KlavikaLight-Plain, Arial, sans-serif;
    font-size: 2em;
    color: #f14821;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: normal;
}
.in-beeld .newsflash .readmore a {
    padding: 5px 0;
    position: absolute;
    right: 10%;
    bottom: inherit;
}
@media (min-width: 991px) and (max-width: 1600px) {
    .in-beeld .col-md-4 {width: 50% !important;}
}
@media (max-width: 991px){
	.in-beeld .newsflash-image {
    	background-position: top -35px center;
	}
	.in-beeld .newsflash-item h2 {text-align: center;}
	.in-beeld .newsflash-item .col-md-6:first-child {
		margin-left: 0;
	}
	.in-beeld .newsflash .readmore a {
		position: inherit;
		float: right;
	}
	.in-beeld .newsflash-item .inner,
	.in-beeld .in-beeld-no-img {
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 35px;
	}
}

/* Actueel 2020 */
.actueel-home {
	margin-top: 40px; 
	margin-bottom: 40px;
}
.actueel-home h2 {
	text-align: center;
	font-family: KlavikaLight-Plain, Arial, sans-serif;
	font-size: 2.4em;
	color: #f14821;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: normal;
}
.actueel-home .newsflash-item {
	border-radius: 20px 0 60px 20px;
	-webkit-box-shadow: 4px 7px 10px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 4px 7px 10px 0px rgba(0,0,0,0.10);
	box-shadow: 4px 7px 10px 0px rgba(0,0,0,0.10);
	margin: 15px 0 0 0;
}
.actueel-home .newsflash-image {
	min-height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: -20px -20px 30px -20px;
    border-radius: 20px 0 60px 20px;
}
.actueel-home .item-inner {
	margin-right: 35px;
	margin-left: 35px;
}
.actueel-home .newsflash-title, 
.actueel-home .newsflash-title a {
    color: #f14821;
    font-weight: 600;
    margin: 15px 0;
}
.actueel-home .newsflash-title a:hover {
    color: #002349;
}
.actueel-home .inner p {
	text-align: justify;
}
.actueel-home .readmore {
	padding-left: 20px;
}
.actueel-home .readmore a {
    padding: 5px 0;
    position: absolute;
    bottom: 20px;
    right: 65px;
    color: #002349;
}
.btn-actueel-archief {
    width: 33.33333%;
    float: right;
    padding: 0 15px;
    /*margin-top: 40px;*/
    /*margin-bottom: 50px;*/
    margin-bottom: 25px;
}
@media(max-width: 991px){
    .btn-actueel-archief {
        width: 100%;
        margin-bottom: 0px;
        margin-top: -35px;
    }
    .actueel-home .item-inner {
    	margin-left: inherit;
    	margin-right: inherit;
    }
    .actueel-home .col-md-6 {
    	margin-bottom: 25px;
    }
}


div[itemprop="articleBody"] {
	overflow-x: hidden;
}
div[itemprop="articleBody"] table {
    overflow-x: scroll;
    max-width: 100%;
}

.campaign a:link, .campaign a:visited {
    color: #f14821;
}
.campaign a:hover {color: #001f3d !important;}

#verwijzers .itemtxt.clearfix .readmore img {
    height: 365px;
    width: auto;
}
@media (min-width: 768px) {
    .blog.over-mediant .col-sm-6 {
        margin-top: 0px;
    }
}