/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 01 2026 | 11:19:17 */
body a {
	text-underline-offset: 4px;
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}

body #rij-onze-havens a {
	border: 0px !important;
	text-underline-offset: 0px !important;
	text-decoration: none !important;
}

.site-main-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard {
	background: white !important;
}
.button.header-button.button-size-custom.button-style-filled {
	border-radius: 30px !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	padding: 10px 20px !important;
}
.fa-regular.fa-lock-keyhole {
	margin-right: 10px !important;
}
.header-button-inner-wrap {
	float: left !important;
	margin-left: 10px !important;
}
.header-button-inner-wrap.eerste a {
	background: #051d5d;
}
.menu-label-icon {
	margin-right: 5px !important;
}
.header-button-inner-wrap.eerste a:hover, .header-button-inner-wrap.tweede a:tweede {
	background: #000 !important;
}
.button {
	letter-spacing: 1px !important;
}
.button.geenspacing {
	letter-spacing: 0px !important;
}
a.button.header-button.button-size-custom.button-style-filled:hover {
	background: black !important;
}


#menu-item-8619 {
	border: 1px solid white !important;
	border-radius: 30px !important;
	padding: 0px 10px !important;
}
#menu-item-8619 a {
	padding: 5px !important;
}

li#menu-item-8619:hover {
	background: white !important;
	/* color: #a8be0f !important; */
}
li#menu-item-8619 a:hover {
	color: black !important;
}



#menu-item-12557 {
	border: 1px solid white !important;
	border-radius: 30px !important;
	padding: 0px 10px !important;
}
#menu-item-12557 a {
	padding: 5px !important;
}

li#menu-item-12557:hover {
	background: white !important;
	/* color: #a8be0f !important; */
}
li#menu-item-12557 a:hover {
	color: black !important;
}



.mooielink a {
	border-bottom: 1px solid !important;
}
.mooielinkhover a:hover {
	border-bottom: 1px solid !important;
}
#masthead {
	border-top: 15px solid #00A1E4 !important;
	//border-bottom: 8px solid #051d5d !important;
}
li#menu-item-827 a {
	background: #FF8700 !important;
	border-radius: 30px !important;
	//font-weight: bold !important;
	padding: 6px 20px 6px 50px !important;
}

#menu-item-827 .menu-label-icon {
	font-size: 20px !important;
	position: absolute !important;
	left: 20px !important;
	top: 5px !important;
}
#menu-item-827 {
	margin-right: 18px !important;
}
#menu-item-828 .menu-label-icon {
	font-size: 20px !important;
	position: absolute !important;
	left: 20px !important;
	top: 5px !important;
}
li#menu-item-828 a {
	padding: 6px 20px 6px 50px !important;
}



li#menu-item-12559 a {
	background: #FF8700 !important;
	border-radius: 30px !important;
	//font-weight: bold !important;
	padding: 6px 20px 6px 50px !important;
}

#menu-item-12559 .menu-label-icon {
	font-size: 20px !important;
	position: absolute !important;
	left: 20px !important;
	top: 5px !important;
}
#menu-item-12559 {
	margin-right: 18px !important;
}
#menu-item-12560 .menu-label-icon {
	font-size: 20px !important;
	position: absolute !important;
	left: 20px !important;
	top: 5px !important;
}
li#menu-item-12560 a {
	padding: 6px 20px 6px 50px !important;
}




.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
	display: none !important;
}
body.single-post #primary {
	//background: url("/wp-content/uploads/bg002.jpg");
	//background-position: center center !important;
	//background-size: cover !important;
}
body.single-post #primary {
	background: #011841 !important;
}

