/*
Theme Name: Karmel Twente
*/

@font-face { 
    font-family: roggenkamp; 
    src: url('/roggenkamp.ttf') format('opentype'); 
} 

html, body {
	padding:0px;
	margin:0px;
	height:auto;
	font-family:'Montserrat';
	scroll-behavior: smooth;	
	color:#333333;
}

div {
	box-sizing:border-box;
}

#content {
	position:relative;
	display:block;
	overflow:hidden;
	z-index:999;
	margin-top: 105px;
}

.resp #content {
	margin-top: 70px;
}

.push {
	position:relative;
	display:block;
	overflow:hidden;
}

.rij, footer {
	position:relative;
	width:100%;
	clear:both;
	overflow:hidden;
	display:block;
	padding:0px;
	margin:0px;	
}

header.fh {
	background:#7d8850;
	box-shadow: 0 0 5px rgba(60,64,67,.8);
	border-bottom:0px solid #efefef
}
	
.fh .menu a {
	color:#fff;
}
	
	
.fh .menu li a:hover, .fh .menu li a.active, .fh .menu li.current_page_item > a {
  color: #d3d9be;
}

	
	h1 {
		font-size:32pt;
		line-height:42pt;
		color:#7d8850;
	//	font-family: 'Imperial Script', cursive;
	}
	
	.home h1 {
		font-size:42pt;
		line-height:52pt;
	//	font-family: 'Great Vibes', cursive;		
		font-family: 'roggenkamp';		
	}


@media only screen and (max-width: 800px) {

	h1 {
		font-size:24pt;
		line-height:32pt;
	}
	
}



@media only screen and (max-width: 800px) {

	.home h1 {
		font-size:32pt;
		line-height:42pt;
	}
	
}

	h2 {
		padding:0px;
		margin:0px 0px 20px 0px;
		font-size:26pt;
		color:#7d8850;
		font-weight:700;
	}	

	h3 {
		font-size:22pt;
		margin:0px 0px 15px 0px;
		padding:0px;
	}	
	
	h4 {
		font-size:18pt;
		margin:0px 0px 15px 0px;
		padding:0px;	
		line-height:30pt;		
	}	
	
	h5 {
		font-size:14pt;		
		margin:0px 0px 15px 0px;
		padding:0px;	
		line-height:24pt;
	}
	
	h6 {
		font-size:12pt;
	}	
			
	p, li {
		font-size:12pt;
		margin-bottom:15px;
		line-height:18pt;
	}	
	
	
	

.white {
	color:#ffffff !important;	
}


.events h2, p.dag {
	font-family:'Roboto';
	font-size:30pt;
	text-align:left;
	padding:0px 0px 10px;
	margin:0px;
	font-weight:bold;
	display:inline-block
}

.events h2 {
	color:#7d8850;
}

p.dag { 
	color:#333;
}

.events h3, p.maand {
	font-family:'Roboto';
	font-size:14pt;
	text-align:left;
	padding:0px 0px 15px;
	margin:0px;
	display:inline-block;
	font-weight:700;
}

.events h4, p.titel {
	color:#333;
	font-family:'Roboto';
	font-size:16pt;
	text-align:left;
	padding:0px 0px 10px;
	margin:0px;
	font-weight:bold;
	display:inline-block;
	clear:both;
}

p.samenvatting {
	color:#333;
}

.nieuws h2 {
	color:#7d8850;
	font-family:'Roboto';
	font-size:18px;
	text-align:left;
	padding:0px 0px 10px;
	margin:0px;
	font-weight:bold;
}

.nieuws p {
	color:#333333;
	font-family:'Roboto';
	font-size:15px;
	text-align:left;
	padding:0px 0px 10px;
	margin:0px;
}

.events .binnenblok, .nieuws .binnenblok {
	height:100%;
	transition: all 0.5s ease !important;
	-webkit-transition: all 0.5s ease !important;
}

.events .binnenblok:hover, .nieuws .binnenblok:hover {
	margin-top:-5px !important;
	box-shadow: 1px 5px 5px #999999;	
}




