@import url(https://fonts.googleapis.com/css?family=Ek+Mukta:400,700);

/*kleuren*/
/*lichtblauw:#9ED1F1*/
/*donkerblauw:#132C76 */
/*lichtrood:#ef7779*/
/*lichtgroen:#96C9C4*/
/*donkergroen:#01515C*/

.rotatebghouder .rotatebg {background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgmenu1 .rotatebghouder .rotatebg{background-image: url(../img/bg/Van-Fles-naar-KunstWerkt.jpg)!important}
.bgmenu2 .rotatebghouder .rotatebg{background-image: url(../img/bg/Van-Fles-naar-KunstWerkt.jpg)!important}
.bgmenu3 .rotatebghouder .rotatebg{background-image: url(../img/bg/Van-Fles-naar-KunstWerkt.jpg)!important}
.bgmenu4 .rotatebghouder .rotatebg{background-image: url(../img/bg/Van-Fles-naar-KunstWerkt.jpg)!important}
.bgmenu5 .rotatebghouder .rotatebg{background-image: url(../img/bg/Van-Fles-naar-KunstWerkt.jpg)!important}
.bgmenu6 .rotatebghouder .rotatebg{background-image: url(../img/bg/Van-Fles-naar-KunstWerkt.jpg)!important}
.bgmenu7 .rotatebghouder .rotatebg{background-image: url(../img/bg/Van-Fles-naar-KunstWerkt.jpg)!important}

html {scroll-behavior: smooth;}
body {font-family: 'Ek Mukta'!important;}
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%);}
}

/*/NAVIGATIE/*/
#theme-page-navigation .logo {height: 56px;}
@media (min-width: 1200px) {
    #Body.page-21 #theme-page-navigation .logo {height: 154px;}
	#Body:not(.page-21) #theme-page-navigation .logo {height: 88px;}
    .gescrolld #theme-page-navigation .logo {height: 56px;}
	#Body.page-21.gescrolld #theme-page-navigation .logo {height: 56px;}
	#Body.gescrolld #theme-page-navigation .logo {height: 56px;}
}
.gescrolld #theme-page-navigation {filter: drop-shadow(0px 0px 14px rgba(34, 34, 34, .2));}
/*//*/

/*/FONTS/*/
h1, .h1, h2, .h2, h3, .h3 {text-transform:uppercase; font-weight: 700;}
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}
/*//*/

/*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}
/*///*/

/*COLLECTIE*/
.collectie h2{
    font-size: 1.3rem;
	font-weight: 700;
}
.collectie {
    border: none;
	background-color: rgba(242,186,82,.1);
    margin-bottom: 15px;
    border-radius: 10px !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
.collectie:hover {
    background-color: #f2ba52;
}
/*///*/

/*ACCORDEON/FAQ*/
.accordion-button {
    font-size: 1.2rem;
	font-weight: 700;
}
.accordion-button:not(.collapsed) {
    background-color: #dd695c;
    color: white;
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, .125);
}
.accordion-item {
    border: none;
    margin-bottom: 15px;
    border-radius: 10px !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
.accordion-collapse.collapsing {
	background-color: #f9cbc6;
}
.accordion-item .show {
	transition: background-color 200ms linear;
	background-color: #f9cbc6;
}
.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/kw/assets/img/icons/circle-arrow-left-light.svg) no-repeat 50% 50%;
    mask: url(/Portals/_default/Skins/kw/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/kw/assets/img/icons/circle-arrow-right-light.svg) no-repeat 50% 50%;
    mask: url(/Portals/_default/Skins/kw/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;}
.LoginPanel .passreminder { margin-top: 10px;}
@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;}
}
.dnnForm .dnnFormRadioButtons{display: block;}
.dnnForm .dnnLabel {display: inherit;}
.dnnForm fieldset>div {display: inherit;}
/*///*/


/*FORMS*/
.page-break-section {background-color: transparent!important; padding: 0!important; box-shadow: none!important; display: block!important}
.LiveForm.Default ul.page-break-section .Field {padding: 0px 0px 10px 0px!important;}
.label_hidden {display: none!important}

