/* COLORS
 grey light: #878786
 grey dark: #575756
 green: #a7c82d
 blue light: #d8edf3
 blue dark: #00b4ca
 */
@font-face {
  font-family: 'uni_neuelight';
  src: 	url('../fonts/unineue-light-webfont.eot');
  src: 	url('../fonts/unineue-light-webfont.eot?#iefix') format('embedded-opentype'), 
  		url('../fonts/unineue-light-webfont.woff2') format('woff2'), 
		url('../fonts/unineue-light-webfont.woff') format('woff'), 
		url('../fonts/unineue-light-webfont.ttf') format('truetype'), 
		url('../fonts/unineue-light-webfont.svg#uni_neuelight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'uni_neuebook';
  src: 	url('../fonts/unineue-book-webfont.eot');
  src: 	url('../fonts/unineue-book-webfont.eot?#iefix') format('embedded-opentype'), 
  		url('../fonts/unineue-book-webfont.woff2') format('woff2'), 
		url('../fonts/unineue-book-webfont.woff') format('woff'), 
		url('../fonts/unineue-book-webfont.ttf') format('truetype'), 
		url('../fonts/unineue-book-webfont.svg#uni_neuebook') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'uni_neueregular';
  src:	url('../fonts/unineue-regular-webfont.eot');
  src: 	url('../fonts/unineue-regular-webfont.eot?#iefix') format('embedded-opentype'), 
  		url('../fonts/unineue-regular-webfont.woff2') format('woff2'), 
		url('../fonts/unineue-regular-webfont.woff') format('woff'), 
		url('../fonts/unineue-regular-webfont.ttf') format('truetype'), 
		url('../fonts/unineue-regular-webfont.svg#uni_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'uni_neuebold';
  src: 	url('../fonts/unineue-bold-webfont.eot');
  src: 	url('../fonts/unineue-bold-webfont.eot?#iefix') format('embedded-opentype'), 
  		url('../fonts/unineue-bold-webfont.woff2') format('woff2'), 
		url('../fonts/unineue-bold-webfont.woff') format('woff'), 
		url('../fonts/unineue-bold-webfont.ttf') format('truetype'), 
		url('../fonts/unineue-bold-webfont.svg#uni_neuebold') format('svg');
  font-weight: normal;
  font-style: normal;
}
body, p, h1, h2, h3, h4, h5, h6 {
  font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
  background-color: #fff;
  font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
  line-height: 1.2;
  font-weight: normal;
}
.h2, h2 {
	color: #00b4ca;
	font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
}
.h3, h3 {
	font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
strong {
	font-family: 'uni_neuebold', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.blauw {
  color: #00b4ca;
  font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
}
.groen {
  color: #a7c82d;
  font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
}
.grijs {
  /* color: #575756; */
  color: #111010;
  font-family: 'uni_neuebold', Arial, Helvetica, sans-serif;
}
a {
	color: #00b4ca;
	font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
}
@media (max-width: 991px) {
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler,
#sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler {
    display: inline-flex !important;
}
}

.sp-megamenu-parent>li>a, 
.sp-megamenu-parent>li>span {
	font-size: 16px;
	line-height: 3em;
}
@media (min-width: 992px) {
#sp-header {
	height: 150px;
	display: flex;
	align-items: center;
}
}
@media (max-width: 991.98px) {
#sp-header {
	height: 102px;
}
#sp-header .logo {
	height: 102px;
}
.logo-image-phone {
	height: 72px;
}
	#sp-main-body {
	padding: 45px 0;
}
#sp-left .sp-module, #sp-right .sp-module {
padding: 30px 0;
}
}
@media (max-width: 1199.98px) and (min-width: 992px) { 
	.logo-image {
		height: 100px !important;;
	}
}
#sp-footer a, #sp-bottom a {
	color: #ffffff;
}
#sp-bottom {
	background: #a7c82d url(../images/openluchtzwembad-klarenbeek-grote-golf.png) repeat-x 50% 0;
	padding-top: 60px;
	text-align: center !important;
}
#sp-bottom p {
	text-align: center !important;
	font-family: 'uni_neuebold', Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 20px;
	line-height: 1.5em;
}
#sp-bottom .fa.fa-facebook,
#sp-bottom .fa.fa-instagram {
	margin: 0 15px;
}
#sp-bottom2 {
  background: #a7c82d;
}
#sp-bottom2 .container-inner {
	padding: 0 0 45px 0;
	border-top: 0px;
}
#sp-bottom2 p {
  text-align: center;
  font-family: 'uni_neuebold', Arial, Helvetica, sans-serif;
  color: #fff;
  padding-top: 32px;
  font-size: 20px;
  line-height: 1.5em;
}
#sp-bottom2 .sp-module-content {
	text-align: center;
}
#sp-bottom2 .navbar {
	margin: 0 auto;
  font-size: 20px;
	  line-height: 1.5em;
	  justify-content: center;
}
#sp-bottom2 .navbar ul.menu li {
	list-style-type: none;
	display: inline-block;
	padding: 0 15px;
}
@media (max-width: 991.98px) {
#sp-bottom2 .navbar ul.menu li {
	display: block;
	padding: 15px 0;
}
}
#sp-bottom2 .navbar ul.menu li a {
	color: #ffffff;
}
#sp-bottom2 .navbar ul.menu li a:hover {
color: #23527c;
}
#sp-left .sp-module, 
#sp-right .sp-module {
	border: 0px solid #f3f3f3;
	margin-top: 0;
}
#sp-left .sp-module .sp-module-title, 
#sp-right .sp-module .sp-module-title {
	color: #a7c82d;
	font-family: 'uni_neuebold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
	border-bottom: 0px solid #f3f3f3;
	padding-bottom: 0.3em;
}
.sp-module-content,
.sp-module-content p,
.sp-module-content a {
	font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
}
	
.sp-module.facebook a,
.sp-module.instagram a {
	font-family: "uni_neueregular", Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.fa-facebook-f:before, .fa-facebook:before {
	content: "\f082";
	font-family: Font Awesome 6 Free;
	font-weight: 400;
}
.fa-instagram-f:before, .fa-instagram:before {
	content: "\e055";
	font-family: Font Awesome 6 Free;
	font-weight: 400;
}


.article-list .article {
	border: 0;
	padding: 0;
}
.article-list .article .article-intro-image, 
.article-list .article .article-featured-video, 
.article-list .article .article-featured-audio, 
.article-list .article .article-feature-gallery {
	margin: 0 0 20px 0;
}
.article-list .article .article-intro-image img {
	width: 100%;
}
.article-list .article .article-header h1 a, 
.article-list .article .article-header h2 a {
	color: #00b4ca;
	font-family: 'uni_neueregular', Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
}
.article-info>span {
	font-size: 1rem;
}
.article-details .article-full-image img {
	width: 100%;
	border-radius: 0;
}
@media (max-width: 991.98px) {
.container-fluid.blog-featured {
	padding-left: 0;
	padding-right: 0;
}
}