img[title~="Button"]/* Colors 
/* Blue: #0099D7; 
   Purple: #561249;
*/
/* Fonts 
	Headers: Montserrat;
	Copytext (p, a etc.) : Nunito Sans;

 /Fonts */
@font-face {
	font-family: "CodePro-Bold";
	src: url("/typo3conf/ext/blauwzaam_fsc_site_package/Resources/Public/Fonts/CodePro-Bold/59360441654e2d78a904e0094b3537b4.eot");
	src: url("/typo3conf/ext/blauwzaam_fsc_site_package/Resources/Public/Fonts/CodePro-Bold/59360441654e2d78a904e0094b3537b4.eot?#iefix") format("embedded-opentype"),
	url("/typo3conf/ext/blauwzaam_fsc_site_package/Resources/Public/Fonts/CodePro-Bold/59360441654e2d78a904e0094b3537b4.woff2") format("woff2"),
	url("/typo3conf/ext/blauwzaam_fsc_site_package/Resources/Public/Fonts/CodePro-Bold/59360441654e2d78a904e0094b3537b4.woff") format("woff"),
	url("/typo3conf/ext/blauwzaam_fsc_site_package/Resources/Public/Fonts/CodePro-Bold/59360441654e2d78a904e0094b3537b4.ttf") format("truetype"),
	url("/typo3conf/ext/blauwzaam_fsc_site_package/Resources/Public/Fonts/CodePro-Bold/59360441654e2d78a904e0094b3537b4.svg#CodeProW01-BoldLowercase") format("svg");
}
html,
body {
    position: relative;
    height: 100%;
}
p {
	font-size: 14px;
	line-height: 25px;
}
h1 {
	font-size: 32px;
	font-weight: bold;
}
h3 {
	font-size: 18px;
}
h5.BG-header {
    font-size: 18px !important;
}
figure {
	margin: 0;
}

.blue {
	color: #0099D7;
}
.purple {
	color:  #561249;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;    
}
p, a, li, ul {
	font-family: 'Nunito Sans', sans-serif;
}
a {
	color: #009ddf;
}
li, ul {
	font-size: 14px;
	line-height: 25px;
}
.navbar li, .navbar ul {
	font-size: 16px;
	margin: 0 auto;
}
/* Custom fonts */
.container .BG-header {
	color: #439edd;
	font-size: 28px;
}
.container h1.BG-header {
	font-size: 45px;
}
.container .CE-header {
	color: #77AE46;
	font-size: 28px;
}
.container .NB-header {
	color: #9D9D9C;
	font-size: 28px;
}
.container .MW-header {
	color: #532151;
	font-size: 28px;
}
.ce-border {
	border: 1px solid;
}
/* Font sizes */
h2 {
	font-size: 1.5rem;
}
h3 {
	font-size: 22px;
} 
#home-evenementen h3 {
	color: black;
	font-weight: bold;
	font-size: 27px;
}

#home-nieuws h3 {
	color: black;
	font-weight: bold;
	font-size: 27px;    
}
/* Layouts - General Elements */
.ce-headline-center {
	text-align: center;
}
/* default */
.frame-layout-0 {
	width: 100%;
	clear: both;
}
/* Left */
.frame-layout-2 {
	float: left;
	text-align: left;
	width: 48%;
}
.frame-layout-2 img {
	width: auto;
	height: auto;
	max-width: 100%;
}
/* Right */
.frame-layout-3 {
	float: right;
	text-align: left;
	width: 48%;
}
.frame-layout-3 img {
	width: auto;
	height: auto;
	max-width: 100%;
}
/* Layouts - Textpic */
.ce-textpic.ce-center.ce-above img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ce-textpic.ce-right.ce-above img {
	display: block;
	margin-left: auto;
}
.ce-textpic.ce-left.ce-above img {
	display: block;
	margin-right: auto;
}
.ce-textpic.ce-center.ce-below img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ce-textpic.ce-right.ce-below img {
	display: block;
	margin-left: auto;
}
.ce-textpic.ce-left.ce-below img {
	display: block;
	margin-right: auto;
}
.ce-textpic.ce-left.ce-intext.ce-nowrap img {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap img {
	float: right;
	margin-right: 25px;
	margin-bottom: 25px;
}
.ce-textpic.ce-left.ce-intext.ce-nowrap::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}
.ce-table td {
	width: 1%;
}
/* Menu-bar */
.bg-light {
	background-color: #FFFFFF !important;
	color: #532152;
	border-bottom: 1px solid #532151;
}
.bg-light a {
	color: #532152;
}
.navbar-light .navbar-nav .nav-link {
	color: #532152;
}
.navbar-nav .dropdown-item {
	color: 532152;
}
.navbar-top {
	border-top: 3px solid #532151;
	border-bottom: 3px solid #532151;
}
.nav-item {
	width: 150px;
}
/*.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}*/
.social img {
	width: 30px;
}
.social {
	margin-right: 20px
}
.fab {
	color: #602853;
	font-size: 45px;
}
.logo-navbar {
	width: 375px;
	padding-right: 25px;
}
.image-caption {
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 30px;
}
.col-md-6 {
	padding: 0 30px;
}
/* Thema's */

/* Set Colors */
.CircEconomie .main-text h2,
.CircEconomie .btn,
.CircEconomie .dotted-line,
.CircEconomie #big-event,
.CircEconomie .sideways-text .vertical-border {
	color: #89A948;
	border-color: #89A948;
}
.BlauwGroen .main-text h2,
.BlauwGroen .btn,
.BlauwGroen .dotted-line,
.BlauwGroen #big-event,
.BlauwGroen .sideways-text .vertical-border {
	color: #439edd;
	border-color: #439edd;
}
.NieuwBouwen .main-text h2,
.NieuwBouwen .btn,
.NieuwBouwen .dotted-line,
.NieuwBouwen #big-event,
.NieuwBouwen .sideways-text .vertical-border {
	color: #9d9d9c;
	border-color: #9d9d9c;
}
.MensWerk .main-text h2,
.MensWerk .btn,
.MensWerk .dotted-line,
.MensWerk #big-event,
.MensWerk .sideways-text .vertical-border {
	color: #602853;
	border-color: #602853;
}