/*///*/

/*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/kw/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;}

.dnnSearchResultItem-Subset .dnnSearchResultItem-Title,.dnnSearchResultItem-Subset .dnnSearchResultItem-Others,
ul.searchSkinObjectPreview, .dnnSearchBoxClearText,.dnnSearchBoxPanel,.dnnSearchResultPanel {display: none!important;}

.search-block {
  display: flex;
	position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
  float: none;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.search-block #dnn_dnnSearch3_ClassicSearch,
.search-block #dnn_dnnSearch2_ClassicSearch,
.search-block #dnn_dnnSearch_ClassicSearch {
  padding: 8px 0;
  border: 0;
  background-color: inherit;
  box-shadow: none;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin: 0;
    width: 100%;
  line-height: 0;
}
.search-block #dnn_dnnSearch3_ClassicSearch .searchInputContainer,
.search-block #dnn_dnnSearch2_ClassicSearch .searchInputContainer,
.search-block #dnn_dnnSearch_ClassicSearch .searchInputContainer {
  margin: 0;
    flex: 1;
}
.search-block #dnn_dnnSearch3_ClassicSearch .SearchButton,
.search-block #dnn_dnnSearch2_ClassicSearch .SearchButton,
.search-block #dnn_dnnSearch_ClassicSearch .SearchButton {
  padding: 0.7rem 1rem;
  border-left: 1px solid #301a2e;
  line-height: 1.1;
  height: 100%;
  font-size: 1rem;
  text-align: center;
  background-color: #301a2e;
  color: #fff;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
}
.search-block #dnn_dnnSearch3_ClassicSearch .SearchButton:focus, .search-block #dnn_dnnSearch3_ClassicSearch .SearchButton:hover,
.search-block #dnn_dnnSearch2_ClassicSearch .SearchButton:focus, .search-block #dnn_dnnSearch2_ClassicSearch .SearchButton:hover,
.search-block #dnn_dnnSearch_ClassicSearch .SearchButton:focus, .search-block #dnn_dnnSearch_ClassicSearch .SearchButton:hover {
  background-color: #611f6d;
}
.search-block #dnn_dnnSearch3_ClassicSearch input[type=text],
.search-block #dnn_dnnSearch2_ClassicSearch input[type=text],
.search-block #dnn_dnnSearch_ClassicSearch input[type=text] {
  padding: 0.7rem;
  height: 100%;
    width: 100%;
  border: solid 1px #CFCFCF;
  border-radius: 0;
    font-style: italic;
    background-color: #F0EDEE;
}
.search-block #dnn_dnnSearch3_ClassicSearch input[type=text]:focus,
.search-block #dnn_dnnSearch2_ClassicSearch input[type=text]:focus,
.search-block #dnn_dnnSearch_ClassicSearch input[type=text]:focus {
  border: solid 1px #333;border-radius: 0;
}
/*/*/

/*admin*/

.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;
}
.maskK {
	-webkit-mask-image: url(../img/masks/beeldmerk-K_mosterd.svg);
	mask-image: url(../img/masks/beeldmerk-K_mosterd.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;font-family: 'Ek Mukta'!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*/

.citaat.h2 {color: #01515C;}
@media (min-width: 992px) {
.citaat.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;}
}
.downloadlink {background-color: #EEF6FF;}
.downloadlink::before {position: absolute; left: .7em; top: 1.85em; content:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717.336%27 height=%2721.051%27 viewBox=%270 0 17.336 21.051%27%3E%3cpath id=%27Path_184%27 data-name=%27Path 184%27 d=%27M5,24.051H22.336V21.574H5ZM22.336,10.43H17.383V3H9.953v7.43H5L13.668,19.1Z%27 transform=%27translate(-5 -3)%27 fill=%27%231C3484%27/%3E%3c/svg%3E");}

.iframecode iframe {overflow-x:hidden!important;overflow-y: scroll!important;height:100%;width:100%;scrollbar-color: rebeccapurple green;}
.iframecode>div {height:100%!important;}