@charset "utf-8";
@font-face {
    font-family: 'Vodafone_Lt';
    src: url('../fonts/Vodafone_Lt.eot');
    src: url('../fonts/Vodafone_Lt.eot') format('embedded-opentype'),
         url('../fonts/Vodafone_Lt.woff2') format('woff2'),
         url('../fonts/Vodafone_Lt.woff') format('woff'),
         url('../fonts/Vodafone_Lt.ttf') format('truetype'),
         url('../fonts/Vodafone_Lt.svg#Vodafone_Lt') format('svg');
}

@font-face {
    font-family: 'Vodafone_Rg_Bold';
    src: url('../fonts/Vodafone_Rg_Bold.eot');
    src: url('../fonts/Vodafone_Rg_Bold.eot') format('embedded-opentype'),
         url('../fonts/Vodafone_Rg_Bold.woff2') format('woff2'),
         url('../fonts/Vodafone_Rg_Bold.woff') format('woff'),
         url('../fonts/Vodafone_Rg_Bold.ttf') format('truetype'),
         url('../fonts/Vodafone_Rg_Bold.svg#Vodafone_Rg_Bold') format('svg');
     }

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display: block;}
html, body {font-size: 15px;line-height:24px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family:'Vodafone_Lt', sans-serif;margin:0;color:#333;height:100%;}
*:after, *:before {font-family: FontAwesome;position:relative;color:#333;}
*:before{margin:0 5px 0 0;}
*:hover {-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}
*:focus {outline: none!important;}
.visually-hidden {display:none;}

body.public main#content  {background:none;padding:100px 20px 20px;}
body.public nav, body.public header {display:none;}
/*main#content {background:url(../img/header.jpg) no-repeat center top;min-height:250px;max-width:1366px;padding:220px 0 20px;margin:0 auto;overflow: hidden;}*/
main#content.procesdetails {padding:250px 0 20px;}
main#content {padding: 20px 0;}
.container {max-width:1280px;box-sizing: border-box;margin:0 auto;padding:0 40px;}
p, table, ul.content {margin:0 0 32px;}
a {color:#e60000;}
.margin0{margin:0 0 5px!important;}
.rood {color:#e60000!important;}
ol,ul {margin:0 0 32px;}
h1, h2, h3, h4, #content .gbs3 h1 {font-family:'Vodafone_Rg_Bold';font-size:32px;margin:0 0 32px;}
#content .gbs3 h1 {margin:0;}
img {max-width:100%;height:auto;}
h2 {font-size:26px;}
h3 {font-size:20px;color:#333;}
h4 {font-size:16px;}
h1, #content .gbs3 h1 {color:#e60000;}
h4.video:before {content: "\f16a";color: #E60000;}
nav.navigation {background:#e60000;padding:10px 0;}
ul.nav.menu {font-family:'Vodafone_Rg_Bold';margin:0;padding:0;list-style:none;display: inline;vertical-align: top;}
ul.nav.menu li {display:inline-block;vertical-align:top;margin-right:4%;}
ul.nav.menu li.item-101 {margin:0 5px 0 0;}
ul.nav.menu li a {color:#fff;text-decoration:none;line-height:40px;display:block;font-size:16px;}
ul.nav.menu li img {width: 40px;height: auto;display: inline-block;vertical-align: top;}
section.zoeken {background:#f9f9f9;padding:10px 0;text-align:right;}
input[type='search'] {-webkit-appearance: none;height:35px;line-height:35px;padding:0 10px;border:1px solid #DCD9D5;border-radius:3px;}
div.search.container {line-height: 35px;}

div.switch {border-radius:5px;border:2px solid #fff;display:inline-block;background:#fff;margin: 3px 0 0 0;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
div.switch a {padding: 5px 10px!important;text-decoration: none;display: inline-block;color:#e60000;vertical-align:top;line-height:30px!important}
div.switch a.active {color:#fff;background:#e60000;border-radius: 5px;}
div.switch a img {display:block;vertical-align: middle!important;overflow: hidden;}

ul.homenews-3 {margin:0 auto 60px;padding:0;list-style:none;overflow: hidden;}
ul.homenews-3 a {color:#fff;text-decoration:none;}
ul.homenews-3 p  {margin:0 0 20px;}
ul.homenews-3 li h4 {font-size:20px;margin:0 0 10px;} 
ul.homenews-3 li:first-of-type h4 {font-size:32px;margin:0 0 20px;} 
ul.homenews-3 li {float:left;width:35%;padding:18.5% 20px 0;box-sizing: border-box;position:relative;}
ul.homenews-3 li:first-of-type{width:65%;padding-top:37%;}
ul.homenews-3 li div.intro {display:none;}
ul.homenews-3 li:first-of-type div.intro {display:block;}
ul.homenews-3 li div.nieuws-content {position: absolute;bottom: 20px;left: 20px;right: 20px;}
span.tag a {color:rgba(255,255,255,0.5);line-height: 14px;}
span.date {position: absolute;top: 0;right: 0;font-size: 13px;line-height: 13px;padding: 5px;background: rgba(230, 0, 0, 0.9);color: #fff;border-radius: 0 0 0 5px;z-index: 99;}
ul.homenews-3 span.tag a, ul.homenews-3 span.tag a:before {color:rgba(255,255,255,0.8);}


div.module.nieuws {margin:0 auto 32px;overflow:hidden;border-bottom: 1px solid rgba(51,51,51,0.1);}
div.module.nieuws h2 {color:#e60000;margin:0 0 20px;}
ul.nieuws.column3 a, ul.column1.related a {color:#333333;text-decoration:none;}
ul.nieuws.column3 h4 {font-size:18px;margin:32px 0 20px;}
ul.nieuws.column3 {width:100%;margin:0 auto;padding:0;list-style:none;overflow:hidden;}
ul.column3 li {width:32%;display:block;float:left;margin:0 2% 32px 0;position:relative;padding:0;}
ul.column3 li:nth-child(3n) {margin-right:0;}
div.image-intro {padding-top: 56.25%;position: relative;}
ul.nieuws.column3 span.date-tag, ul.nieuws.column3 span.tag a, .inner-container span.tag a, .inner-container span.date-tag, span.tag a {color:rgba(51, 51, 51, 0.5);text-decoration:none;}
ul.nieuws.column3 span.date-tag {position:absolute;bottom:0;left:0;width:100%;}
span.tag a {margin: 0 10px 0 0;}
span.tag a:before, h1.tag:before {content: "\f02b";color: #333;}

div.module.nieuws.archief {border:0;}
div.module.nieuws.archief h2 {font-size:18px;}
ul.column2 {list-style:none;margin:0;padding:0;}
ul.column2 a {text-decoration:none;color:#333333;display: block;}
ul.column2 h4 {font-size:14px;margin:0;}
ul.column2 span.date {position:relative;background:none;color:#333;padding:0;}
ul.column2 li {margin:0 0 32px;}
ul.column1.related {margin:0;padding:0;list-style:none;}
ul.column1.related h4 {margin:20px 0;font-size:18px;}
ul.column1.related li {margin:0 0 40px;position: relative;}


div.videocontainer {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;margin:0 0 40px;}
iframe.youtube {width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
div.pageheader {padding:0 0 20px 0;margin:0 0 40px 0;border-bottom:1px solid rgba(51, 51, 51, 0.5);}
div.pageheader.extra-space {margin:60px 0 40px;}
div.left-container {width:70%;float:left;} 
div.right-container {width:25%;float:right;}
div.right-container h3 {font-size:24px;color:#e60000;}
div.imagecontainer {margin:0 0 40px;}
div.imagecontainer img {display:block;width:100%;}
.pageheader span.date-tag  {position: relative;display:block;}
.pageheader span.date {background:none;color: rgba(51, 51, 51, 0.5);font-weight:normal;padding:0;}
div.tags.container {padding-top:60px;}

ul.nieuws.column1 {list-style:nonemargin:0;padding:0;}
ul.nieuws.column1 li {margin:0 0 32px;}
ul.nieuws.column1 a {text-decoration:none;color:#333333;display: block;}
ul.nieuws.column1 h4 {font-size:14px;margin:0;}
ul.nieuws.column1 span.date {position:relative;background:none;color:#333;padding:0;}

div.container.cat-overview, div.container.procesdetailpage {margin:60px auto 0;}
div.container.cat-overview.proces h2 {border-bottom:2px solid #E60000;padding:0 0 20px;}
/*div.container.cat-overview.proces div.subcat  {border:1px solid rgba(51, 51, 51, 0.1);padding:20px;margin: 0 0 32px;width: 90%;float: right;position:relative;}*/
div.container.cat-overview.proces div.subcat h2 {border:0;font-size: 18px;margin:0;}
/*div.container.cat-overview.proces div.subcat:before {content:'\f0e8';position:absolute;top:0;left:-5%;font-size:26px;color:rgba(51, 51, 51, 0.2);}*/
ul.column4 {padding:0;margin:0 0 40px;overflow:hidden;column-count:3;list-style:none;-ms-column-count: 3;}
ul.column4 li {margin:0 0 20px 0;border:1px solid rgba(51, 51, 51, 0.1);box-sizing: border-box;width: 100%;-webkit-column-break-inside: avoid; column-break-inside: avoid;overflow:hidden;}
ul.column4 li:nth-child(4n+4) {margin-right:0;}
ul.column4 li a {display:block;padding: 10px;text-decoration:none;color:#333;line-height:18px;height: 100%;box-sizing: border-box;position: relative;}
ul.column4 li a:hover {background:rgba(51, 51, 51, 0.05);}

div.container.procesdetailpage h1 {border:0;}
div.menu-container {width:30%;float:left;margin-top: -18px;}
div.text-container {width:65%;float:right;}
div.text-container h2 {border-bottom: 1px solid #E60000;padding: 0 0 22px;}
div.text-container span.date {position:initial;background:none;color:#333;padding:0;display:block;margin:0 0 20px;}
div.download-file {padding-top:20px;border-top:1px solid rgba(51,51,51,0.1);}
div.download-file:before, a.download-file:before, li.download a:after {content:'\f019';color: rgba(51,51,51,0.5);font-size: 20px;}
div.download-file a, a.download-file {color: rgba(51,51,51,0.5);text-decoration:none;}
div.download-file a:hover {color:#E60000;}

div.vragenvuur, span.vragenvuur {font-family:'Vodafone_Rg_Bold';position:absolute;left:0;bottom:0;width:100%;background:#ffc000;text-align:center;color:#fff;padding:5px;box-sizing:border-box;text-transform:uppercase;}
span.vragenvuur {display:inline;position:initial;margin: 0 0 0 5px;font-size: 8px;border-radius:3px;vertical-align: middle;}

ul.sidemenu, ul.children {font-family:'Vodafone_Lt';list-style:none;padding:0;margin:0;}
ul.sidemenu li {padding:0px;position:relative;}
ul.sidemenu li span {padding:20px;box-sizing:border-box;display: block;}
ul.sidemenu li.parent {border-bottom:2px solid rgba(51, 51, 51, 0.1);cursor:pointer;}
ul.children li.parent {border:0;}
ul.sidemenu li.parent:after {content:'\f054';color:#E60000;position:absolute;right:10px;top:20px;}
ul.sidemenu li.parent li.parent:after{content:'';}
ul.sidemenu li.parent.active:after {content:'\f078';}
ul.children {margin:0;display:none;}
ul.children.active {display:block;}
ul.children li.parent {cursor:initial;}
ul.children li.parent:after {content:'';}
ul.sidemenu li.parent.active ul.children {display:block;}
ul.children li {padding:0;}
ul.children li a {display:block;text-decoration:none;color:#333;background:#f8f8f8;padding:20px;box-sizing:border-box;margin:0;border-bottom:1px solid rgba(51, 51, 51, 0.1);position:relative;}
ul.children li a:last-child {border:0;}
ul.children li a:hover {background:rgba(51,51,51,0.1);}
ul.children li.current a {color:#E60000;}
li.download a:after {position:absolute;right:10px;top:22px;}
ul.children li.download a {padding-right:35px;}

div.kruimelpad {background:#fbfcfc;border-bottom:1px solid #d8e1e6;padding:10px 0;display:none;}
div.kruimelpad div.inner {max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
div.kruimelpad ul {list-style:none;margin:0;padding:0;}
div.kruimelpad ul li {display:inline-block;vertical-align:top;margin:0 10px 0 0;}
div.kruimelpad ul li a {text-decoration:none;}
div.kruimelpad ul li.last {margin:0;}
div.kruimelpad ul li.last:before {content:'\f054';margin:0 10px 0 0;color:rgba(51,51,51,0.5);font-size: 10px;}

div.search h1, div.contact h1 {margin:0;}
div.result-container {padding:10px;border-bottom:1px solid rgba(51,51,51,0.1);}
div.result-container a {text-decoration:none;}
div.result-container a:before {content:'\f0c1';color:rgba(51,51,51,0.5);}
div.result-container dd {margin:0;}
div.result-container:nth-child(odd) {background:#f9f9f9;}
div.login fieldset, div.profiel fieldset {border:0;padding:0;}
div.login div.pageheader, div.profiel div.pageheader  {margin:20px 0 20px;padding:0;}
div.login div.pageheader h1, div.profiel div.pageheader h1 {margin:0 0 20px;padding:0;}
div.login img.logo {margin: 0 auto 20px; display: block;}
div.login div.pageheader {border:0;max-width: 400px; margin: 0 auto;}
div.login h1 {text-align:center;font-size:22px;}
div.login input[type=text], div.login input[type=password], div.login input[type=email] {padding:5px 10px;-webkit-appearance: none;border-radius:3px;border:1px solid rgba(51,51,51,0.5);font-size: 16px; }
button[type=submit] {border:0;background:#E60000;color:#fff;border-radius:3px;padding:10px 20px;font-family: 'Vodafone_Rg_Bold';cursor:pointer;-webkit-appearance: none;font-size: 16px;margin:20px 0;}
button[type=submit]:hover {background:#333;}

div.control-group.name, div.control-group.username, div.control-group.email1, div.control-group.email2{display:none;}

span.wachtwoord {color:#E60000;cursor:pointer;}


section.gray{background:#c9c9c9;}
section.gray .container, footer#footer .container {padding:100px 40px;}
a.c2a.gray {display: inline-block;font-family: 'Vodafone_Rg_Bold';background:#5b5b5b;color:#fff;text-decoration:none;padding:15px;}
a.c2a.gray:hover{background:rgba(91,91,91,0.5);}
footer#footer {background:#2e2e2e;color:#fff;}

span.nieuwsarchief {cursor:pointer;color: #e60000;}
span.nieuwsarchief:after {content:'\f196';color: #e60000;margin:0 0 0 10px;font-size:26px;top:5px;}
span.nieuwsarchief.active:after {content:'\f147';}
.highlight {background:yellow;}

body #onesignal-popover-container #onesignal-popover-dialog .popover-button.primary {background: #e60000!important;}
body #onesignal-popover-container #onesignal-popover-dialog .popover-button.secondary {color:#e60000!important;}
span.mod-date {font-size:11px;color:gray;display:block;}
span.mod-date:before {content:'\f044';margin:0 5px 0 0;color:gray;}
div.trainingen ul li a:after {content:'\f08e';margin:0 0 0 10px;color:#e60000;}
div.trainingen ul li a {text-decoration:none;}
.wp-optin-dialog-powered-by {display:none;}
.wp-optin-dialog-container, .wp-optin-dialog-container .wp-optin-dialog-text .wp-optin-dialog-message  {font-size: 14px!important;background:#fff!important;font-family:'Vodafone_Lt', sans-serif!important;}
.wp-optin-dialog-container, .wp-optin-dialog-container {border:none!important;padding:20px!important;}
.wp-optin-dialog-container .wp-optin-dialog-button.wp-optin-dialog-positiveButton { background-image: linear-gradient(to bottom,#e60000,#ab0909)!important;}
ul.downloads {list-style: none;margin: 0 0 60px;  padding: 30px 0 0 0;border-top:1px solid rgba(51,51,51,0.1);}
ul.downloads li {display:inline-block;}
ul.downloads li:not(:last-of-type) {margin:0 30px 0 0;}
ul.downloads li a:hover, ul.downloads li a:hover:before {color:#e60000;}
div#system-message {background:#eee;}
div#system-message h4 {margin:0 0 10px;}
div#system-message p.alert-message {margin:0;}
div#system-message  div.alert {max-width: 1280px;padding: 20px 40px;margin: 0 auto;overflow: hidden;}
a.close {cursor:pointer;display:block;width:40px;;height:40px;float:right;}

div.dimelo_chat_button {display:none!important;}
div.dimelo_chat_button.active {display:block!important;}

.tokenizer-block { margin: 16px 0; }
.tokenizer-btn { margin-top: 12px; background: #e60000; color: #fff; border: none; font-weight: 700; font-size: 1rem; padding: 0.7rem 1.4rem; border-radius: 10px; cursor: pointer; transition: background 0.15s ease; }
.tokenizer-btn:hover { background: #b80000; }
.tokenizer-loader { display: flex; align-items: center; gap: 10px; margin-top: 12px; color: #555; }
.tokenizer-spinner { width: 20px; height: 20px; border: 3px solid #ccc; border-top-color: #e60000; border-radius: 50%; display: inline-block; animation: tokenizer-spin 0.8s linear infinite; }
.tokenizer-result { margin-top: 14px; }
.tokenizer-code-label { font-size: 0.85rem; color: #5a5a66; margin-bottom: 4px; }
.tokenizer-code { font-size: 2.4rem; font-weight: bold; letter-spacing: 6px; color: #111; line-height: 1.1; }
.tokenizer-expiry { color: #5a5a66; margin-top: 8px; font-size: 0.9rem; }
@keyframes tokenizer-spin { to { transform: rotate(360deg); } }
@media (max-width: 480px) {
.tokenizer-code { font-size: 2rem; letter-spacing: 4px; }
.tokenizer-btn { width: 100%; }
}