/* 'fix' for flexboxes in IE, doesn't seem to properly work. Might need some more SO research*/
.navbar {
	display: block !important;
}
.cover-rect {
	height: 74px;
	width: 100%;
	overflow: hidden;
	float: left;
	margin: 0;
	position: absolute;
	z-index: 5;
}
.set-rect {
	width: 92.5%;
	height: 60px;
	border-radius: 40%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.set-rect .title {
	padding: 10px 30px;
}
.set-rect-BlauwGroen {
	background-color: #009DDF;
}
.set-rect-Circulaire.Economie {
	background-color: #89A948;
}
.set-rect-MensEnWerk {
	background-color: #602853;
}
.set-rect-Het.Nieuwe.Bouwen {
	background-color: #9d9d9c;
}
.title{
	color: #fff;
	font-size: 23px;
	font-weight: 600;
	margin-bottom:0px !important;
	text-align: center;
	margin-top:5px !important;
	padding: 30px;
}
#left {
	width: 50%;
	float: left;
}
#left img {
	max-width: 100%;
	height: auto;
}
#right {
	width: 50%;
	float: right;
}
#right img {
	max-width: 100%;
	height: auto;
}
.sideways-text .vertical-border {
	border-left: 3px solid #561249;
	writing-mode: vertical-lr;
	text-align: center;
	text-orientation: sideways;
	color: #439edd;
	font-size: 37px;
	margin-top: 30px;
	transform: rotate(180deg);
}
.sideways-text p {font-size: 27px;}
.sideways-text .vertical-border h2 {
	margin: 50px 30px 10px 100px;
	margin-right: 30px;
	margin: 50px 30px 10px 100px;
	margin-right: 30px;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	text-orientation: sideways;
	text-align: center;
	text-orientation: sideways;
}

.main-text .frame:first-child {
	margin-top: 30px;
}

.main-text h2 {
	color: #439edd;
	font-size: 25px;
}

.main-text {
	margin-left: 15px;
	font-size: 16px;
	line-height: 18px;
}

.btn {
	border: 2px solid #439edd;
	color: #439edd;
}
/* Partner */
div#partner-home-main {
	max-height: 180px;
	background-color: #dedede !important;
}
.partner-container {
	display: none;
}
.partner-slider img {
	width: 100%;
	height: auto;
	/* object-fit: cover;
	height: 450px; */
}
.slick-slider .logo-overview {
	margin-bottom: 0px;
}
.carousel.slick-slider {
	padding-left: 0;
	margin-bottom: 0;
}
.carousel.slick-slider .slick-next {
	right: -18px;
}
.carousel.slick-slider .slick-prev {
	left: -18px;
}
.slick-dots li button {
	display: none !important;
}
.slick-dotted.slick-slider {
	margin-bottom: 0px;
	margin-left: -32px;
}
.partner-slider .partner-slider-img {
	overflow: hidden;
	position: relative;
	left: -450px;
	width: calc(100% + 900px);
	border-radius: 0 0 45% 70%;
	box-shadow: 0 10px 0 0 #532151;
	border: 3px solid #ffffff;
	border-top: none;
	z-index: 1;
	max-height: 375px;
	overflow-y: hidden;
	margin-bottom: 15px;
}
#partner-home-main #logo-overview-img {
	width: 120px;
	height: 112px;
	border-radius: 50%;
	background-color: #fff;
	max-width: 120px;
	max-height: 112px;
}
#partner-home-main .logo-overview {
	border: none;
	box-shadow: none;
	background-color: transparent;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	height: auto;
	margin-right: 0px;
}
#partner-home-main .logo-overview-title {
	display: none;
}
.logo-overview {
	border: 1px solid rgba(0, 0, 0, 0.035);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
	padding: 10px;
	height: 160px;
	background-color: rgba(0, 0, 0, 0.035);
	width: 22%;
	margin: 20px 0 50px;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.logo-overview .logo-overview-img {
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 5px;
	position: relative;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-origin: content-box;
}
.logo-overview .partner-logo {
	opacity: 0;
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    height: auto;
    width: auto;
    max-width: 130px;
    min-width: auto;
    max-height: 100px;
}
.logo-overview .partner-logo.loaded {
	opacity: 1;
	transition: all ease 1s;
}
#logo-overview-img {
	max-width: 200px;
	height: auto;
	max-height: 70px;
}
.logo-overview img {
	max-width: 200px;
	height: auto;
	max-height: 70px;
}
.logo-overview-img::selection {
	background-color: transparent;
}
/* Partner overzicht pagina */
.frame-layout-1 .logo-overview-img {
	margin-left: 45px;
}

