/*kleuren*/
/*lichtblauw:#9ED1F1*/
/*donkerblauw:#132C76 */
/*lichtrood:#ef7779*/
/*lichtgroen:#96C9C4*/
/*donkergroen:#01515C*/
html {scroll-behavior: smooth;}
body:not(.dnnEditState) .d-verberg{display: none;}
body.page-39,
.bg-lblauw{background-color: #9ED1F1;}
.bg-dblauw{background-color: #132C76;}
body.page-37,
body.page-parent-37,
.bg-lrood{background-color: #ef7779;}
.bg-lgroen{background-color: #96C9C4;}
body.page-38,
.bg-dgroen{background-color: #01515C;}
.bg-lichtgrijs{background-color: #F1F1F1;}
.bg-groenlichtgrijs {background: linear-gradient(to bottom, #96C9C4 50%, #F1F1F1 0%);}
.bg-groenlichtgrijs-30-70 {background: linear-gradient(to bottom, #96C9C4 30%, #F1F1F1 0%);}
@media (min-width: 768px) {
	.bg-md-groenlichtgrijs {background: linear-gradient(to bottom, #96C9C4 50%, #F1F1F1 0%);}
}

/*/PLATTEGROND/*/
/*//*/

/*/FONTS/*/
.tk-basic-sans-light-300 { font-family: "basic-sans",sans-serif;font-weight: 300;font-style: normal; }
.tk-basic-sans-regular-400 { font-family: "basic-sans",sans-serif;font-weight: 400;font-style: normal; }
.tk-basic-sans-semibold-600 { font-family: "basic-sans",sans-serif;font-weight: 600;font-style: italic; }
.tk-basic-sans-bold-700 { font-family: "basic-sans",sans-serif;font-weight: 700;font-style: normal; }
.btn {font-family: "basic-sans",sans-serif;font-weight: 700;font-style: normal;}
h1, .h1, h2, .h2 {font-style: italic;}
h1, .h1 {line-height: 1}
h2, .h2 {line-height: 1.1}
/*//*/

/*/LINKS/*/
a, a:hover {text-decoration-thickness: 0.06em;text-underline-offset: 0.23rem;}
.extramenu a.text-dark div.text-decoration-none {text-decoration: none!important}
a.text-decoration-both {text-decoration: none!important}
a.text-decoration-both:hover {text-decoration: underline!important}
/*//*/

/*PAGINATION*/
.pagination { display: flex; padding-left: 0; list-style: none; border-radius: .25rem }
.pagination a { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #563873; background-color: #fff; border: 1px solid #dee2e6; text-decoration: none; }
.pagination a:hover { color: #fff; text-decoration: none; background-color: #563873; border-color: #563873 }
.pagination a:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(74,20,140,0.25) }
.pagination a:not(:disabled):not(.disabled) { cursor: pointer }
.pagination li:first-child a { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem }
.pagination li:last-child a { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem }
.pagination li.active a { z-index: 1; color: #563873; background-color: #fff; border-color: #563873; cursor: none;text-decoration: none}
.pagination li.active a:hover { cursor: default;text-decoration: none}
.pagination li.disabled a { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 }
.pagination-lg a { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 }
.pagination-lg li:first-child a { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem }
.pagination-lg li:last-child a { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem }
.pagination-sm a { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 }
.pagination-sm li:first-child a { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem }
.pagination-sm li:last-child a { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem }
/*/*/

/*HOMEINTRO*/
.homepageintro {position: relative}
.homepageintro .imghouder img{object-fit: cover;width: 100%;}
.homepageintro .introductiehouder{position: relative;}
.homepageintro .introductiehouder .link-light {transition: all .1s ease-in-out;}
.homepageintro .introductiehouder .link-light:active,
.homepageintro .introductiehouder .link-light:focus,
.homepageintro .introductiehouder .link-light:hover{color: #000!important;}
.homepageintro .introductiehouder .link-light:hover .bg-dblauw{background-color: #9ED1F1;}
@media (min-width: 992px) {
    .homepageintro .introductiehouder{position: absolute; width: 540px; right: 100px;bottom: -40px;}
}
@media (min-width: 992px) {
    .introductiehouder.ml-md-n5 {margin-left: -16rem !important;}
}
.zindex2 {z-index: 2}
.zindex1 {z-index: 1}
/*/*/

/*HEADER*/
body.page-21 .logo-houder {height: 145px;width: 75px;}
body.page-21 .navbar.position-relative {position: absolute!important; width: 100%;}
@media (max-width: 767px) {
    .menuknopje svg {width: 50px; height: 75px;}
}
body.page-21.modal-open .navbar.position-relative {padding-right: 17px;}
@media (min-width: 768px) {
    body.page-21 .logo-houder {height: 237px;width: 168px;}
}
body:not(.page-21) .logo-houder {margin-top: 25px; height: 152px;width: 75px;}
.menulogohouder {height: 25%;width: 15%; position: absolute; left: 10%;}
.menulogo {max-height: 100%; width: auto;}
.dropdown-item.active {cursor: none}
/*///*/


/*ACCORDEON/FAQ*/
.list-group-item.rounded-xl {border-radius: 30px;}
[id^=accordion] .card.rounded-xl {border-radius: 30px;}
[id^=accordion] .card a.accord {transition: all .2s ease-in-out; font-weight: 700!important;}
[id^=accordion] .card a.accord:focus {box-shadow: none;}
[id^=accordion] .card a.accord::before {
    display: inline-block;
    position: absolute;
    height: 30px;
    width: 30px;
    margin-left: -40px;
    content: "";
    -webkit-mask: url(/Portals/_default/Skins/Rivierzone/assets/img/icons/circle-arrow-down-regular.svg) no-repeat 50% 50%;
    mask: url(/Portals/_default/Skins/Rivierzone/assets/img/icons/circle-arrow-down-regular.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #0464A4;
}
[id^=accordion] .card a.accord.collapsed::before {
    -webkit-mask: url(/Portals/_default/Skins/Rivierzone/assets/img/icons/circle-arrow-right-regular.svg) no-repeat 50% 50%;
    mask: url(/Portals/_default/Skins/Rivierzone/assets/img/icons/circle-arrow-right-regular.svg) no-repeat 50% 50%;
}
[id^=accordion] .card { border: 0px;}
[id^=accordion] .card-header { padding: 0; margin: 0; background-color: transparent; border-bottom: 0px solid rgba(0,0,0,0.125) }
[id^=accordion] .card-body { flex: 1 1 auto;}
[id^=accordion] a.accord {white-space: inherit;}
.faqoverzicht {position: relative;}
.ModOpenContentC ol,
.ModOpenContentC ul,
.Normal ol,
.Normal ul,
.faqoverzicht .card-body ol,
.faqoverzicht .card-body ul {margin-bottom: 1rem;}
.faqoverzicht .card-body a .badge.badge-light{color:#818181;font-weight:300;background-color: transparent!important}
.faqdetails .badge.badge-light{color:#818181;font-weight:300;background-color: transparent}
.faqdetails a .badge.badge-light{color:#818181;text-decoration: underline}
.faqdetails a:hover .badge.badge-light{color:#c3007a;text-decoration: underline}
/*/*/


/*rewrites*/
.ModRegistrationC .dnnSocialRegistration,
#dnn_ctr_EditUser_servicesTab,
#dnn_ctr_EditUser_adminTabNav li:nth-child(3),
#dnn_ctr499_Login_Profile_ProfileProperties_PreferredLocale_PreferredLocale .dnnFormRadioButtons,
#dnn_ctr_EditUser_Profile_ProfileProperties_PreferredLocale .dnnFormRadioButtons,
#dnn_ctr_EditUser_VanityUrlRow {display: none}

.carousel .carcontrol .carousel-control-prev-icon,
.carousel .carcontrol .carousel-control-next-icon { height: 65px; width: 65px; background: none!important }
.carousel .carcontrol .carousel-control-prev-icon { left: 0; }
.carousel .carcontrol .carousel-control-next-icon { right: 0; }
.carousel .carcontrol .carousel-control-prev-icon::before {
    display: inline;
    content: "";
    padding: 1rem;
    -webkit-mask: url(/Portals/_default/Skins/Rivierzone/assets/img/icons/circle-arrow-left-light.svg) no-repeat 50% 50%;
    mask: url(/Portals/_default/Skins/Rivierzone/assets/img/icons/circle-arrow-left-light.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
}
.carousel .carcontrol .carousel-control-next-icon::before {
    display: inline;
    content: "";
    padding: 1rem;
    -webkit-mask: url(/Portals/_default/Skins/Rivierzone/assets/img/icons/circle-arrow-right-light.svg) no-repeat 50% 50%;
    mask: url(/Portals/_default/Skins/Rivierzone/assets/img/icons/circle-arrow-right-light.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
}
.carousel .carcontrol .carousel-control-prev-icon svg {
    margin-left: 10px;font-size: 200%;
}
.carousel .carcontrol .carousel-control-next-icon svg {
    margin-right: 10px;font-size: 200%;
}
.carousel-indicators {bottom: -30px!important;}
.slick-slide figcaption,
.carousel-item figcaption {min-height: 62px;}
.modal .btn-close {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")}
.max-height-80vh {
  max-height: 75vh;
}
figcaption {padding-top: .5em;}
/*//*/

/*LoginPanel*/
.dnnLoginRememberMe {display: none}
.LoginPanel {float:none;}
.LoginPanel .dnnLoginActions .dnnActions {margin: 0;padding: 0;list-style: none;}
.LoginPanel .dnnLoginActions .dnnActions li {}
.LoginPanel .dnnForm.dnnLoginService.dnnClear .dnnFormItem:nth-child(5) {/*display: none*/}
.LoginPanel a.btn{font-size: 90%;}
.LoginPanel a.btn.btn-dark {border-radius: 0px; padding-left: 1.2rem;}
.LoginPanel a.btn.btn-secondary {border-radius: 0px; padding-right: 1.2rem;color: #fff;}
.LoginPanel {width: auto; min-width: 300px;}
.LoginPanel .dnnFormItem {margin-bottom: 20px;}
.LoginPanel .dnnFormItem > span.dnnFormLabel,
.LoginPanel .dnnFormLabel,
.LoginPanel .dnnLabel {display: block;float:none;width: 100%;text-align: left; margin-bottom: 4px;}
.LoginPanel .dnnLoginService input[type="password"],
.LoginPanel .dnnLoginService input[type="text"]{width: 250px;}
@media all and (max-width: 450px) {
.LoginPanel .dnnLoginService input[type="password"],
.LoginPanel .dnnLoginService input[type="text"]{width: 100%;}
.LoginPanel {width: 100%; min-width: 100%;}
.LoginPanel a.btn.btn-dark {border-radius: 0px; padding-left: 1.2rem;width: 49%;}
.LoginPanel a.btn.btn-secondary {border-radius: 0px; padding-right: 1.2rem;width: 48%;}
.dnnFormMessage.dnnFormValidationSummary {padding: 20px; background-color: #f2c8c5;}
}
/*///*/

/*Forms*/

/*///*/

/*ZOEKEN*/
#zoekmeester .zoekhouder,
#extraMenu .zoekhouder {position: relative;}
.search { position: relative; height: 51px; float: right; overflow: hidden; -webkit-transition: width .5s; -o-transition: width .5s; transition: width .5s }
.search.search-open { width: 25% }
.search.small-screens.search-open { width: 100% }
.search.small-screens.search-open .searchInputContainer input { padding: 0 124px 0 20px }
.searchInputContainer { display: block!important }
.searchInputContainer input { top: 0; right: 0; border: 0; outline: 0; background: #E9E9E9; width: 100%; height: 53px; margin: 0; padding: 0 82px 0 20px; font-size: 1em; font-style: italic; font-weight: 300!important; }
.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}
.searchInputContainer a.dnnSearchBoxClearText { right: 63px!important }
.searchInputContainer a.dnnSearchBoxClearText.dnnShow { bottom: 12px }
#search-action, .SearchButton, .search-toggle-icon { background: #1B3479 url(/Portals/_default/Skins/rivierzone/assets/img/icons/icoon-zoeken.svg) center center no-repeat; width: 53px; height: 53px; display: block; position: absolute; top: 0; font-size: 22px; right: -3px; padding: 0; margin: 0; outline: 0; line-height: 45px; text-align: center; cursor: pointer; color: #dcddd8; text-indent: -9999px }
.SearchButton:focus, .search-toggle-icon:focus { background-color: #000; -webkit-filter: invert(1) grayscale(1); filter: invert(1) grayscale(1); }
#search-top { clear: both; width: 100%; background: #7CA0C0; padding: 0; margin: 0; height: 0; overflow: hidden; transition: all .1s ease-in-out }
#search-top.active { height: auto; padding: 15px 0; overflow: visible; }
#search-top span { display: inline!important }
#search-top input { background: #fff; border: none; font-size: 1.2em; height: 46px; margin: 0 0 0 15px; width: 70% }
#search-top a.SearchButton { background: url(images/search.png) center center no-repeat #e0dfdf; height: 46px; position: relative; display: inline-block; text-indent: -9999px; width: 60px; padding: 0; top: 5px }
#search-action { display: none; float: right; height: 34px; margin: 0; padding: 6px 12px }

.searchSkinObjectPreview { display: none;}
/*/*/

/*/ADMIN/*/
.role-admin.dnnEditState #to-shine-page-navigation {position: relative!important}
.octemplate>a {}
.DnnModule-OpenContent .oc-view .octemplate {width: auto!important;}
.dnnModuleDigitalAssetsMainToolbar  {height: auto!important;}
.dnnModuleDigitalAssetsGrid .rgMasterTable.rgClipCells tbody tr:nth-last-child(2),
.dnnModuleDigitalAssetsGrid .rgMasterTable.rgClipCells tbody tr:last-child {display: block!important}
#dnnModuleDigitalAssetsSelectionToolbar, #dnnModuleDigitalAssetsListViewToolbar, #dnnModuleDigitalAssetsListContainer,
.dnnModuleDigitalAssetsGrid > table > thead > tr {min-height: 40px;}
.dnnDialog.ui-dialog-content.ui-widget-content {font-size: 16px!important;}
.alpaca-image-display img {min-height: auto!important;}
ul.dnnActions.dnnClear{padding-left: 0;}
/*/*/


[tabindex]:not([tabindex="-1"]):focus {
    outline-color: currentColor!important;
    outline-offset: 2px!important;
    outline: 2px solid!important;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.maskR {
	-webkit-mask-image: url(../img/masks/R.svg);
	mask-image: url(../img/masks/R.svg);
	-webkit-mask-size: cover;
	mask-size: 100%, auto, cover;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,.evenwichtig {text-wrap:balance!important;}
.to-shine-footer-imprint .to-shine-login {
  width: 12px;
  margin-left: 4px;
  margin-top: -5px;
}
@media (min-width: 992px) {
    .figure.mtn50{ margin-top: -3em;}
}
/*toetepassen*/
.breadcrumb-item + .breadcrumb-item::before {content: "|"; color: #333; }
.container-lg {max-width: 1140px!important}
.modal {z-index: 2147483645;}

@media (min-width: 992px) {
.smalbreed .card-footer {min-height: 41px;}
.smalbreed .card-body {min-height: 380px;}
.row.smalbreed > .col {flex: 0 0 auto;width: 66%; }
.row.smalbreed > .col .card-body,
.row.smalbreed > .col .card-footer {width: 50%; }
.row.smalbreed > .col:nth-child(4n+0),
.row.smalbreed > .col:nth-child(4n+1) {flex: 0 0 auto;width: 34%; }
.row.smalbreed > .col:nth-child(4n+0) .card-footer,
.row.smalbreed > .col:nth-child(4n+1) .card-footer,
.row.smalbreed > .col:nth-child(4n+0) .card-body,
.row.smalbreed > .col:nth-child(4n+1) .card-body {width: 100%; }
.row.smalbreed > .col:nth-child(4n+2) .card-footer,
.row.smalbreed > .col:nth-child(4n+2) .card-body {margin-left: auto}
}

/*/*/

/*link- en tekstkleuraanpassingen*/
body.page-38 .tekstblok420 p,
body.page-38 .introtekst,
body.page-38 .introtekst h1,
body.page-38 .introtekst .h2,
body.page-38 .introtekst .h3,
body.page-38 .introtekst .h4,
.bg-dgroen .h2,
.bg-dgroen .leesmeerlink,
body.page-38 .breadcrumb-item .link-dark,
body.page-38 .breadcrumb-item + .breadcrumb-item::before,
body.page-38 .breadcrumb-item {color: #fff!important;}
.citaat.h2 {color: #01515C;}
@media (min-width: 992px) {
	.citaat.h2 {font-size: 2.75rem;}
	.tekstblok h2 {font-size: 3.125rem;}
}
/*/*/


.small.table td {padding-left:0!important;}
.small.table td:last-child {padding-right:0!important;}
@media (min-width: 992px) {
    .small.table td {font-size: 65%!important;}
}