body.search #primary {
	background: #011841 !important;
	background-position: center center !important;
	background-size: cover !important;
}
body.single-post .content-area {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 40px !important;
}
body.search .content-area {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 40px !important;
}
.entry {
	box-shadow: 0px 15px 25px -10px rgba(0,0,0,0.05);
	border-radius: 0px !important;
}
body.single-post .content-container.site-container {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
#secondary {
	background: #003399 !important;
	padding: 50px 30px !important;
	color: white !important;
}
.primary-sidebar.widget-area .widget-title {
	color: #B8E6FC !important;
}
#recent-posts-2 li a {
	color: white !important;
}
.widget_recent_entries ul li .post-date {
	font-size: 0.8em;
	color: #B8E6FC !important;
	display: block !important;
	margin-bottom: 20px !important;
}

input[type="search"] {
	border-radius: 50px !important;
	padding: 10px 20px !important;
}

.widget-area .widget-title {
	text-transform: none !important;
}
.has-sidebar .content-container {
	grid-gap: 20px !important;
}
.navigation.post-navigation {
	background: #0095DB !important;
	margin: 0px !important;
	padding: 40px !important;
	color: white !important;
}
body.single-post #primary {
	padding-bottom: 50px !important;
}
.single-post .entry-title {
	color: #003399 !important;
	font-size: 45px !important;
	line-height: 110% !important;
}
.single-post .site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard {
	background: #0B224C !important;
}
.search .site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard {
	background: #0B224C !important;
}
h1.page-title.search-title {
	color: white !important;
}
.search .content-container.site-container {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.imgthema-container a {
	text-decoration: none !important;
}
.search .entry-meta.entry-meta-divider-dot {
	display: none !important;
}
.search .grid-cols {
	column-gap: 20px !important;
	row-gap: 20px !important;
}
body.search .content-area {
	padding-bottom: 80px !important;
}
body.search{
	background: white !important;
}
#menu-item-322 {
	border-right: 1px solid #b2c1e0;
	line-height: 0px !important;
}


#menu-item-12558 {
	border-right: 1px solid #b2c1e0;
	line-height: 0px !important;
}


.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu {
	background: transparent !important;
	box-shadow: none !important;
}
.kt-adv-heading7505_c84323-9a.wp-block-kadence-advancedheading.has-theme-palette-1-color.has-text-color {
	margin-bottom: 0px !important;
	//font-size: 18px !important;
	margin-top: 0px !important;
}
.kb-search-form button {
	background: #FF8700 !important;
	border-radius: 0px !important;
	height: 42px !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
}


h2.h2-border {
	width: fit-content !important;
}
a.h2-border {
	width: fit-content !important;
}
h2.h2-border::after {
	content: "\f178" !important;
	padding-left: 10px !important;
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 300 !important;
}
a.h2-border::after {
	content: "\f178" !important;
	padding-left: 10px !important;
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 300 !important;
}
h2.h2-border::after {
	content: "d";
	margin-left: 10px !important;
}
a.h2-border::after {
	content: "d";
	margin-left: 10px !important;
}



#menu-omgeving .img-nieuws-container {
	margin-top: 20px !important;
}
#menu-omgeving .img-nieuws-container {
	float: left !important;
	position: relative !important;
	width: 100% !important;
}
#menu-omgeving .img-nieuws-titel a:hover {
	text-decoration: none !important;
	border-bottom: 0px !important;
}
.wp-block-social-links .wp-social-link svg {
	height: 25px !important;
	width: 25px !important;
}
.site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard {
	background: #003399 !important;
}
.kb-search-input {
	border-radius: 49px 0px 0px 50px !important;
	padding-left: 20px !important;
}
.kb-search.kb-search7453_b8d4da-2f.wp-block-kadence-search button {
	border-radius: 0px 50px 50px 0px !important;
}