.frame-layout-1  .logo-overview {
	height: 240px;
}
/* Partner Single */
.partner-content h1,
.partner-content h2,
.partner-content h3,
.partner-content h4 {
	color: #532151;
}
.partner-title p {
	color: #532151;
	text-shadow: 1px 1px #532251;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.partner-slider.slider {
    display: block;
    overflow: hidden;
}
.partner-slider .ce-image.ce-center {
	margin-left: 0%;
}
.partner-content img {
	max-width: 100%;
	height: auto;
}
.ce-gallery img {
	margin-bottom: 20px;
	max-width: 100%;
	height: auto;
}
#main-content .ce-gallery img {
	margin-bottom: 0;
}
/* Slider */
.slider .frame {
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 0;
	box-sizing: border-box;
}
.slider .tx-ws-flexslider {
	overflow: hidden;
	position: relative;
	left: -450px;
	width: calc(100% + 900px);
	border-radius: 0 0 45% 70%;
	box-shadow: 0 10px 0 0 #532151;
	border-bottom: 3px solid #ffffff;
	z-index: 1;
}
.slider img:last-child {
	display: none;
}
.partner-slider.slider img:last-child {
	display: block;
	width: 100vw;
	overflow: hidden;
}
.partner-slider-img .frame {
    max-width: 1640px;
    margin: 0 auto;
}
/* We have to override the default... so important is needed */
.flexslider .slides img {
	max-width: 100%;
	height: auto;
}
/* Flexslider direction styling */
.flexslider .flex-direction-nav a {
	display: none;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
	/* -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; */
	-webkit-transition: none !important;
	-moz-transition:  none !important;
	-ms-transition:  none !important;
	-o-transition:  none !important;
	transition:  none !important;
	color: #fff;
	background-color: #000;
	border-radius: 50%;
	text-align: center;
}
.flexslider:hover .flex-direction-nav a {
    display: block;
}
body .flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f001';
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	line-height: 40px;
}
body .flex-direction-nav .flex-next {
	right: -50px;
	text-align: center;
}
/* ---- Flexslider mixed height fix ----- */
/* Set Max heights  on containers and img elements */
/*@media (max-width:375){
	ul.slides > li {
		height: 200px;
	}
}
@media (min-width:376px){
	ul.slides > li {
		height: 375px;
	}
}*/
.flexslider {
	border: none !important;
	max-width: 1640px !important;
	margin: 0 auto !important;
}
.flexslider .slides img {
	min-height: 430px;
}

/* Make content autofit to max-height property, and center both vertically and horizontally with transform */
/*ul.slides > li > * {
	height: auto;
	max-height : 100%;
	max-width: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	overflow-y: hidden;
}*/
.slider ul.slides > li {
	height: 375px;
}
ul.slides > li > * {
	height: auto;
	max-height: 100%;
	max-width: 1640px;
	width: 100%;
	margin-left: 50%;
	transform: translateX(-50%);
}
ul.slides li a {
	margin: 0;
}
ul.slides li a:hover {
	color: #0089df;
}
ul.slides .caption-wrapper .caption-text {
	background-color: transparent;
	font-family: "CodePro-Bold";
	color: inherit;
	margin: 0 300px;
	width: 1040px;
	top: 50px;
	left: 0;
}
ul.slides .caption-wrapper {
	color: white;
}

ul.slides .caption-wrapper .caption-body {
	color: inherit;
}
ul.slides .caption-wrapper .caption-text h1 {
/*	font-family: "CodePro-Bold";*/
	font-family: Verdana;
	font-size: 42px;
	font-weight: bold;
	text-shadow: -1px 0 #4d2359, 0 1px #4d2359, 1px 0 #4d2359, 0 -1px #4d2359;
}
ul.slides .caption-wrapper .caption-title {
	display: none;
}
/* For images specifically, set height to 100% and width to auto so you are keeping aspect ratio */
ul.slides > li > img {
  height : 100%;
  width : auto !important;
}

/* Don't let content clip over edge */
ul.slides > li {
  overflow : hidden;
}
ul.slides > li > p {
  overflow-y : auto
} 
/* --- End Flexslider solution -- */
/* Menu */
 .dropdown-menu {
	margin: 0;
}
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
}
.dropdown:hover>.dropdown-menu {
	display: block;
}

/* Footer */
.footer-link {
	color: #FFFFFF;
}
.footer td{
	padding: 0px;
	border: none;
}
.footer{
	z-index: 1;
	width: 50%;
	position: absolute;
	bottom: 80px;
	left: 200px;
}
.table-wrapper{
	background-image: url(https://archief.blauwzaam.nl/fileadmin/sitedesign/Resources/stylesheets/visual/footerblauwzaam.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	float: left;
	width: 100%;
	height: 450px;
	position: absolute;
	bottom: 0;
}
.footer-wrapper{
	height: 330px;
	overflow-y: hidden;
	position: relative;
	width: 100%;
}
.footer-wrapper::after {
	content: " ";
	display: block; 
	height: 0; 
	clear: both;
}
.footerlink{
	color: white;
}
.footer-wrapper a:hover {
	color: #439FDE;
	text-decoration: none;
	font-weight: bold;
}
.container-fluid.text-center.text-md-left {
	position: absolute;
	bottom: 75px;
	left: 10%;
	width: 100%;
	max-width: 1024px;
}
.footer-wrapper p {
	line-height: 10px;
}
/* /Footer */

/* Layouts */
.frame-space-before-medium {
	margin-top: 35px;
}
/* Nieuwsbrief / Partner worden styling */
#nieuwsbrief,
#home-lidworden {
	border: 4px solid #532151;
	width: 305px;
	padding: 20px;
	margin-top: 40px;
	position: relative;
	border-bottom: none;
}
#nieuwsbrief.blok-symposium-x {
	margin-top: 8px;
	margin-bottom: 30px;
}

#nieuwsbrief h3,
#home-lidworden h3 {
	color: #532151;
	font-weight: bold;
	font-size: 23px;
	text-transform: uppercase;
}