h1.white, h2.white, h3.white, div.white {
	color:#ffffff;
}	


p.big {
	line-height:28px;
	font-size:18px	
}

a { 
	color:#7d8850; 
	text-decoration:none; 
}

.fh {
	background: #333333;	
}

ul.menu {
	float:right;
}



ul.menu li {	
	margin-right:15px;
}

ul.menu li a {
	color:#7d8850;	
	text-decoration:none;
	font-family:'Roboto';
	font-size:14px;
	padding:10px 5px;
	font-weight:400;
}

ul.menu li a:hover {
	color:#7d8850;	
}

ul.menu li a.button, input[type=submit], a.button, button.button {
	position:relative;
	color:#ffffff;	
    background:#7d8850;
	margin-left:0px;
	margin-right:20px;
	padding:10px 20px;
	font-size:18px;
	font-family:'Roboto';	
	text-decoration:none;
	font-weight:400;
	border:0px;
	transition: all 1.0s ease;
	clear: both;
	display: inline-block;
	}

ul.menu li a.button:hover, input[type=submit]:hover, a.button:hover, button.button:hover  {
    background:#ead065;	 	
}


ul.menu li.button a {
	color:#ffffff;	
    background:#7d8850;
	padding:5px 10px;
	font-size:14px;
	font-family:'Roboto';	
	text-decoration:none;
	font-weight:400;
	border:0px;
	transition: all 1.0s ease;
}

ul.menu li.button a:hover  {
    background:#ead065;	 	
}

/*Prevent text wrapping*/

/*Display the dropdown on hover*/
ul.menu li a:hover + .children, ul.menu .children:hover, ul.menu li a.hover + .children {
	display: block;
/*	box-shadow: 5px 5px 5px #999999;	*/
	}	

ul.menu li a:hover + .sub-menu, ul.menu .sub-menu:hover, ul.menu li a.hover + .sub-menu {
	display: block;
/*	box-shadow: 5px 5px 5px #999999;	*/
}		
	
.fh ul.menu li a.button {
	background:#efebf1;	
	color:#94779f;
}

.fh ul.menu li a.button:hover {
	background:#ffffff;	
	color:#856b8f;
}

.resp ul.menu {
	position:fixed;
	top:0px;
	right:0px;
	display:none;
	background:#333333;
	margin:0px;
	padding:30px 50px 20px 0px;
	z-index:9999;
	}

.resp ul.menu li {
	float:none;
	display:block;
}

.resp ul.menu li a {
	display:block;
	padding:10px 20px;
	color:#ffffff;
}

.resp ul.menu li a:hover {
	color:#a5306c;	
}


a.menu-button-open {
	position:absolute;
	top:15px;
	right:15px;
	display:none;
	color:#ffffff;
	width:25px; 
	height:25px; 
	background:#ffffff; 
	padding:8px; 
	border-radius:5px;	
}

a.menu-button-close {
	position:absolute;
	top:15px;
	right:15px;
	display:none;
	color:#ffffff;
	z-index:99999999;
	width:25px; 
	height:25px;
	padding:8px;	
}

.fh a.menu-button-open, .fh a.menu-button-close {
	top:15px;
	right:15px;
}

.resp a.menu-button-open {
	display:block;
}

a.menu-button-open img, a.menu-button-close img {
	width:100%;
}

footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	font-size:14px;
	line-height:22px;
	overflow:hidden;
}

footer a {
	color:#efefef;
	text-decoration:none;
}

footer a:hover {
	color:#ffffff;
}

.container {
	width:100%;
	max-width:1200px;
	margin:0px auto;
	clear:both;	
	overflow:hidden;
}

.flex {
	display:flex !important; 
}


.valign {
	vertical-align:center;
	align-items:center;
}

.blok {
	position:relative;
	display:block;
	float:left;
}

.binnenblok {
	position:relative;
	display:block;
	float:left;
	width:100%
}

.bxslider {
	position:absolute;
	top:0px;
	left:0px;	
	display:block;
	padding:0px;
	position:relative;
	}