.home .kb-button.kt-button.button.kb-btn7453_4a1c73-d8.kt-btn-size-standard.kt-btn-width-type-auto.kb-btn-global-fill.kt-btn-has-text-true.kt-btn-has-svg-false.wp-block-kadence-singlebtn {
	height: 41px !important;
}
.kb-splide.kb-slider-group-arrows .splide__arrows .splide__arrow {
	opacity: 1 !important;
}
.kb-splide .splide__arrow--next {
	border-radius: 0px !important;
}
.kb-splide .splide__arrow--prev {
	border-radius: 0px !important;
}
h1 strong {
	color: white !important;
	font-weight: 900 !important;
}
.comment-navigation .nav-previous::after, .post-navigation .nav-previous::after {
	width: 2px  !important;
	background: white !important;
}
.widget li:not(.kb-table-of-content-list li) {
	line-height: 150% !important;
}
.kb-search-form button:hover {
	background: #003399 !important;
}
.gfield_label.gform-field-label {
	font-weight: normal !important;
}






.gform_heading {
	display: none !important;
}
#witlogo img {
	filter: brightness(0) invert(1) !important;
}
.gform-theme--foundation .gform_fields {
	row-gap: 20px !important;
}
.gfield--input-type-section {
	border: 0px !important;
}
.gsection_title {
	font-size: 18px !important;
}
.gsection_title {
	font-size: 18px !important;
	margin-bottom: -20px !important;
	margin-top: 20px !important;
}
.gform_prev_button, .gform_button, .gform_previous_button {
	border-radius: 0px !important;
	background: #0095DB !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
}
.gform-theme--framework .gf_progressbar .percentbar_blue {
	background-color: #0095DB !important;
}
.gform_previous_button {
	border: 0px !important;
	color: white !important;
}

.gsection_description {
	color: black !important;
	font-size: 16px !important;
}


/* Verberg standaard checkbox */
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
    display: none;
}

/* Maak een custom checkbox */
.gform_wrapper .gfield_checkbox input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 2px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
    background-color: #fff;
}
.gform-field-label {
	margin-left: 0px !important;
	font-size: 16px !important;
}
/* Checkbox aangevinkt */
.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::before {
    background-color: #0095DB; /* gewenste kleur */
    border-color: #0095DB;
}

/* Verwijder blauwe focus-ring voor alle Gravity Forms knoppen */
.gform_wrapper .gform_page_footer input[type="button"]:focus,
.gform_wrapper .gform_page_footer input[type="submit"]:focus {
    outline: none; /* verwijdert de blauwe rand */
    box-shadow: none; /* verwijdert eventuele schaduw */
}
.gfield_label.gform-field-label {
	//font-weight: bold !important;
}
.gform_wrapper .gform_page_footer input[type="button"]:focus {
    outline: 2px solid #ff6600; /* eigen kleur voor focus */
    outline-offset: 2px;
}
.gform-theme--framework .gform-field-label--type-sub:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	--gf-local-color: black !important;
}




/* Basisopmaak voor de tabel */
table.getijden {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

/* Randen en padding */
table.getijden th,
table.getijden td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

/* Kopregel */
table.getijden th {
  background-color: #f2f2f2;
  font-weight: bold;
}

/* Om-en-om rijkleur */
table.getijden tr:nth-child(even) {
  background-color: #f9f9f9; /* lichtgrijs */
}

/* Hover-effect (optioneel, voor duidelijkheid bij muisover) */
table.getijden tr:hover {
  background-color: #e9e9e9;
}

.kb-img.wp-image-874 {
	filter: brightness(0) invert(1) !important;
}
.kb-img.wp-image-9682 {
	filter: brightness(0) invert(1) !important;
}

#footerlinks .bredelinks .kb-button.kt-button.button  span {
	min-width: 235px !important;
	text-align: left !important;
}
:root .has-theme-palette-1-color, :root .has-theme-palette1-color {
	color: none !important;
}


:where(.is-layout-flex) {
	gap: 0.2em !important;
}

#rij-onze-havens .kb-img {
filter: invert(64%) sepia(69%) saturate(4949%) hue-rotate(164deg) brightness(92%) contrast(106%);
	margin-top: -5px !important;
}
#blauweiconen .kb-img {
filter: invert(64%) sepia(69%) saturate(4949%) hue-rotate(164deg) brightness(92%) contrast(106%);
	margin-top: -5px !important;
}
#blauweiconend .kb-img {
filter: invert(17%) sepia(94%) saturate(7482%) hue-rotate(217deg) brightness(92%) contrast(101%);


	margin-top: -5px !important;
}