#nieuwsbrief a,
#home-lidworden a {
	color: #439FDE;
}
.no-news-found {
	display: none;
}
/* News styling */
/* Colors */
.Nieuws-BlauwGroen h3 {
	color: #439edd;
}
.Evenement-BlauwGroen h3 {
	color: #439edd;
}
.Nieuws-BlauwGroen h3 {
	color: #439edd;
}
.Evenement-MensEnWerk h3 {
	color: #532151;
}
.Nieuws-MensEnWerk h3 {
	color: #532151;
}
.Evenement-Het-Nieuwe-Bouwen h3 {
	color: #9D9D9C;
}
.Nieuws-Het-Nieuwe-Bouwen h3 {
	color: #9D9D9C;
}
.Evenement-Circulaire-Economie h3 {
	color: #77AE46;
}
.Nieuws-Circulaire-Economie h3 {
	color: #77AE46;
}
/* /Colors */
.news h4 {
	line-height: 20px;
	margin-top: 20px;
}
#home-evenementen {
	border: 4px solid #532151;
	border-bottom: 4px dotted #532151;
	width: 305px;
	padding: 20px;
	margin-top: 40px;
	position: relative;
	border-bottom: none;
}
	
#home-evenementen .news-list-view img {
	display: none;
}

#home-evenementen .news-img-wrap {
	display: none;
}

.nieuws-border {
	background-image: url(https://archief.blauwzaam.nl/fileadmin/DesignImages/Iconen/bottom-line.png);
	background-position: right 0px bottom 0px;
	background-repeat: no-repeat;
	background-size: 268.6px;
	position: absolute;
	bottom: 0px;
	right: 4px;
	height: 4px;
	width: 100%;
}
.nieuws-border::before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: calc(100% - 111px);
	height: 4px;
	background-color: #5f2a52;
}

#home-nieuws {
	border: 4px solid #532151;
	border-bottom: 4px dotted #532151;
	width: 305px;
	padding: 20px;
	margin-top: 8px;
	position: relative;
	border-bottom: none;
}

#home-nieuws .news-teaser {
	display: none;
}
.news-teaser p {
	margin-bottom: 0px;
}
.header h4 {
	margin-top: 0px;
}
#home-evenementen .news-teaser {
	display: none;
}
#more-news-event .news-teaser {
	display: none;
}
#home-nieuws .news-list-view img {
	display: none;
}

#home-nieuws .news-img-wrap {
	display: none;
}
#home-evenementen .article {
	margin-bottom: 15px;
}
#home-nieuws .article {
	margin-bottom: 15px;
}
#home-nieuws h3 {
	margin-bottom: 16px;
}
#home-evenementen h3 {
	line-height: 1;
	margin-bottom: 24px;
}
#home-nieuws .news-list-date {
	padding: 0;
}
/* Header */
.alblas {
	width: 285px;
	padding-left: 25px;
	float: right;
}
#home-evenementen .news-list-date {
	display: none;
}
#home-evenementen .header {
	margin-top: -5px;
}

#home-evenementen .header span {
	font-weight: normal;
}

#home-evenementen a {
	line-height: 0px;
}

#home-nieuws .header span {
	font-weight: normal;
}

#home-nieuws a {
	line-height: 0px;
}
#home-nieuws .article .header {
	padding-top: 0px;
	margin-top: -7px;
}
#home-evenementen .article .header {
	padding-top: 0px;
	margin-top: -7px;
}
#newsPost .article .frame-layout-0 {
	float: left;
	text-align: left;
	width: 100%;
}
#newsPost .article .frame-layout-2 {
	float: left;
	text-align: left;
	width: 50%;
}
#newsPost .article .frame-layout-3 {
	float: right;
	text-align: left;
	width: 40%;
}

#newsPost .news .article .news-img-wrap img {
	width: auto;
    max-height: 200px;
}

#newsPost .news-single .footer {
	display: none;
}
#newsPost img {
	height: auto;
}
#newsPost #more-news-event  .news .article .news-img-wrap img {
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	left: 0;
}

#newsPost #more-news-event .teaser-text {
	margin-top: 0px;
	visibility: visible;
}
#newsPost .btn {
	color: #439edd;
	text-transform: uppercase;
	margin-right: 20px;
}
#newsPost .button-wrapper {
	border-top: 4px dotted #439edd;
	border-bottom: 4px dotted #439edd;
	padding: 20px;
}
#more-news-event span {
	color: #FFFFFF;
}
.article {
	position: relative;
}
#newsPost .teaser-text {
	visibility: hidden;
	margin-top: 425px;
}
.article .header {
	padding-top: 10px;
}
.news-single .teaser-text {
	visibility: hidden;
}
.news-text-wrap {
/*	display: none;*/
}
#newsPost #more-news-event .article {
	width: 33%;
	float: left;
	height: auto;
}
#more-news-event .news-list-date {
	z-index: 99;
	position: absolute;
	left: 25px;
	top: 25px;
	color: #FFFFFF;
	font-size: 24px;
	border-top: 6px dotted white;
}
#more-news-event .header {
	position: absolute;
	z-index: 99;
	top: 30%;
	left: 20px;
}

.news .article .news-img-wrap {
	float: left;
	margin: 3px 35px 5px 0;
	background: #fff;
	position: relative;
	overflow: hidden;
	width: 225px;
	max-height: 200px;
}
/*.news .article .news-img-wrap img {
	position: absolute;
	top: -9999px;
	right: -9999px;
	bottom: -9999px;
	left: -9999px;
	margin: auto;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}*/
.news .article .news-img-wrap a {
	display: inline;
	padding: 0;
	float: none;
}
.news .article .news-img-wrap .news-img {
	width: 100%;
	height: 200px;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#more-news-event {
	display: none;
}
#big-event .news .article .news-img-wrap .news-img {
    background-size: cover;
}