.bxslider div {
	width:100%;
	padding:0px;
	height:100%;
	display:block;
}

.bxslider div.introbox{
	height:auto !important;
}


.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	border: 0px !important;
	margin-bottom: 10px !important;
	background: none !important;
}


.bx-wrapper .bx-prev {
   /* background: url('/wp-content/themes/sitosense/images/prev.png') no-repeat !important; */
}

.bx-wrapper .bx-next {
   /* background: url('/wp-content/themes/sitosense/images/next.png') no-repeat !important; */
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 30px;
    width: 100%;
    z-index: 9999999 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ffffff;
    border: 3px solid #ffffff;
	width: 15px;
	height: 15px;
	margin: 0 10px;	
	border-radius:50%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: none;
}

.slide {
	position:absolute;
}	

.slide-bg {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
}

.bx-wrapper .bx-controls-direction a {
    z-index: 9999999 !important;
}

.bx-wrapper .bx-next {
    background: url('http://stichtingdroomfoto.nl/wp-content/themes/sitosense/images/next.png') no-repeat !important;
}

.bx-wrapper .bx-prev {
    background: url('http://stichtingdroomfoto.nl/wp-content/themes/sitosense/images/prev.png') no-repeat !important;
}

.content-container {
	position:relative; 
	width:100%; 
	max-width:1140px; 
	margin:0px auto; 
	padding:0px 20px;
}

.introbox {
	text-align:center;
	padding-left:50px !important;
	padding-right:50px !important;	
	overflow:hidden;
	display:block;
}

.introbox h1 {
	color:#ffffff;	
	text-align:center;
	padding:10px 0px;	
}

.introbox h1 {	
	font-size:72px;
	font-weight:900;
	line-height:92px;
	margin-bottom:30px;	
	margin-top:0px;	
	padding:0px;
	text-shadow: 1px 1px #333333;	
}

.introbox h2 {	
	font-size:42px;
	font-weight:700;
	margin-bottom:0px;
	line-height:54px;	
	margin:0px !important;
	padding:0px !important;
	
}

.introbox p {	
	font-size:20px;
	font-weight:400;
	margin-bottom:0px;
	line-height:28px;	
	color:#ffffff;
	text-shadow: 1px 1px #333333;	
}

.logo a {
	display:block;
	line-height:0px;
}

.logo img {
	width:100%;
	max-width:168px;
	min-width:150px;
	transition: all 1.5s ease;

}

.fh .logo {
	filter: brightness(100);
}

.resp.fh .logo {
	width:25%;
	padding:10px 20px 5px;
}

.resp .logo {
	filter: brightness(100);
}

.resp .logo img {
	min-width:0px;
	width:100px;	
}

.navigation {
	padding:20px 0px;
	width:75%;
}

.fh .navigation {
	width:90%;
	padding:10px 10px;	
}

.resp.fh .navigation {
	width:75%;
	padding:10px 10px;	
}

.bw25 {
	width:25%;
}

.bw30 {
	width:30%;
}

.bw33 {
	width:33.3333%;
}

.bw40 {
	width:40%;
}

.bw50, .bw50-alt {
	width:50%;
}


.bw60 {
	width:60%;
}


.bw66 {
	width:66%;
}

.bw70 {
	width:70%;
}

.bw75 {
	width:75%;
}

.bw100 {
	width:100%;
}

.bg-image {
	padding-top:25%;	
}


.pd5 {
	padding:5px;
}

.pd10 {
	padding:10px;
}

.pd20 {
	padding:20px;
}

.pd30 {
	padding:30px;	
}

.pd40 {
	padding:40px;
}

.pd2040 {
	padding:20px 40px;
}

.pd2030 {
	padding:20px 30px;	
}

.pd404000 {
	padding:40px 40px 0px;
}

.pd402000 {
	padding:40px 20px 0px;
}

.pd202000 {
	padding:20px 20px 0px;
}

.pd20-0020 {
	padding:20px;
}


.pd5020 {
	padding:50px 20px;
}

.pd802020 {
	padding:80px 20px 20px;
}

