@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff');
}
.lang-root-en #hoofdmenu {visibility: hidden}
.ModOpenContentC a[href]:not([href*='bcreative.']):not([href*='cvd.']):not([href^='#']):not([href^='/']):not([href^='javascript']):not(img):after {font-family: 'Glyphicons Halflings';content:"\e164";padding-left: 5px; margin-right: 7px; font-size: 85%; display: inline-block;text-decoration: none!important;position: relative; top: 1px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.bg-oranje{background-color: #F15A38;}
.bg-groen{background-color: #00635A;}
.geengroenblok{ background: #faf8f2;}
@media (min-width: 768px) {
    .oranjeblok{ background: url("../img/oranjeblok.svg") no-repeat;background-size:auto;background-position: left center;}
    .groenblok{ background: #faf8f2 url("../img/groenblok.svg") no-repeat;background-size:auto;background-position: left center;}
}
.oranjeblok .actieblok a{color: #F15A38;}
.oranjeblok .actieblok a:hover{color: #000;}

body:not(.role-admin):not(.dnnEditState) .leegblok{display: none!important;}

h2.tk-subway-paris-std {font-size: calc(3.59375rem + 1.2vw)!important;font-weight: 400!important;}
h3.tk-subway-paris-std {font-size: calc(2.59375rem + 1.2vw)!important;font-weight: 400!important;}

.card,h1{hyphens: auto;}
@media (min-width: 1200px) {
    .card{hyphens:none;}
}

.page-72 h1,.page-72 h2:not(.text-dark),.page-72 h3,.page-72 h4,
.page-44 h1,.page-44 h2:not(.text-dark),.page-44 h3,.page-44 h4 {color: #F15A38!important;}

h2, .h2 {margin-bottom: 1.5rem;}

.page-72 .stappenplan img,
.page-44 .stappenplan img {filter: invert(38%) sepia(75%) saturate(1508%) hue-rotate(324deg) brightness(99%) contrast(99%);}
.page-72 .stappenplan svg path,
.page-44 .stappenplan svg path {fill: #F15A38!important;}

svg.autofill path {fill:auto!important;}

#crisissituatie button.btn-close.text-white,
.toast button.btn-close.text-white {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");}

#crisissituatie button.btn-close.text-white {position: absolute; top: 8px;left: 4px;}

#CVD-notificaties {display: block!important;}
#CVD-notificaties .toast{max-width: 100%;width: 100%;border-right-color:#00635A!important}
@media (min-width: 576px) {
    #CVD-notificaties {display: flex!important;}
    #CVD-notificaties:not(.NoNot1):not(.NoNot2) .toast{max-width: 50%;width: 50%}
    #CVD-notificaties .toast.toastnr1{border-right-color:#ccc!important}
    #CVD-notificaties.weergave1 .toast{max-width: 100%;width: 100%;border-right-color:#00635A!important}
}
@media (min-width: 992px) {
    #CVD-notificaties {display: block!important;}
    #CVD-notificaties .toast{max-width: 100%;width: 100%;}
    #CVD-notificaties .toast.toastnr1{border-right-color:#00635A!important}
}
@media (min-width: 1200px) {
    #CVD-notificaties {display: flex!important;}
    #CVD-notificaties:not(.NoNot1):not(.NoNot2) .toast{max-width: 50%;width: 50%}
    #CVD-notificaties .toast.toastnr1{border-right-color: #ccc!important;}
    #CVD-notificaties.weergave1 .toast{max-width: 100%;width: 100%;border-right-color:#00635A!important}
}
.toast:not(.show) {display: none!important;}

.DNNModuleContent ul,.DNNModuleContent ol {margin-bottom: 2rem;}
.DNNModuleContent p {margin-bottom: 2rem;}



.alert {padding: 2rem!important;border-radius: 0px 30px 0px 30px!important;border: none!important;}
.alert p:last-of-type{margin-bottom: 0!important;}
.alert.alert-wit {background-color: #ffffff!important;margin-top: 2rem!important; margin-bottom: 2rem!important;}
.alert.alert-dark {margin-top: 2rem!important; margin-bottom: 2rem!important;}
.alert.alert-light {background-color: #faf8f2!important;margin-top: 3rem!important; margin-bottom: 3rem!important;}
.alert.alert-light h3{font-weight: 500!important; line-height: 1.4!important; margin-bottom: 1rem;}

.badge.bg-light {background-color: #e2e3e5!important;}

/* toplogo */
#to-shine-page-navigation{height: 183px}
.logobghouder{position: absolute;z-index: 999; background: url("../img/logobghouder.svg") no-repeat bottom center; width: 300px; height: 183px; background-size: cover;}
.logohouder{width: 250px;}
@media (min-width: 768px) {
    .logobghouder{position: absolute;z-index: 999; background: url("../img/logobghouder.svg") no-repeat bottom center; width: 300px; height: 183px; background-size: cover;}
    .logohouder{width: 250px;}
}
@media (min-width: 992px) {
    #to-shine-page-navigation{height: auto}
    .logobghouder{position: absolute;width: 373px;height: 228px;}
    .logohouder{width: 345px;}
}
@media (min-width: 1200px) {
    .page-is-home .logobghouder{width: 465px;height: 283px;}
    .page-is-home .logohouder{width: 434px;}
}
/* // */

/* crisissituatie */
#crisissituatie{position: sticky;bottom: -10px;z-index: 999;max-width: 430px;}
#crisissituatie a{text-align: center; display: block; padding: 8px 10px 15px 10px; color: #fff;border-radius: 10px; font-size: 1em;text-decoration-thickness: 1px;text-underline-offset: 2px;transition: all 0.15s ease-in-out }
#crisissituatie a:hover{ color: #f2f2f2;}
#crisissituatie a:hover #Path_273,#crisissituatie a:hover #Path_248 {
  fill: #f2f2f2;
}

@media (max-width: 426px) {
    #crisissituatie {margin-left: 10px!important; margin-right: 10px!important;}
}
@media (max-width: 991.9999px) {
    #crisissituatie {animation: slideVanOnderen 3s ease-in-out; }
	#crisissituatie a{padding-left: 30px}
	#crisissituatie button.btn-close.text-white {top: 13px;left: 2px;}
}

@media (min-width: 576px) {
    #crisissituatie a{white-space: nowrap;}
}
@media (min-width: 992px) {
    #crisissituatie{position: fixed;max-height: 170px; right: 0;top: 210px;width: 170px;transform: translateX(0);animation: slideVanRechts 3s ease-in-out;}
    #crisissituatie a{padding: 10px; border-radius: 10px 0 0 10px; font-size: 1.125em; white-space:normal}
}

@keyframes slideVanRechts {from{right: -100%;} to{right: 0;}}
@keyframes slideVanOnderen {from{bottom: -100%;} to{bottom: -10px;}}
/* // */

.topfooter,.bottomfooter {background-color: #F5F1E5;}
#footersticker {position: absolute; right: -50%;}
.wit64 {background-color: rgba(255,255,255,0.64);}
.wit64:hover {background-color: rgba(255,255,255,0.88);}
.wit85 {background-color: rgba(255,255,255,0.85);}
.wit85:hover {background-color: rgba(255,255,255,1);}

#hulpmenu ul li,
#hoofdmenu ul li {
  list-style-type: none;
}
@media (max-width: 1199px) {
    #hulpmenu a.h5 {font-size: calc(0.875em - .13889vw)!important;}
}
@media (min-width: 1200px) {
    #hoofdmenu a.h5 {font-size: calc(1.125rem + .13889vw)!important;}
}


.taalkeuze.dropdown-menu {min-width: 80px!important;}
.taalkeuze.dropdown-menu a{color: #00635A!important;}
.taalkeuze.dropdown-menu a:hover{background-color: #f2f2f2!important; color: #000!important;}
a.dropdown-leeg {cursor:text!important}
a.dropdown-leeg svg path {fill: #ccc!important;cursor:text}

a.telknop:hover svg path {fill: #000!important;}

/*ZOEKEN*/
#zoeken-top{position: relative}
.zoekhouder {overflow: hidden; margin-top:1rem;width: 100%;position: relative}
@media (min-width: 992px) {
    .zoekhouder:not(.footzoeker) {width: 505px;}
}
@media (min-width: 1200px) {
    .zoekhouder:not(.footzoeker) {width: 580px;}
}
.searchInputContainer { display: block!important; margin-right: 0; }
.searchInputContainer input { top: 0; right: 0; outline: 0; background: #faf8f2; width: 100%; height: 42px; margin: 0; padding: 0 82px 0 20px; font-size: 1em; font-style: italic; font-weight: 300; border: solid 1px #00635A; border-radius: 5px; }
.searchInputContainer input:focus {background: #fff;}
.searchInputContainer input::-webkit-input-placeholder { color: #737373;}
.searchInputContainer input:-moz-placeholder { color: #737373;}
.searchInputContainer input::-moz-placeholder { color: #737373;}
.searchInputContainer input:-ms-input-placeholder { color: #737373;}
.dnnSearchBox_advanced,
.searchInputContainer a.dnnSearchBoxClearText {display: none!important}
.searchInputContainer a.dnnSearchBoxClearText.dnnShow { display: none!important}
.SearchButton { background: url(/Portals/_default/Skins/CVD/Assets/img/icoon-zoeken.png) center center no-repeat; width: 42px; height: 42px; display: block; position: absolute; top: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; right: 0; padding: 0; margin: 0; outline: 0; line-height: 40px; text-align: center; cursor: pointer; color: #dcddd8; text-indent: -9999px }
.SearchButton:focus { -webkit-filter: invert(1) grayscale(1); filter: invert(1) grayscale(1); }
/*/*/
/*Zoekresultaten*/
#dnn_ctr361_ModuleContent {display: block;transition: all .2s ease-in-out; }
.aanhetladen #dnn_ctr361_ModuleContent {display: none!important;}
/*.dnnSearchResultItem-Subset .dnnSearchResultItem-Title,*/.dnnSearchResultItem-Subset .dnnSearchResultItem-Others,
ul.searchSkinObjectPreview, .dnnSearchBoxClearText,.dnnSearchBoxPanel,.dnnSearchResultPanel {display: none!important;}
.dnnSearchResultContainer > .dnnSearchResultItem-Subset {
    margin: -10px 10px 30px 0px!important;
}
.dnnSearchResultItem-Subset a[href*='tabid/0'],
.dnnSearchResultItem a[href*='tabid/0'] {display: none!important}
/*/*/

/*Forms*/
.ModLiveFormsC {display: none}
.LiveForm.Default ul.page-break-section,
.LiveForm.Default .thank-you {border-radius: 0!important;box-shadow:none!important;background-color: #faf8f2!important}
.grecaptcha-badge { visibility: hidden; display: none }
.page-break-section .recaptcha {background: url("../img/recaptcha.png") no-repeat left center;padding-left: 60px}
.page-break-section .Field.Required::before{content: "* ";position: absolute;left: 0px;}
/*.custom-select:focus,
.form-control:focus, .form-control.focus {box-shadow: 0 0 0 0.05rem #ccc!important; }*/
.posrelative {position: relative}
.moxie-shim.moxie-shim-html5:hover,
.moxie-shim.moxie-shim-html5:focus,
.moxie-shim.moxie-shim-html5 input:hover,
.moxie-shim.moxie-shim-html5 input:focus,
/*.plupload_button:hover,
.plupload_button:focus{border: solid 2px #000!important;cursor: pointer!important;}*/
.plupload_filelist_footer {background-color: #fff!important;}
li.plupload_failed,
.plupload_failed .plupload_file_name,
.plupload_failed .plupload_file_status,
.plupload_failed .plupload_file_action,
.plupload_failed .plupload_file_status,
.plupload_failed .plupload_file_size,
.plupload_failed .plupload_clearer,
.plupload_file_icon {display: none!important;}
.plupload_file_status {color: #42454A!important;}
.plupload_file_name {width: 70%!important;}
.plupload_file_size,
.plupload_file_process,
.plupload_file_status {width: 10%!important;}
li.plupload_delete {width: 100%!important;}
.plupload_failed .plupload_file_status {}
/*///*/

/*Admin*/
.alpaca-image-display img {
    min-height: auto!important;
}
.alpaca-image-display #alpaca6-image {height: auto!important;}
.DnnModule-OpenContent .oc-view .octemplate {width: auto!important;}
.DnnModule-OpenContent .oc-view .octemplate a{display: inline-block; height: auto!important;padding-left: 15px; padding-right: 15px; padding-bottom: 10px;}
.role-admin.dnnEditState #crisissituatie{display: none!important}
/*///*/

.linkblok .card {border-radius: 0px 30px 0px 30px;}
.linkblokhome .card {border-radius: 30px;}
.linkblokhomeklein .card {border-radius: 20px;}

.uitgelichtverhaal .card-footer {border-radius: 0px 0px 30px 0px;}
.uitgelichtverhaal .card-img {border-radius: 30px 0px 0px 0px;}
.uitgelichtverhaal .card-img .card-img-top{border-radius: 0px 0px 0px 0px;}
.verhalen .card-footer {border-radius: 0px 0px 0px 30px;}
.verhalen .card-img {border-radius: 0px 30px 0px 0px;}

.uitgelichtverhaal .card-img,
.verhalen .card-img {
    position: relative;
    display: block;
    overflow: hidden;
	z-index: 1;
}
.uitgelichtverhaal .card-body,
.verhalen .card-body {
	z-index: 2;
}
.uitgelichtverhaal .card-img, .uitgelichtverhaal .card-img-top,
.verhalen .card-img, .verhalen .card-img-top {
    width: 100%;
}
.uitgelichtverhaal .card-img::before,
.verhalen .card-img::before {
    padding-top: 70%;
    content: "";
    display: block;
}
@media (min-width: 576px) {
	.uitgelichtverhaal .card-img::before,
	.verhalen .card-img::before {
		padding-top: 50%;
	}
}
@media (min-width: 992px) {
	.uitgelichtverhaal .card-img::before,
	.verhalen .card-img::before {
		padding-top: 90%;
	}
}


.uitgelichtverhaal .card-img img,
.verhalen .card-img img {
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.uitgelichtverhaal .card-img img,
.verhalen .card-img img, .object-fit-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
    object-fit: cover;
}
.uitgelichtverhaal .card-img img,
.verhalen .card-img img {
    vertical-align: middle;
}
.uitgelichtverhaal .card.card-hover-appearance:focus .card-img img, .uitgelichtverhaal .card.card-hover-appearance:hover .card-img img,
.verhalen .card.card-hover-appearance:focus .card-img img, .verhalen .card.card-hover-appearance:hover .card-img img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}
.card-img.bevatvideo::after {
    position: absolute;left:50%;top:50%;margin-left: -20px;margin-top: -23px; opacity: .7;
    content:"";width: 40px;height:46px;
    background-image: url("../img/play-verhaal2.png"); 
    background-position: 50% 50%;background-size: contain}
.card:hover .card-img.bevatvideo::after {
    animation: backgroundIMG .3s ease-in-out .2s;
    animation-fill-mode: forwards;
}
@keyframes backgroundIMG {
  100% { opacity: 1; }
}
.accordion-header button {box-shadow:none!important}
.accordion-header button:hover,
.accordion-header button:focus {box-shadow: 0px -1px 1px 1px rgba(0, 0, 0, 0.4)!important}

/*footer*/
footer::before{position: absolute; right: 0; height: 100%; width: 20%; content: ""; background-image: url("../img/beeldmerk-svg-half.svg");background-repeat: no-repeat; background-size:auto;background-position: center right; margin-bottom: 50px;}
@media (min-width: 992px) {
    footer::before{background-position: top right;}
}

.to-shine-footer-imprint .to-shine-login {
    width: 12px;
    margin-left: 4px;    
}
.to-shine-footer-imprint .to-shine-login svg {
    margin-top: -5px;
}
/*///*/

/* /Video/ */
.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  background-size: 100%;
  border: none;
   text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}
.videoPoster:hover {
  cursor: pointer;
}
.videoPoster:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
    background-image: url("../img/play.png");
    background-size: 100%;
  margin: -40px 0 0 -40px;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}
/* // */

/*
.fw-light:font-weight: 300
.fw-lighter:font-weight: lighter
.fw-normal:font-weight: 400
.fw-semibold:font-weight: 500
.fw-bold:font-weight: 700
.fw-bolder:font-weight: bolder

font-family:"subway-paris-std";
font-style:normal;font-weight:400;

font-family:"azo-sans-web";
font-style:normal;font-weight:300;
font-style:italic;font-weight:300;
font-style:normal;font-weight:400;
font-style:italic;font-weight:400;
font-style:normal;font-weight:500;
font-style:normal;font-weight:700;

.tk-subway-paris-std { font-family: "subway-paris-std",sans-serif; }
.tk-azo-sans-web { font-family: "azo-sans-web",sans-serif; }
*/

/* LATER IN THEME AANPASSEN */
body {font-weight: 300;}

/* // */

/* DNN Documents */
.TitelHeader, .SizeHeader{font-weight: 500;}
.SizeHeader{text-align: right;}
/* // */