.taal-switch {
  display: flex;
  align-items: center;
  gap: 8px;
}
.taal-switch img {width: 30px !important;}

.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a {
	border-bottom: 0px !important;
}
.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button {
	border-left: 0px !important;
}
.menu-toggle-open .menu-toggle-label {
	position: absolute !important;
	top: 75px !important;
}
.mobile-navigation ul li a {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 18px !important;
}
.sub-menu.show-drawer.active.pop-animated {
	margin-bottom: 20px !important;
}

.breekhetwoord {
	hyphens: auto !important;
	word-break: break-word !important;
}
.buttonContainer #btnSubmit {
	background: #003399 !important;
	border: 0px !important;
	color: white !important;
	text-transform: uppercase !important;
	padding: 10px !important;
}


.entry-date.published {
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
}

.kb-button.kt-button.button.kb-btn7453_2fba0b-e4.kt-btn-size-standard.kt-btn-width-type-auto.kb-btn-global-fill.kt-btn-has-text-true.kt-btn-has-svg-false.wp-block-kadence-singlebtn {
	border-radius: 0px 50px 50px 0px !important;
}


.wpml-ls-legacy-list-horizontal a {
	padding: 5px 0px 0px 10px !important;
}




@media only screen and (max-width: 800px) and (orientation : portrait) {  
	
.helebrederij  {
	margin-left: calc(50% - var(--global-vw, 100vw)/2);
	margin-right: calc(50% - var(--global-vw, 100vw)/2);
	max-width: 100vw;
	background: #EDF2F7 !important;
	width: var(--global-vw, 100vw);
	padding-left: 0;
	padding-right: 0;
	clear: both;
}	
.helebrederij .kt-row-layout-overlay {
	background: #EDF2F7 !important;
}
.img-nieuws-container {
	float: left !important;
	position: relative !important;
	width: 48% !important;
}	
}

@media screen and (max-width: 767px) { 
		
.helebrederij {
	margin-left: calc(50% - var(--global-vw, 100vw)/2);
	margin-right: calc(50% - var(--global-vw, 100vw)/2);
	max-width: 100vw;
	width: var(--global-vw, 100vw);
	padding-left: 0;
	padding-right: 0;
	clear: both;
}
.img-nieuws-container {
	float: left !important;
	position: relative !important;
	width: 100% !important;
}
.kt-row-layout-overlay {
	background: #EDF2F7 !important;
}	
#laatste-nieuws .kt-row-layout-overlay {
	background: #011841 !important;
}		

.kt-blocks-carousel .splide.kb-slider-arrow-position-top-right .splide__arrows {
	right: 0 !important;
}	
#contact .alignright {
	margin: 0px !important;
	float: left !important;
}	
#footerlinks .bredelinks .kb-button.kt-button.button span {
	min-width: 200px !important;
}	
#rij-onze-havens .kb-img {
filter: none !important;	
}

.kb-search-input {
	border-radius: 0px !important;
	padding-left: 20px !important;
}

	




.single-post .entry-title {
	color: white !important;
}
.single-post .kadence-breadcrumbs {
	color: white !important;
}
.single-post .entry-date.published {
	font-weight: normal !important;
	color: white !important;
}
.single-post .entry-content.single-content p {
	color: white !important;
}
.single-post .entry-content.single-content li {
	color: white !important;
}
.single-post .entry-content-wrap {
	padding: 0px !important;
}
.single-post .navigation.post-navigation {
	display: none !important;
}
.single-post  #secondary {
	display: none !important;
}
.single-post .entry-content-wrap {
	background: #011841 !important;
}
.single-post  .entry-content.single-content {
	color: white !important;
}
	
	
}