#c297 .news .article .news-img-wrap,
#event .news .article .news-img-wrap {
	width: 95%;
	height: 250px;
}
#c297 .news .article .news-img-wrap img,
#event .news .article .news-img-wrap img {
	max-height: 150%;
	max-width: 150%;
}
#event .news .article .news-img-wrap {
	width: 240px;
}
.news-wrapper .news .article .news-img-wrap {
	width: 95%;
	height: 265px;
}
.article .news-list-date {
	background-color: #ffffffa4;
	padding: 5px;
}
.news-wrapper .news .teaser-text,
.evenement-wrapper .news .teaser-text {
    position: absolute;
    top: 20px;
    left: 20px;
}
/* /News styling */
/* Devider */
.ce-div {
	border-top: 4px solid #602853;
}
.BlauwGroen .ce-div {
	border-top: 4px solid #439edd;
}
.CircEconomie .ce-div {
	border-top: 4px solid #77AE46;
}
.NieuwBouwen .ce-div {
	border-top: 4px solid #9D9D9C;
}
.MensWerk .ce-div {
	border-top: 4px solid #532151;
}
/* Blok styling */
.theme-block {
	width: 100%;
	height: 250px;
}
.mg-tp-30 {
	margin-top: 30px;
}
.news-post-container img{ 
	width: 100%;
}

.news-post-container .header{
	text-align: center;
}
.news-post-container ul {
	display: inline-block;
	text-align: left;
}

.news-post-container .button-wrapper{
	text-align: center;
	display: inline-block;
	width: 100%;
}

/* Homepage news messages styling */
.Evenement-MensEnWerk a {
	color: #532151;
}

.Evenement-Het-Nieuwe-Bouwen a {
	color: #9D9D9C;
}

.Evenement-Circulaire-Economie a {
	color: #77AE46;
}

.Evenement-BlauwGroen a {
	color: #439FDE;
}

.Nieuws-MensEnWerk a {color: #532151;}

.Nieuws-Het-Nieuwe-Bouwen a {color: #9D9D9C;}

.Nieuws-Circulaire-Economie a {color: #77AE46;}

.Nieuws-BlauwGroen a {color: #439FDE;}
.header span {
	font-size: 16px;
}
time {
	font-weight: bold;
}
#home-evenementen time {
	display: none;
}
/* Nieuws Single Styling */
.news .frame-layout-0 img {
	width: 100%;
	height: auto;
}
.news-single .article .news-img-wrap {
	float: none;
	width: 100%;
}
.theme-buttons {
	width: 242px;
	margin: 0 auto;
}
.theme-btn {
	margin-right: 20px;
	margin-top: 20px;
}
.contact-btn {
	margin-top: 20px;
}
/* Werkgroep Blauwgroen */
.BlauwGroen .article {
	float: left;
	width: 33%;
}

.BlauwGroen .article .news-list-date {
	border-top: 5px dotted black;
	font-size: 26px;
}
#event .article .news-list-date {
	width: 135px;
	position: absolute;
	left: 35%;
}
.BlauwGroen .article .news-img-wrap {
	position: relative;
}

.BlauwGroen .article .header {
	display: none;
}

.BlauwGroen .news-wrapper .article p {
	display: none;
}

.BlauwGroen .article a {
	display: none;
}
.BlauwGroen .news .article .news-img-wrap img {
	height: auto;
	width: 100%;
	max-height: 265px;
	min-height: 265px;
	float: left;
	margin-bottom: -20px;
}
.contact-bar {
	width: 100%;
	margin-top: 50px;
}
.dotted-line {
	border-top: 5px dotted #439edd;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 20px;
}
/* Evenementen */
#big-event {
	padding: 0;
	min-height: 200px;
	border: 5px solid black;
}
.evenement-wrapper #big-event {
	width: 100%;
	max-width: 100%;
	flex: 1;
	margin-right: 25px;
}
#big-event .news .article .news-img-wrap img {
	position: absolute;
	width: 100%;
	height: auto;
	max-height: 248px;
	margin: 0;
	float: none;
	min-height: unset;
	bottom: 0;
	left: 0;
}
#big-event .news .teaser-text {
    top: 10px;
    max-width: 30%;
	min-width: 200px;
	background-color: white;
	z-index: 10;
}
#big-event .article {
	width: 100%;
}
#big-event .news-img-wrap {
	margin: 0;
	width: calc( (100% + 39px) / 100 * 64);
	height: 250px;
	float: right;
}
#big-event .article a {
	display: block;
	height: 100%;
	widows: 100%;
}
#big-event .article .header {
	display: block;
	max-width: 100%;
}

#big-event .article .news-list-date {
	margin-left: 0px;
	border-top: none;
	font-size: 25px;
}

#big-event .more {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.evenement-wrapper #event {
	display: none;
}

#event .article {
    width: 100%;
}

/* Werkgroep Circulaire Economie */
.CircEconomie .article {
	float: left;
	width: 33%;
}

.CircEconomie .article .news-list-date {
	border-top: 5px dotted black;
	font-size: 26px;
}
.CircEconomie .article .news-img-wrap {
	position: relative;
}

.CircEconomie .article .header {
	display: none;
}

.CircEconomie .news-wrapper .article p {
	display: none;
}

.CircEconomie .article a {
	display: none;
}
.CircEconomie .news .article .news-img-wrap img {
	height: auto;
	width: 100%;
	max-height: 265px;
	min-height: 265px;
	float: left;
	margin-bottom: -20px;
}
/* Werkgroep NieuwBouwen */
.NieuwBouwen .article {
	float: left;
	width: 33%;
}

.NieuwBouwen .article .news-list-date {
	border-top: 5px dotted black;
	font-size: 26px;
}
.NieuwBouwen .article .news-img-wrap {
	position: relative;
}

.NieuwBouwen .article .header {
	display: none;
}

