/*kleuren*/
/*#ffffff:255.255.255:wit*/
/*#222221:34.34.33:donkergrijs*/
/*#2c285b:44.40.91:donkerblauw*/
/*#4c969d:76.150.157:donkeraqua*/
/*#80c6d4:128.198.212:lichtaqua*/
/*#a9d778:169.215.120:lichtgroen*/
/*#c20e1a:194.14.26:rood*/
/*#c0007a:192.0.122:fuchsia*/
/*#f5d929:245.217.41:geel*/

/*#000000:0,0,0:zwart*/
/*#e7bccd:231,188,205:roze-oud*/
/*#f5bcce:245,188,206:roze*/
/*#161b36:22,27,54:donkerblauw*/
/*#0093d1:0,147,209:middenblauw*/
/*//*/

/*Homeintro*/
#module-425,
#module-400{position: relative;}
@media (min-width: 992px) {#module-425,#module-400{min-height: 800px;}}
#naarcontent {
  animation: 2.5s ease 0s infinite beat;
}
@keyframes beat {
  0%, 50%, 100% { transform: scale(1, 1); }
  30%, 80% { transform: scale(0.72, 0.75); }
}
.homeintro {width: 100%;}
@media (min-width: 576px) {.homeintro {width: 75%;}}
@media (min-width: 992px) {.homeintro {width: 50%;}}
@keyframes float {
	from {
		transform: rotate(0deg) translateY(-10px) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translateY(-10px) rotate(-360deg);
	}
}
.vishouder.top-10 { top:30px;}
.homeharing {animation: float 10s linear infinite; }

@media (min-width: 768px) {
    .homeharing {margin-left: -666px;}
    .vishouder.top-10 { top:50px;}
}
/*//*/