.pd802000 {
	padding:80px 20px 0px;
}


.pd402000 {
	padding:40px 20px 0px;
}

.pd202040 {
	padding:20px 20px 40px;
}


.pd002080 {
	padding:0px 20px 80px;
}

.pd1020 {
	padding:10px 20px;
}

.pdtop80 {
	padding-top:80px !important;
}

.pdbot20 {
	padding-bottom:20px !important;
}

.pdbot80 {
	padding-bottom:80px !important;
}

.pd20202000 {
	padding:20px 20px 20px 0px;
}

.pd20002020 {
	padding:20px 0px 20px 20px;
}

.pd2000 {
	padding:20px 0px;
}

.mt20 {
	margin-top:-80px;
}

.ht40 {
	min-height:40px;
}

.ht80 {
	min-height:80px;
}

.ht150 {
	min-height:150px;
}

.ht200 {
	min-height:200px;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.rightleft {
	text-align:right;
}

.line-bottom {
	border-bottom: 2px solid #efefef;
}	


@media only screen and  (max-width: 600px) {
	.rightleft {
		text-align:left;
	}	
	.pd8020 {
		padding:20px 20px 20px 20px;
	}
	.right.inlog {
		text-align:center;
		padding-bottom:20px;
	}	
	
}


.bg-grey { background:#fcfcfc; }
.bg-white { background:#ffffff; }
.bg-purple-1 { background:#7d8850; }
.bg-blue { background:#7d8850; }
.bg-red { background:#c61e2e }
.bg-green-1 { background:#7ab23c; }
.bg-green-2 { background:#85c440; }

.album img {
	width:100%;
	margin-bottom:5px;
	clear:both;
}

.sponsorlogo div div {
	
	margin:0px auto; height: 100%; width:70%; min-height:150px;
	
}

@media only screen and  (max-width: 1024px) {	

	.rij, .container {
		display:block;
	}
	
	.flex {
		display:block; 
	}

	.bw25, .bw30, .bw33, .bw40, .bw50, .bw60, .bw70, .bw75 {
		width:100%;
		clear:both;
	}
	
	.bg-image {
		padding-top:100%;	
	}
		
	.pdtop80 {
		padding-top: 0px !important;
	}

	.pd5 {
		padding: 0px 5px !important;
	}		
	
	.pd20-0020 {
		padding:0px 20px;
	}
	
	.sponsorlogo div div {
	
		margin-bottom:30px;
		width:60%;
		
	}
	
	footer {
		position:relative;
	}
	
	.push {
	//	display:none;	
	}
		
	.flex {
		display:block !important; 
	}
	
	ul.menu li.button a {
		background:none;
		color: #7d8850;
	}

	ul.menu li.button a:hover {
		background:none;
		color: #7d8850b0;
	}	
	
}

@media only screen and  (max-width: 600px) {	

	.bw50-alt {
		width:100%;
		clear:both;
	}

	.introbox h1 {	
		font-size:48px;
		line-height:48px;
	}

	.introbox p {	
		font-size:16px;
		line-height:18px;	
	}
	

	h2 {
		font-size:30pt;
		color:#7d8850;
	}	

	h3 {
		font-size:26pt;
	}	
	
	h4 {
		font-size:22pt;
	}	
	
	h5 {
		font-size:18pt;		
	}
	
	h6 {
		font-size:14pt;
	}	
			
	p {
		font-size:12pt;
	}	
	
	.pd40, .pd404000 {
		padding: 20px 20px 20px 20px
	}
	
	.widget_wysija_cont input[type="submit"] {
		margin-bottom:40px
	}
}

input[type=text], input[type=email], textarea {
	border-radius:2px;
	border:1px solid #efefef;
	padding:10px;
	width:90%;
	font-size:18px;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {
	border:1px solid #856b8f;
	box-shadow: 0px 3px 10px #cccccc;	
}

::-webkit-input-placeholder { /* Edge */
	color: #8e8e8e;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #8e8e8e;
}

::placeholder {
	color: #8e8e8e;
}	

textarea::-webkit-input-placeholder {
	color: #0bf;
}

textarea:-moz-placeholder { /* Firefox 18- */
	color: #8e8e8e;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
	color: #8e8e8e;  
}

textarea:-ms-input-placeholder {
	color: #8e8e8e;
}

textarea::placeholder {
	color: #8e8e8e;  
}

/* The container */
.radio-container {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:left;
  color:#8e8e8e;
  margin-left:20px;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #94779f;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;	
	height: 8px;
	border-radius: 50%;
	background: white;
}

input[type="radio"]:checked+label { font-weight: bold; } 

.invalid input, .invalid textarea {
	border:2px solid #cc0000;	
}

div.rbc {
	float:left;
	color:#8e8e8e;
	font-size:18px	
	}
	
div.rbc.invalid {
	color:#cc0000;
}	

.g-recaptcha > div:first-child {
	margin:0px auto 30px;
}

.scroll-down {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -32px;
    display: block;
    text-align: center;
    z-index: 99999;
    padding: 10px;
}

.overlay{
	position:relative;
	width:100%;
	overflow:hidden;
	display:block;
	padding:0px;
	margin:0px;
	height:100%;
} 

.rij .binnenblok {
	visibility: hidden;
	opacity: 0;
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
}

.rij .binnenblok.slideleft {
	margin-left:-200px;
}

.rij .binnenblok.slideright {
	margin-left:200px;
}

.rij .binnenblok.slidetop {
	margin-top:-200px;
}

.rij.zichtbaar .binnenblok {
	visibility: visible !important;
	opacity:1 !important;
	margin-left:0px;
	margin-top:0px;	
}

footer ul {
	margin:20px 0px;
	padding:0px;
}

footer ol {
	margin:0px 40px 20px 20px;
	padding:0px;
}

footer ul li {
	float:left;
	list-style-type:none;
	margin-right:40px;
}

footer p, footer li {
	line-height:22px;
}

footer p, footer li {
	margin:0px 0px 10px 0px 
}


.header-image {
	padding-top:10%; 
	background:url('/wp-content/themes/karmeltwente/images/banner.jpg') no-repeat center center; background-size:cover; display:block; 
	min-height:100px;	
	display:none;
}

.page-template-homepage .header-image {
	display:block;
}

.single .header-image, .single-events .header-image, .page-template-edit-post .header-image {
	background:none;
	padding:40px;
	min-height:0px;
}

.page .children div {
	border-bottom: 2px solid #efefef;
	padding:20px 0px;	
}

.page .children a {
	color: #7d8850;
	padding:12px 0px;	
}

.page .children a.active {
	color: #7d8850;
}

.single-event-nav, .single-event-nav a {
	color:#7d8850;
	font-size:14px;
	line-height:20px;
}

ul.social {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.social li {	
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;	
}

.social img {
	width:24px;
	height:24px;
}

.pagination {
	width:100%;
	text-align:center;	
	margin:20px 0px 40px;
}	
	
.pagination a {
	box-sizing:border-box;
	padding:10px 0px;
	margin:0px 2px;
	background:#efefef;
	color:#333333;
	display:inline-block;
	font-szie:14px;
	text-align:center;
	width:40px;
	border:2px solid #efefef;
	transition: all 0.5s ease;
}

.pagination a:hover {
	color:#ffffff;
	background:#be1e2d;
	border:2px solid #be1e2d;	
}

.pagination a.active {
	color:#ffffff;
	background:#7d8850;
	border:2px solid #7d8850;
	
}

.pagination a.prev-next {
	color:#efefef;
	border:2px solid #efefef;
	border-radius:2px;
	background:#ffffff;
}

.pagination a.prev-next:hover {
	color:#ffffff;
	background:#efefef;
}

.profiel-logo:hover {
	box-shadow: 0px 0px 10px #efefef;	
}

.acf-field {
	margin-bottom:20px;
}
.acf-label {
	margin-bottom:5px;
}

.acf-button {
	margin-bottom:40px;
}

input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.widget_wysija_cont .wysija-submit {
    margin-top: 0px !important;
}

.bold-extra {
	font-size: 16px;
	font-weight:700;
}

.blid { padding:0px 0px 0px 20px;}

@media only screen and  (max-width: 1024px) {	

	.blid { padding:20px 0px 0px 0px;}

}	
.rij {
	width:100%;
	position:relative;
}

.cel {
	display:block;
	float:left;
}

.full  { height:100vh; height: calc(var(--vh, 1vh) * 100); } 
.flex  { display:flex; }
.ofh   { overflow:hidden; }
.ofv   { overflow:visible; }
		v
.fright { float:right; }
.fleft { float:left; }

.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }

.cw100 { width:100%; clear:both; }
.cw75  { width:75%; }
.cw66  { width:66.6667%; }
.cw60  { width:60%; }
.cw50  { width:50%; }
.cw40  { width:40%; }
.cw33  { width:33.3333%; }
.cw25  { width:25%; }
.cw20 { width:20%; }

.pd10 { padding:10px; }
.pd20 { padding:20px; }
.pd30 { padding:30px; }
.pd3000 { padding:30px 0px; }
.pd4000 { padding:40px 0px; }
.pd40 { padding:40px; }
.pd1000 { padding:10px 0px; }
.pd2000 { padding:20px 0px; }
.pd1020 { padding:10px 20px; }
.pd3020 { padding:30px 20px; }
.pd4020 { padding:40px 20px; }
.pd8020 { padding:80px 20px; }
.pd2040 { padding:20px 40px }
.pd404020 { padding:40px 40px 20px; }
.pd204040 { padding:20px 40px 40px; }
.pd204060 { padding:20px 40px 60px; }
.pd40404000 { padding:40px 40px 40px 0px; }
.pdb40 { padding-bottom:40px; }
.pdt00 { padding-top:0px !important; }
.pdt50p { padding-top:50%; }

.mt00 { margin-top: 0px;}
.mt20 { margin-top: 20px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.minh400 { min-height: 400px; }
.maxw900 { max-width: 900px; }
.vh50 {height:50vh !important;}
.vh60 {height:60vh !important;}
.vh66 {height:66vh !important;}


@media only screen and (max-width: 1200px) {
	.cw25 { width:50%; }
	.cw20 { width:50%; }
	.flex-25 { display:block; overflow:hidden; }
}

@media only screen and (max-width: 1023px) {

	.flex, .flex-33 { display:block; overflow:hidden; }
	.fright, .fleft { float:none; }	
	.clear { clear:both;}
	.cw75 { width:100%; }
	.cw66 { width:100%; }
	.cw60 { width:100%; }
	.cw50 { width:100%; }
	.cw40 { width:100%; }
	.cw33 { width:100%; }
	.cw25 { width:50%; }
	.cw20 { width:50%; }
	
	.bgimg { height:50vh;  }	
	.bgimg.fright { position:absolute; top:0px; left:20px; display:block; width:calc(100% - 40px);}	
	.no-container .bgimg.fright { position:absolute; top:0px; left:0px; display:block; width:100%;}	
	
	
	.content.fleft { margin-top:calc(50vh - 20px); }	
	.content > div {padding: 20px 0px !important}
	.no-container .content.fleft { margin-top:50vh; }	
	.no-container .content > div {padding: 40px !important}

	
/*	.resp .content {padding:0px !important} */
	
	footer { position:relative; }
	footer h4 { margin: 20px 0px}	
	.kolom-1-3 { margin-top:0px; }
	.gallery .pd10 { padding-top:0px; padding-bottom:0px }
	.cw50.cel-1 { padding-bottom:0px; }	
}

@media only screen and (max-width: 800px) {	

	.cw75  { width:100%; }
	.cw66  { width:100%; }
	.cw50  { width:100%; }
	.cw25  { width:100%; }
	.cw20 { width:100%; }	
//	.pd20 { padding:10px 20px; }
	.pd40 { padding:20px 20px; }		
}	
	
	
	
	
	
/* Slider */

.bxslider {
	position:absolute;
	top:0px;
	left:0px;	
	display:block;
	padding:0px;
	height:100%;
	z-index:10;
	}

.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	border: 0px !important;
	margin-bottom: 0px !important;
	background: none !important;
	height:100% !important;

}

.bx-viewport {
	height:100% !important;
}


.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 30px;
    width: 100%;
    z-index: 9999999 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666666 !important;
    border: 0px !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 10px !important;	
	border-radius:50% !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #f89563 !important;
}
.bx-wrapper .bx-controls-direction a {
    z-index: 9999999 !important;
}

.bx-wrapper .bx-next {
    background: url('/wp-content/themes/sitosense/images/next.png') no-repeat !important;
}

.bx-wrapper .bx-prev {
    background: url('/wp-content/themes/sitosense/images/prev.png') no-repeat !important;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: -80px !important;
}

.slide {	
	position:relative; 
	width:100%; 
	height:100%; 
	min-height:400px; 
}

.slide-overlay {
	position:absolute;
//	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
}

.slide-table, .slide-trow, .slide-tcel   {
	display:table;
	width:100%;
	height:100%;	
}

.slide-trow  {
	display:table-row;
}

.slide-tcel  {
	display:table-cell;
	vertical-align:middle;	
}

.slide-tcel div {
	padding:20px;
	width:80%;
	max-width:600px;
	float:none;
	margin-right:10%;
	margin-left:10%;
}

.slide p, .slide h2 {
	color: #ffffff;
}

.slide a.button {
	color: #ffffff;
	background-color: #f89563;
	border: 1px solid #f89563;
	border-radius: 30px;
	padding: 10px 20px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
}

.slide a.button:hover {
	padding-right:70px;
}

.slide h1 { color: #ffffff; }

.slide-bg {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
    -webkit-transition: all 7s ease;
    -moz-transition: all 7s ease;
    -o-transition: all 7s ease;
    transition: background-image 7s ease;		
}

.naar-beneden {	
	position:absolute; 
	display:block; 
	width:48px; 
	height:48px; 	
	bottom:30px; 
	left:50%; 
	margin-left:-24px; 
	background-color: rgb(189, 155, 89);	
	background-color: rgba(189, 155, 89, 0.9);
	background-color: #f89563b3;
	padding:12px; 
	border-radius:50%;
	box-sizing:border-box;
	box-shadow: 0px 3px 10px #333;
}

.naar-beneden img {
	width:100%;
}	
	
/* Agenda opmaak */

div.datum { 
	display:block;
}
div.dag { 
	color: #ffffff;
	font-family: 'Roboto';
	font-size: 28pt;
	line-height: 28pt;
	text-align: center;
	padding: 10px 10px 0px 10px;
	margin: 0px;
	font-weight: bold;
	display: inline-block;
}
div.maand { 
	color: #ffffff;
	font-family: 'Roboto';
	font-size: 16pt;
	line-height: 16pt;
	text-align: center;
	padding: 0px 10px 5px 10px;
	margin: 0px;
	font-weight: 500;
	display: inline-block;
	text-transform:lowercase;
}	

div.jaar { 
	color: #333;
	font-family: 'Roboto';
	font-size: 11pt;
	line-height: 11pt;
	text-align: center;
	padding: 5px 10px 10px 10px;
	margin: 0px;
	font-weight:400;
	display: inline-block;
	text-transform:lowercase;
}	


div.event {
	color: #333;
	font-family: 'Roboto';
	font-size: 14pt;
	text-align: left;
	padding: 15px;
	margin: 0px;
	display:block;
	font-weight:700;
}	
.event h2 {
	font-size:15pt;
	color: #333;
}
.event p {
	font-weight:300;
	padding-left:30px; 
	background-size:20px;
	opacity: 0.8;
	background-repeat: no-repeat;
	color: #333;

}	
	
table.event-kenmerken {
	margin:10px 0px;
}	
.event-kenmerken td {
	font-size:10pt;
	padding:5px 0px 5px 0px;
	vertical-align:top;
}	
	
.event-kenmerken td:first-child { 
	padding:5px 20px 5px 0px;
	vertical-align:top;
}
	
/* Laposta */

div.lsb-field-tag-voornaam, div.lsb-field-tag-achternaam {
	display:none;
}	
	
label.lsb-form-label {	
	margin-bottom: 10px;
	display: block;
}	

.lsb-form input {
	margin-bottom:10px;
}


/* nieuws */

.nb-1 { padding: 0px 8px 0px 0px }
.nb-2 { padding: 0px 8px 0px 8px }
.nb-3 { padding: 0px 0px 0px 8px }

.pdb16  { padding-bottom:16px }

@media only screen and (max-width: 1024px) {
	.nb-1, .nb-2, .nb-3 { padding: 0px 0px 0px 0px; margin-bottom:20px; }
	.pdb16  { padding-bottom:0px }

}



.sai-1, .sai-5 {padding: 10px}
.sai-2, .sai-3, .sai-6, .sai-7  {padding: 10px}
.sai-4, .sai-8 {padding: 10px}


.page #content li {
	margin-bottom:8px;
}

.nieuwsbericht {
	display:block;
	height:100%;
	background:#fff;
}

.nieuwsbericht:hover {
	box-shadow: 0 5px 5px rgba(60,64,67,.3);
}	

input#achternaam {
	display: none;
}

.intro-image {
	padding:30px;
}

.resp .intro-image {
	padding:0px 30px 30px 30px;
}

.activiteit-image-1, .activiteit-image-2 {
	width:33%;
	height:240px;
}

.activiteit-omschrijving-1, .activiteit-omschrijving-2  {
	width:66%;
}

.activiteit-image-1 a, .activiteit-image-2 a {
	display:block;
	height:100%;
}	

.activiteit-image-1 { 
	float:left;
	padding-right:40px;
}

.activiteit-image-2 { 
	float:right;
	padding-left:40px;
}

.activiteit-omschrijving-2 {
	float:left;
}

.act-afb {
	padding:20px 20px 20px 0px;	
}

.act-oms {
	padding:20px;	
}

@media only screen and (max-width: 800px) {
	.activiteit-image-1, .activiteit-image-2, .activiteit-omschrijving-1, .activiteit-omschrijving-2  {
		width:100%;		
	}
	.activiteit-image-1 { 
		padding-right:0px;
		padding-bottom:15px;
	}
	.activiteit-image-2 { 
		padding-left:0px;
		padding-bottom:15px;
	}

	.act-afb, .act-oms { padding: 0px;}
	
	.act-afb {margin-bottom:40px;}
	
	
}


/* footer-menu */

ul.footermenu {
	float:left;
	margin:0px;
	padding:0px;
}

ul.footermenu li {
	float:none;
	display:block;
	margin-bottom:10px;
} 

ul.footermenu li a {
	color:#ffffff;
	font-size:11pt;
}

ul.footermenu li a:hover {
	color:#ffffff;
	text-decoration:underline;	
}

.fb2 { 
	position:relative;
}

div.fb1  {
	position:absolute;
	right:0px;
	top:10px;
	text-align:right;	
}

.fb1 div {float:left; margin-left:12px;}

div.fb2  {
	position:absolute;
	right:0px;
	bottom:10px;
	text-align:right;	
}

@media only screen and (max-width: 800px) {


	div.fb1, div.fb2  {
		position:relative;
		text-align:left;	
		margin-top:30px;
		bottom:0px;
		overflow:hidden;
	}

	.fb1 div { margin-left:0px; margin-right:12px;}
	
	ul.footermenu {
		margin-bottom:20px;
	}

}

.more-data button, .less-data button {
	cursor:pointer;
}

.show-data {
	display:flex;
	display:none;
}

.less-data {
	display:none;
}


ul.social {
	float:right;
}

@media only screen and (max-width: 800px) {

	ul.social {
		float:left;
		margin: 15px 0px;
	}

}

.nb-image {
	padding:20px 20px 20px 20px
}

@media only screen and (max-width: 800px) {

	.nb-image {
		padding:20px 20px 20px 20px
	}

}