.NieuwBouwen .news-wrapper .article p {
	display: none;
}

.NieuwBouwen .article a {
	display: none;
}
.NieuwBouwen .news .article .news-img-wrap img {
	height: auto;
	width: 100%;
	max-height: 265px;
	min-height: 265px;
	float: left;
	margin-bottom: -20px;
}
/* Werkgroep MensWerk */
.MensWerk .article {
	float: left;
	width: 33%;
}

.MensWerk .article .news-list-date {
	border-top: 5px dotted black;
	font-size: 26px;
}
.MensWerk .article .news-img-wrap {
	position: relative;
}

.MensWerk .article .header {
	display: none;
}

.MensWerk .news-wrapper .article p {
	display: none;
}

.MensWerk .article a {
	display: none;
}
.MensWerk .news .article .news-img-wrap img {
	height: auto;
	width: 100%;
	max-height: 265px;
	min-height: 265px;
	float: left;
	margin-bottom: -20px;
}

/* News */
.icon-bar {    
	z-index: 1;
	position: absolute;
	right: 22%;
	top: 35%;
}
.evenement-wrapper {
	margin-top: 35px;
}
.frame-type-header {
	margin-top: 20px;
}
[title~="RegioKaart"] {
	width: 100%;
	height: auto;
}
[title~="LargeImage"] {
	width: 100%;
	height: auto;
}
[title~="ButtonFix"] {
	margin-right: 75px;
	float: right;
	min-width: 40% !important;
	margin-top: -5px;
	margin-bottom: 20px;
}
img[title~="Button"] {
	width: 150px !important;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.frame-layout-1 img[title~="Button"] {
	margin-left: calc(50% - 75px);
}
/* Powermail form styling */
.btn-group {
	max-width: 100%;
	overflow: scroll;
}
.powermail_input {
	width: 100%;
}
textarea {
	width: 100%;
}
.powermail_submit {
    border: 2px solid #439edd;
    background-color: #439edd;
    padding: 5px 25px 5px 25px;
    margin-top: 20px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
}
.powermail_fieldwrap {
	margin-bottom: 15px;
}
/* /Powermail form styling */
.slick-dots {
	display: none !important;
}
/* BBB Custom template styling */
.BBB .slider {
    width: 100%;
}
.BBB .slider img:last-child {
    display: block;
    margin: 0 auto;
}
.BBB .col-md-6 {
	padding: 0 15px;
}
.BBB-aanmelden img {
    width: 300px;
    margin-left: 20%;
}
/* Responsive */
@media only screen and (max-width: 1690px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.logo-overview {
		width: 30%;
		margin-right: 25px;
	}
	.logo-overview-img {
		background-color: #FFFFFF;
		border-radius: 50%;
		width: 115px;
		height: 120px;
	}
	.set-rect {
		width: 88.5%;
	}
	.set-rect .title {
		padding: 0 30px;
	}
	#home-nieuws {
		margin-left: -30px;
		width: 250px;
	}
	#home-evenementen {
		margin-left: -30px;
		width: 250px;
	}
	#home-evenementen h3 {
		font-size: 20px;
	}
	#nieuwsbrief h3,
	#home-lidworden h3 {
		font-size: 20px;
	}
	#nieuwsbrief,
	#home-lidworden {
		margin-left: -30px;
		width: 250px;
	}
	/* Menu */
	.nav-item {
		width: 130px;
	}
	/* /Menu */
	/* Events */
	#event .article .news-list-date {
		width: 175px;
		position: absolute;
		left: 50%;
	}
	.BlauwGroen #big-event .article .news-list-date {
		width: 300px;
		margin-left: -15px;
	}
	.BlauwGroen #big-event .article .header {
		width: 360px;
	}
	.CircEconomie #big-event .article .news-list-date {
		width: 300px;
		margin-left: -15px;
	}
	.CircEconomie #big-event .article .header {
		width: 360px;
	}
	.NieuwBouwen #big-event .article .news-list-date {
		width: 300px;
		margin-left: -15px;
	}
	.NieuwBouwen #big-event .article .header {
		width: 360px;
	}
	.MensWerk #big-event .article .news-list-date {
		width: 300px;
		margin-left: -15px;
	}
	.MensWerk #big-event .article .header {
		width: 360px;
	}
	/* /Events */
}
@media only screen and (max-width: 1125px) {
	.flexslider .slides img {
		min-height: auto;
		height: 285px;
	}
	ul.slides > li {
		height: auto;
	}
}
@media only screen and (max-width: 980px) {
	/* Homepage */
	/* Menu button */
	#drop-level1 {
		width: 215%;
	}
	#drop-level2 {
		top: 0px;
		left: 80%;
		position: absolute;
	}   
	#drop-level3 {
		top: 30px;
		left: 65%;
		position: absolute;
	}  
	#drop-level4 {
		top: 20px;
		left: 65%;
		position: absolute;
	}
	/* /Menu button */
	/* Events */
	#event .article .news-list-date {
		width: 175px;
		position: absolute;
		left: 50%;
	}
	.BlauwGroen #big-event .article .news-list-date {
		width: 300px;
		margin-left: -15px;
	}
	.BlauwGroen #big-event .article .header {
		width: 360px;
	}
	.CircEconomie #big-event .article .news-list-date {
		width: 300px;
		margin-left: -15px;
	}
	.CircEconomie #big-event .article .header {
		width: 360px;
	}
	.NieuwBouwen #big-event .article .news-list-date {
		width: 300px;
		margin-left: -15px;
	}
	.NieuwBouwen #big-event .article .header {
		width: 360px;
	}
	.MensWerk #big-event .article .news-list-date {
		width: 300px;
		margin-left: -15px;
	}
	.MensWerk #big-event .article .header {
		width: 360px;
	}
	/* /Events */
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	/* Note that this might need to be changed */
	.mg-tp-30 {
		max-width: 65%;
		flex: 75%;
		margin-left: 15%;
	}
	#main-content {
		max-width: 100% !important;
	}
	.col-md-9 {
		max-width: 100% !important;
		flex: 100%;
	}
	/* End of bootstrap changes */
	#nieuwsbrief,
	#home-lidworden {
		width: 100%;
	}
	#home-evenementen {
		width: 100%;
	}
	#home-nieuws {
		width: 100%;
	}
	.logo-overview {
		width: 45%;
	}
}
@media only screen and (max-width: 860px) {
	.bz-home-line {
		display: none;
	}
	.caption-wrapper.caption-align-left {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	/* Header */
	.logo-navbar {
		width: 255px;
		padding-right: 25px;
	}
	.alblas {
		width: 225px;
		padding-left: 25px;
		float: right;
	}
	/* /Header */
	.set-rect {
		width: 87.5%;
	}
	.set-rect .title {
		padding: 4px 30px;
	}
	.logo-overview {
		width: 90%;
		max-width: 300px;
	}
	.ce-bodytext {
		overflow-x: scroll;
	}
}
@media only screen and (max-width: 736px) {
	/* Homepage */
	.flexslider .slides img {
		min-height: 210px;
	}
	.flexslider .slides img {
		min-height: auto;
		height: 175px;
	}
	ul.slides > li {
		height: auto;
	}
	#nieuwsbrief,
	#home-lidworden {
		width: 100%;
	}
	#home-evenementen {
		width: 100%;
	}
	#home-nieuws {
		width: 100%
	}
	/*/Homepage */
	/* Menu button */
	#drop-level1 {
		width: 215%;
	}
	#drop-level2 {
		top: 0px;
		left: 65%;
		position: absolute;
	}    
	#drop-level3 {
		top: 30px;
		left: 20%;
		position: absolute;
	}    
	#drop-level4 {
		top: 16px;
		left: 40%;
		position: absolute;
	}
	/* /Menu button */
	/* Theme page content */
	/* Secondary pages */
	.frame-layout-2,
	.frame-layout-3 {
		width: 100%;
	}
	.layout-2 img {
		width: 100%;
	}
	#big-event {
		min-height: 20px;
		width: 100%;
		margin: 25px;
	}
	body .news .article .news-img-wrap img {
		width: 100%;
		height: auto;
	}
	#big-event .article .news-list-date {
		width: 100%;
		left: 0;
	}
	.teaser-text {
		margin-bottom: 20px;
	}
	#event .article .news-list-date {
		width: 200px;
	}
	.BlauwGroen .article {
		width: 100%;
	}
	.CircEconomie .article {
		width: 100%;
	}
	.NieuwBouwen .article {
		width: 100%;
	}
	.MensWerk .article {
		width: 100%;
	}
	.BlauwGroen #big-event .article .header {
		width: 300px;
	}
	.CircEconomie #big-event .article .header {
		width: 300px;
	}
	.NieuwBouwen #big-event .article .header {
		width: 300px;
	}
	.MensWerk#big-event .article .header {
		width: 300px;
	}
	/* News pages */
	/* Footer */
	.table-wrapper {
		background-image: none;
		background-color: #602853;
	}
	.icon-bar {
		top: -20%;
	}
	.container-fluid.text-center.text-md-left {
		left: 0;
		bottom: 0;
		max-width: 705px;
	}
	.footer-wrapper {
		height: 260px;
		margin-top: 80px;
	}
	.footer-wrapper p {
		line-height: 15px;
	}
	/* /Footer */
}
@media only screen and (min-width: 501px) and (max-width: 620px) {
	#left {
		margin-left: 5%;
		width: 95%;
	}
	#right {
		margin-left: 5%;
		width: 95%;
	}
	.flexslider .slides img {
		min-height: auto;
		height: 165px;
	}
	ul.slides > li {
		height: auto;
	}
	.slider {
		display: none;
	}
	#main-content {
		margin-left: 60px;
		margin-right: 60px;
	}
	#partner-home-main #logo-overview-img {
		margin-left: -35px;
		width: 80px;
		height: auto;
	}
	#partner-home-main .logo-overview {
		margin-right: 0px;
	}
	.table-wrapper {
		background-image: none;
	}
	.icon-bar {
		right: 0%;
		top: -20%;
	}
	/* Secondary pages */
	.frame-layout-3 img {
		min-width: 10px;
		max-width: 100%;
	}
	/* /Secondary pages */
	/* Menu button */
	#drop-level1 {
		width: 215%;
	}
	#drop-level2 {
		top: 0px;
		left: 65%;
		position: absolute;
	}    
	#drop-level3 {
		top: 30px;
		left: 20%;
		position: absolute;
	}    
	#drop-level4 {
		top: 16px;
		left: 40%;
		position: absolute;
	}
	/* /Menu button */
}
@media only screen and (min-width: 576px)and (max-width: 620px) {
	#main-content {
		margin-left: 0px;
		margin-right: 0px;
	}    
	.set-rect {
		width: 88.5%;
	}
	#home-nieuws {
		width: 100%;
	}
	#home-evenementen {
		width: 100%;
	}
	#nieuwsbrief,
	#home-lidworden {
		width: 100%;
	}
	#big-event {
		min-height: 20px;
		width: 100%;
		margin: 25px;
	}
	body .news .article .news-img-wrap img {
		width: 100%;
		height: auto;
	}
	#big-event .article .news-list-date {
		width: 100%;
		left: 0;
	}
	.teaser-text {
		margin-bottom: 20px;
	}
	#event .article .news-list-date {
		width: 200px;
	}
	.BlauwGroen .article {
		width: 100%;
	}
	.CircEconomie .article {
		width: 100%;
	}
	.NieuwBouwen .article {
		width: 100%;
	}
	.MensWerk .article {
		width: 100%;
	}
}
@media only screen and (max-width: 575px) {
	.flexslider .slides img {
		min-height: auto;
		height: 165px;
	}
	ul.slides > li {
		height: auto;
	}
	.slider {
		display: none;
	}
	.sideways-text .vertical-border {
		transform: none;
		writing-mode: lr;
		border-left: none;
		border-bottom: 3px solid;
	}
	#c263 .news .article .news-img-wrap {
		float: none;
	}
	#big-event {
		min-height: 20px;
		width: 100%;
		margin: 25px;
	}
	body .news .article .news-img-wrap img {
		width: 100%;
		height: auto;
	}
	#big-event .article .news-list-date {
		width: 100%;
		left: 0;
	}
	.teaser-text {
		margin-bottom: 20px;
	}
	#event .article .news-list-date {
		left: 25%;
		width: 200px;
	}
	.BlauwGroen .article {
		width: 100%;
	}
	.CircEconomie .article {
		width: 100%;
	}
	.NieuwBouwen .article {
		width: 100%;
	}
	.MensWerk .article {
		width: 100%;
	}
	/* Footer */
	.icon-bar {
		right: 0%;
		top: -15%;
	}
	.container-fluid.text-center.text-md-left {
/*		left: -5%;*/
	}
	.footer-wrapper {
		height: 390px;
	}
	/* /Footer */
}
@media only screen and (max-width: 500px) {
	#left {
		width: 90%;
		margin-left: 5%;
	}
	#right {
		width: 90%;
		margin-right: 5%;
	}
	.table {
		margin-bottom: 0px;
	}
	.flexslider .slides img {
		min-height: auto;
		height: 165px;
	}
	ul.slides > li {
		height: auto;
	}
	.slider {
		display: none;
	}
	.table-wrapper {
		width: 100%;
		background-image: none;
	}
	.set-rect {
		width: 92.5%;
	}
	/* Secondary pages */
	.frame-layout-2 {
		width: 100%;
		float: none;
	}
	.frame-layout-3 {
		float: none;
		width: 100%;
	}
	.frame-layout-1 img {
		width: 100%;
		min-width: 160px;
		max-width: 100%;
		max-height: 100%;
	}
	.frame-layout-3 img {
		width: 100%;
		min-width: 160px;
		max-width: 100%;
		max-height: 100%;
	}
	.frame-layout-0 {
		width: 100%;
		height: auto;
	}
	.frame-layout-0 img {
		width: 100%;
	}
	/* /Secondary pages */
	/* Menu button */
	#drop-level2 {
		top: 0;
		left: 30%;
	}    
	#drop-level3 {
		top: 30px;
		left: -2%;
	}    
	#drop-level4 {
		top: 16px;
		left: 40%;
	}
	/* /Menu button */
	/* Theme pages */
	.container .BG-header {
		float: left;
		font-size: 20px;
	}
	#big-event {
		min-height: 20px;
		width: 100%;
		margin: 25px;
	}
	body .news .article .news-img-wrap img {
		width: 100%;
		height: auto;
	}
	#big-event .article .news-list-date {
		width: 100%;
		left: 0;
	}
	.teaser-text {
		margin-bottom: 20px;
	}
	#event .article .news-list-date {
		left: 5%;
		width: auto;
	}
	.BlauwGroen .article {
		width: 100%;
	}
	.CircEconomie .article {
		width: 100%;
	}
	.NieuwBouwen .article {
		width: 100%;
	}
	.MensWerk .article {
		width: 100%;
	}
	/* /Theme pages */
	/* Footer */
	.icon-bar {
		right: 0%;
	}
}
@media only screen and (max-width: 420px) {
	/* Menu */
	.dropdown:hover>.dropdown-menu {
	  display: block;
	}
	.navbar-nav .dropdown-menu {
		position: absolute;
	}
	.logo-navbar {
		width: 100%;
	}
	/* Homepage content */
	.flexslider .slides img {
		min-height: auto;
		height: 165px;
	}
	ul.slides > li {
		height: auto;
	}
	.slider {
		display: none;
	} 
	#partner-home-main #logo-overview-img {
		width: 110px;
		height: 105px;
		margin-bottom: 15px;
	}
	#nieuwsbrief,
	#home-lidworden {
		width: 100%;
	}
	#home-evenementen {
		width: 100%;
	}
	#home-nieuws {
		width: 100%
	}
	#theme-block {
		width: 100%;
		height: 250px;
	}
	.set-rect {
		width: 88%;
	}
	.set-rect .title {
		padding: 4px 30px;
	}
	.footer-wrapper .col-md-4 {
		float: left;
		height: 45px;
		padding-top: 20px;
	}
	/*/Homepage */
	/* Theme page content */
	/* Secondary pages */
	/* News pages */
	/* Footer */
	.icon-bar {
		right: 0%;
		top: -20%;
	}
}
@media only screen and (max-width: 300px) {
	.container .BG-header {
		font-size: 19px;
	}
}

/* Popup Styling */
.popup-wrapper {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000ab;
	z-index: 999;
}
.popup-wrapper .popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 420px;
	background-color: white;
    border: 4px solid #532151;
    border-bottom: none;
    padding: 20px;
    text-align: center;
}
.popup-wrapper .popup img {
	max-width: 100%;
}


/* Temp */
* {
	font-family: 'Nunito Sans', sans-serif;
}

.logo-overview-img {
	background-color: #FFFFFF;
	border-radius: 50%;
	width: 140px;
	height: 140px;
}