.bg-donkeraqua {background-color: #4c969d;}
.bg-fuchsia {background-color: #c0007a;}


.bg-lichtgroen {background-color: #8ac9b0;}
.bg-middengroen {background-color: #30aa66;}

.bg-aquablauw {background-color: #4fc6d5;}
.bg-middenblauw {background-color: #0093d1;}

.bg-petrolblauw {background-color: #00435a;}
.bg-donkerblauw {background-color: #161b36;}

.bg-roze-licht {background-color: #f5bcce;}
.bg-roze-donker {background-color: #ee7c93;}

body{font-family: "basic-sans",sans-serif!important; font-weight: 300!important;}
h1,h2,h3,h4,h5,
.h1,.h2,.h3,.h4,.h5 {font-family: bree, sans-serif!important; font-weight: 700!important;}
#to-shine-page-main .golfhouder{background-image: url(../img/golfjes-ee7c93.svg);}
body.page-root-54 #to-shine-page-main .golfhouder{background-image: url(../img/golfjes-00435a.svg);}
body.page-root-34 #to-shine-page-main .golfhouder{background-image: url(../img/golfjes-0093d1.svg);}
body.page-root-37 #to-shine-page-main .golfhouder{background-image: url(../img/golfjes-30aa66.svg);}

.bg-middenblauw .tekstblok h2,.bg-middenblauw .tekstblok .h2,
.bg-middenblauw .tekstblok h3,.bg-middenblauw .tekstblok .h3,
.bg-middenblauw .tekstblok h4,.bg-middenblauw .tekstblok .h4,
.bg-middenblauw .tekstblok h5,.bg-middenblauw .tekstblok .h5,
.bg-middenblauw .tekstblok ul,.bg-middenblauw .tekstblok ol,.bg-middenblauw .tekstblok p,
.bg-middenblauw .tekstblok a,
.bg-donkeraqua .tekstblok h2,.bg-donkeraqua .tekstblok .h2,
.bg-donkeraqua .tekstblok h3,.bg-donkeraqua .tekstblok .h3,
.bg-donkeraqua .tekstblok h4,.bg-donkeraqua .tekstblok .h4,
.bg-donkeraqua .tekstblok h5,.bg-donkeraqua .tekstblok .h5,
.bg-donkeraqua .tekstblok ul,.bg-donkeraqua .tekstblok ol,.bg-donkeraqua .tekstblok p,
.bg-donkeraqua .tekstblok a,
body.page-root-45 #broodkruimel,
body.page-root-45 #broodkruimel .breadcrumb-item + .breadcrumb-item::before,
body.page-root-45 #broodkruimel .link-dark,
body.page-root-45 #broodkruimel .text-dark,
body.page-root-45 .paginatitel h1,
.bg-fuchsia .tekstblok h2,.bg-fuchsia .tekstblok .h2,
.bg-fuchsia .tekstblok h3,.bg-fuchsia .tekstblok .h3,
.bg-fuchsia .tekstblok h4,.bg-fuchsia .tekstblok .h4,
.bg-fuchsia .tekstblok h5,.bg-fuchsia .tekstblok .h5,
.bg-fuchsia .tekstblok ul,.bg-fuchsia .tekstblok ol,.bg-fuchsia .tekstblok p,
.bg-fuchsia .tekstblok a,
body.page-root-37 #broodkruimel,
body.page-root-37 #broodkruimel .breadcrumb-item + .breadcrumb-item::before,
body.page-root-37 #broodkruimel .link-dark,
body.page-root-37 #broodkruimel .text-dark,
body.page-root-37 h2.tijdlijntitel,
body.page-root-37 .paginatitel h1
{color: #fff!important;}
body.page-root-34 {background-color: #4fc6d5!important;}
body.page-root-37 {background-color: #8ac9b0!important;}
body.page-root-45 {background-color: #4c969d!important;}
body.page-54 {background-color: #161b36!important;}

body.modal-open .menuknop {opacity: 0;}
@media (min-width: 992px) {
    #extraMenu .modal-fullscreen {width: 50vw; float: right;}
}
a.menuknop {fill:#00435a}
a.menuknop:hover {fill:#222221}
li.nav-item.active a {text-decoration: underline!important}
li.nav-item a:hover {color: #68a4da!important}

/*.page-36 .modal .node36{display: none}*/

/*ZOEKEN*/
.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; }
 .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: #222 url(/Portals/_default/Skins/stc/assets/img/icons/icoon-zoeken.png) 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: #f2f2f2; -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;}
/*/*/

/*INLOGGEN*/
.LoginPanel {display: block; padding: 1em; background-color: rgba(255, 255, 255, 0.90);}
.dnnFormItem input[type=email],.dnnFormItem input[type=password],.dnnFormItem input[type=search],.dnnFormItem input[type=text],.dnnFormItem select,.dnnFormItem textarea {font-size: inherit;}
body .dnnLabel,
body .dnnPrimaryAction,
body .dnnFormItem input[type="submit"],
body a.dnnPrimaryAction,
body .dnnFormItem button,
body .dnnFormItem input[type="button"],
body .dnnFormItem input[type="reset"],
body .dnnSecondaryAction,
body a.dnnSecondaryAction,
body ul.dnnAdminTabNav li a,
body .dnnLogin .LoginTabGroup span {font-size:inherit;}
.dnnLoginRememberMe {display: block; margin-bottom: 30px;}
/*/*/

/*BROODKRUIMEL*/
.breadcrumb-item + .breadcrumb-item::before{content:">";}  
/*/*/

/*PROGRAMMA*/
.row.list.prglijst .bg-white{transition: all 0.1s ease-in-out;}
.row.list.prglijst .bg-white:hover{background-color: #e7bccd!important;}
.row.list.prglijst .bg-light{transition: all 0.1s ease-in-out;}
.row.list.prglijst .bg-light:hover{background-color: #e7bccd!important;}
/*/*/

/*NOG AANPASSEN IN THEME*/
.form-control {font-size: 1.375rem}
/*#to-shine-page-navigation {
  position: relative;
}*/
#to-shine-page-navigation {
    transition: top 0.3s;
}

.accordion-button {background-color: #000!important;color: #fff!important;box-shadow:none!important}
.accordion-button::after {background-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e')!important;}
.accordion-button.collapsed {background-color: #fff!important;color: #222221!important;}
.accordion-button.collapsed::after {background-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000000%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e')!important;}
/*/*/

/*TOC*/
body.page-root-36 .toc-hoofd {text-align: center}
.toc { position: relative; margin: 20px auto 0 auto; text-align: center; }
.toc>ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.toc>ul>li { list-style: none; display: block; position: relative; background: #fff; border: solid 3px #000; padding: 0px; margin-bottom: 15px; line-height: 1.2em; }
.toc>ul>li:hover { background: #2c285b; }
.toc>ul>li:hover a{ color: #fff;}
/*/*TOC*/

/*GOLFJES*/
#to-shine-page-main {position: relative;min-height: 700px;}
#to-shine-page-main .golfhouder{position: absolute;width: 100%; height:650px; background-position: top center; background-size:contain;background-repeat: repeat-x;z-index: -1}
.role-admin #to-shine-page-main {z-index: auto!important}
/*//*/

.eds_GravityGallery_Nova .edsgg_thumbnailWrapper .edsgg_title {font-family: bree, sans-serif!important; font-weight: 700!important;}
.eds_GravityGallery_Nova .edsgg_thumbnailWrapper {border: none;}
.edsgg_mediaDetails,
.edsgg_mediaDetails.edsgg_inDetails,
.edsgg_authorAndDate {display: none!important}

#dnn_ctr_EditUser_adminTabNav li:nth-child(3),
#dnn_ctr_EditUser_adminTabNav li:nth-child(4) {display: none;}

.accordion-body ol li {margin-bottom: 15px;}
ol > li::marker {
  font-weight: bold;
}

.ps-6 {padding-left: 3rem;}
@media (min-width: 576px) {.ps-6 {padding-left: 4rem;}}
@media (min-width: 992px) {.ps-6 {padding-left: 5rem;}}

.labelicoon {right: 50px!important}
.accordion-button .labelicoon .labelschip {fill:#ffffff;}
.accordion-button.collapsed .labelicoon .labelschip {fill:#0093d1;}
.accordion-button .labelicoon .labelegp {fill:#ffffff;}
.accordion-button.collapsed .labelicoon .labelegp {fill:#ee7c93;}