@font-face {
    font-family: 'Gilligans-Island';
    src: url('fonts/Gilligans-Island.ttf.eot');
    src: url('fonts/Gilligans-Island.ttf.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gilligans-Island.ttf.woff') format('woff'),
		 url('fonts/Gilligans-Island.ttf.eot'),
         url('fonts/Gilligans-Island.ttf.svg#Gilligans-Island') format('svg');
    font-weight: normal;
    font-style: normal;
}			

@font-face {
    font-family: 'socicon';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.woff2') format('woff2'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}			

body, html {
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
	color: #000000;
	font-family: 'Source Sans Pro', sans-serif;
	height: 100%;
}

.largenav {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	padding: .8em 0em;
	color: white;
	font-weight: bold;
	font-size: 1.5em;
	box-shadow: 0em 1px 5px rgba(0,0,0,0.4);
}

.largenav:hover {
	z-index: 500 !important; 
}

.arrow {
	position: relative;
	height: 1em;
	width: auto;
	top: .2em;
	margin-right: .8em;
	-ms-transition: transform .5s;
	-webkit-transition: transform .5s;
	transition: transform .5s;
}

.back-arrow {
	position: relative;
	height: 1em;
	width: auto;
	top: .1em;
	margin-right: .2em;
	-ms-transition: transform .5s;
	-webkit-transition: transform .5s;
	transition: transform .5s;
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}

.largenav:hover .arrow {
     -ms-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}

.active {
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}

.container {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 10;
}

.motief {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: -10;
	display: block;
}

.logotable {
	position: relative;
	width: 100%;
	height: 100%;
}

.large-logo {
	position: relative;
	width: auto;
	height: 100%;
}

.trouwlocatie {
	position: absolute; 
	display: block;
	width: 8em;
	height: auto;
	top:.5em;
	left:.5em;
	z-index: 999;    
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.top-container {
	position: relative;
	height: auto;
	display: block;
	width: 100%;
	padding:2em 0em;
}

.logo-container {
	width: 25%;
	position: relative;
	float: left;
}

.logo {
	position: relative;
	width: 60%;
	height: auto;
}

.menu-container {
	position: absolute;
	left:25%;
	width: 75%;
	font-size: 1.5em;
	font-weight: 300;
	bottom: 1em;
}

.menu-container ul {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.menu-container ul li {
	float: left;
}

.menu-container ul a:hover, .menu-container ul .current-menu-item a {
	font-weight: 400;
}

.menu-container .sep {
	position: relative;
	margin: 0px .8em;
	display: inline;
}

.menu-container li:last-child .sep {
	display: none;
}


.menu-container .sub-menu {
	position: absolute;
	display: none;
	z-index: 9999;
	line-height: 200%;
	padding: 1em;
	margin-left: -1em;
	border: 1px solid white;
	border-top: 0px;
}


.menu-container .sub-menu .sep {
	display: none;
}

.menu-container .sub-menu li {
	float: none;
}

.menu-container ul li:hover .sub-menu {
	display: block;
}

.right {
	position: absolute;
	right: 2em;
	top:1em;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 175%;
}

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

.arrow-gray {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	background-image: url('image/arrow-gray.png');
	background-size: contain;
	top: .2em;
	margin-right: .5em;
}



.banner-container {
	width: 100%;
	height:auto;
	position: relative;
}

.left-container {
	position: relative;
	float: left;
	width: 25%;
	height: 100%;
	font-size: 1.5em;
	font-weight: 300;
}

.left-container table {
	position: relative;
	height: 100%;
}

.left-container ul {
	margin:0px 1em;
	padding: 0px;
	list-style: none;
}

.left-container .sub-menu {
	position: absolute;
	top:0px;
	left: 60%;
	display: none;
	padding-right: 1em;
	margin-bottom: 1em;
	white-space: nowrap;
	min-height: 100%;
	border: 1px solid white;
	border-left: 0px;
	z-index: 9999;
}

.left-container li i {
	display: none;
}

.left-container ul li:hover .sub-menu {
	display: block;
}

.arrow-left {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	background-image: url('image/arrow-diap.png');
	background-size: contain;
	top: .2em;
	margin-right: .5em;
}

.left-container ul a {	
	display: block;
	margin: 1em 0px;
}

.left-container ul a:hover, .left-container ul .current-menu-item a {	
	font-weight: 400;
}

.secondleft {
	margin: 1em 0px;
}


.visual {
	position: relative;
	float: left;
	width: 72.5%;
	height: 100%;
	overflow: hidden;
}

.visual img {
	margin: 0px;
	height: auto;
}


#slides {
  display: none
}

.container {
  margin: 0 auto
}

.click {
	position: relative;
	float: left;
	width: 2.5%;
	height: 100%;
}

.nextSlide {
	cursor: pointer;
}

.content-container {
	width: 50%;
	float: left;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 180%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.content-container strong {
	font-weight: bold;
}

.content-container p {
	margin-bottom: 0px;
}

.content-container table {
	width: 100%;
	border-collapse: collapse;
}

.content-container table tr td {
	padding: .15em;
	border-bottom: 1px dashed #ccc;
}

.content-container a {
	font-weight: 400;
}

.content-container a:hover{
	color: black;
}

.content-container iframe {
	width: 100%;
	border: none;
}

.prices {
	margin: 0px;
	padding: 0px;
	padding-left: 1em;
}

.prices li {
	clear: both;
	border-bottom: 1px dashed #ccc;
}

.prices li em {
	font-style: normal;
	display: inline-block;
	float: right;
	margin-right: .5em;	
}

.thumb {
	position: relative;
	float: left;
	width: 32%;
	margin: 0 1% 1% 0;
}

.thumb img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.thumb-desc {
	position: absolute;
	bottom:0px;
	left:0px;
	width: 90%;
	height: 10%;
	padding: 5%;
	text-align: center;
	color: white;
	overflow: hidden;
}

.thumb-desc p {
	margin: 0px;
}

.thumb-title {
	font-size: 1.5em;
	font-weight: bold;
}

.thumbdesc {
	display: none;
}

.thumb-link {
	font-weight: bold !important;
	color: white !important;
}

.thumb-link:hover {
	text-decoration: underline;
	color: white !important;
}

.thumb:hover .thumbdesc, .thumb:focus .thumbdesc {
	display: block;
}

.thumb .thumb-desc {
	 -webkit-transition: height .5s;
	transition: height .5s;
}

.thumb:hover .thumb-desc, .thumb:focus .thumb-desc, .thumb-title:focus .thumb-desc {
	height: 90% !important;
}


.thumb table {
	width: 100%;
	height: 100%;
}

.thumb table tr td  {
	border: none;	
}

.right-block {
	position: relative;
	float: left;
	width: 20%;
	margin-left: 5%;
	font-weight: 300;
	padding: 2em 1em 1em 1em;
	box-sizing: border-box;
	text-align: center;
	font-size: 1em;
}

.right-block .arrow {
	margin-left: -1.2em;
}

.right-block .arrow-left {
	display: none;
	margin-left: -1.2em;
}

.right-block a:hover .arrow-left, .right-block .current-menu-item .arrow-left {
	display: inline-block;
}

.right-block a:hover, .right-block .current-menu-item {
	font-weight: 400;
}

.right-block ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.right-block ul li {
	margin-bottom: .75em;
}

.footer {
	font-size: .9em;
	line-height: 150%;
	padding-bottom: 55px;
}

.footer table tr td {
	position: relative;
}

.footer .social {
	position: relative;
	font-family: 'socicon';
	font-size: 1.5em;
	padding: .25em;
	margin-right: .25em;
	margin-top: .2em;
	border-radius: .25em;
	float: left;
	color: white;
}

.footer .social:hover {
	background: black !important;
	color: white !important;
}

.copyright {
	position: relative;
	float: right;
	margin: -2em 1em 0em 0em;
	color: #a09d97;
}

.seperator {
	position: absolute;
	right: 0px;
	top:0px;
	height: 100%;
	width: 1px;
	background: #54544a;
}

.agenda-item {
	margin-bottom: 1em;
}

.agenda-name {
	font-size: 1.5em;
}

a {
	text-decoration: none;
	color: inherit;
}

a img {
	border: none;
}

.headerblock {
	position: relative;
	width: auto;
	height: auto;
	padding: 3em 4em;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
}

.headerblock .border {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
}

.headerblock h1 {
	display: inline-block;
}

h1, h2, h3, h4 {
	font-weight: bold;
	font-size: 1.5em;
}

h1 i {
	font-weight: 300 !important;
	font-style: normal;
}

.herberg-de-drie-linden-10 h1, .herberg-de-drie-linden-10 h2, .herberg-de-drie-linden-10 h3, .herberg-de-drie-linden-10 h4 {
 	font-family: 'Gilligans-Island'; 
 	font-weight: normal; 
 	letter-spacing: -.025em;
 	text-transform: uppercase;
}

.dancingscript {
	font-family: 'Dancing Script', cursive;
	font-size: 2em;
 	font-weight: normal; 
 	color: #eb6225;
}

.larger {
	font-size: 1.5em;
}

.clear {
	clear: both;
}

.wpcf7-form-control-wrap, .mc4wp-form-fields {
	width: 100%;
	margin-bottom: 1%;
}

.wpcf7-form-control, .mc4wp-form-fields input, .mc4wp-form-fields select {
	resize:none;
	border: 1px solid #dadada;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding: 1%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	font-weight: 300 !important;
	color: black;
	background: rgba(255,255,255,.4);
}

.wpcf7-submit, .mc4wp-form-fields input[type="submit"] {
	color: white !important;
	border: none;
}

.mc4wp-form-fields input[type="checkbox"] {
	width: auto;
	
}

.wpcf7-response-output {
	resize:none;
	border-width: 1px !important;
	background: white;
	padding: 1%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	font-weight: 300 !important;
	color: black;
	margin:0px !important;
	margin-top: 15px !important; 
}


.mobilemenu {
	position: relative;
	text-align: center;
}

.mobilemenu .hamburger {
	width: 3em;
	margin-top: .5em;
	padding: .2em;
	height: auto;
	border-radius: .25em;
}

.mobilemenu .menutoggle {
	display: none;
}

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

.mobilemenu ul li {
	display: block;
	margin-top: .5em;
}

 .mobilemenu b {
	display: block;
	margin-top: 1em;
}


.mobilemenu ul li a:hover, .mobilemenu .current-menu-item, .mobilemenu .active-group {
	font-weight: 600;
}



/* LOCATION SPECIFIC COLORS  */


/* TOP PATTERN BACK  */
.partycentrum-wijnand-van-delft-10 .top-container {
	background: url('image/motief1.png') repeat #515048 !important;
	color: white !important;
}

.herberg-de-drie-linden-10 .top-container {
	background: url('image/motief3.png') repeat #a39d9d !important;
	color: white !important;
}



/* 100% BACK  */
.partycentrum-wijnand-van-delft-100, .partycentrum-wijnand-van-delft-content .wpcf7-submit, .partycentrum-wijnand-van-delft-content .mc4wp-form-fields input[type="submit"], .partycentrum-wijnand-van-delft-footer .social, .partycentrum-wijnand-van-delft-10 .mobilemenu .hamburger, .partycentrum-wijnand-van-delft-10 .banner-container {
	background: #eb6225 !important;
}

.herberg-de-drie-linden-100, .herberg-de-drie-linden-content .wpcf7-submit, .herberg-de-drie-linden-content .mc4wp-form-fields input[type="submit"], .herberg-de-drie-linden-footer .social, .herberg-de-drie-linden-10 .mobilemenu .hamburger {
	background: #433935 !important;
}

.grote-bbq-100, .grote-bbq-content .wpcf7-submit, .grote-bbq-content .mc4wp-form-fields input[type="submit"], .grote-bbq-footer .social, .grote-bbq-10 .mobilemenu .hamburger {
	background: #ffc21c !important;
}

.wijnands-catering-100, .wijnands-catering-content .wpcf7-submit, .wijnands-catering-content .mc4wp-form-fields input[type="submit"], .wijnands-catering-footer .social, .wijnands-catering-10 .mobilemenu .hamburger {
	background: #609daf !important;
}

.pannenkoekenboerderij-100 {
	background: #333333 !important;
}

/* 20% BACK */
.partycentrum-wijnand-van-delft-20{
	background: rgba(212,210,207,.9);
}

.herberg-de-drie-linden-20 {
	background: rgba(230,220,213,.9);
}

.grote-bbq-20 {
	background: rgba(246,230,200,.9);
}

.wijnands-catering-20 {
	background: rgba(205,223,228,.9);
}

/* 10% BACK  */
.partycentrum-wijnand-van-delft-10 {
	background: #ebe9e8;
}

.herberg-de-drie-linden-10 {
	background: #f2ece7;
}

.grote-bbq-10 {
	background: #fff9ea;
}

.wijnands-catering-10 {
	background: #e7f0f2;
}

/* 75% BACK  */
.partycentrum-wijnand-van-delft-10 .thumb .thumb-desc {
	background: rgba(235,98,37,.75);
}

.herberg-de-drie-linden-10 .thumb .thumb-desc {
	background: rgba(165,128,94,.75);
}

.grote-bbq-10 .thumb .thumb-desc {
	background: rgba(255,194,28,.75);
}

.wijnands-catering-10 .thumb .thumb-desc {
	background: rgba(96,157,175,.75);
}


/* 100% TEXT  */
.partycentrum-wijnand-van-delft-text-100, .partycentrum-wijnand-van-delft-footer a:hover,  .partycentrum-wijnand-van-delft-right .active-group, .partycentrum-wijnand-van-delft-right  .current-menu-item a, .partycentrum-wijnand-van-delft-10 .menu-container  ul a:hover, .partycentrum-wijnand-van-delft-10 .menu-container ul .current-menu-item a,.partycentrum-wijnand-van-delft-10 .mobilemenu ul li a:hover,.partycentrum-wijnand-van-delft-10 .mobilemenu ul .current-menu-item a,.partycentrum-wijnand-van-delft-10  .mobilemenu .active-group, .partycentrum-wijnand-van-delft-10  .backlink:hover, .partycentrum-wijnand-van-delft-content a  {
	color: #eb6225 !important; 
}

.herberg-de-drie-linden-text-100, .herberg-de-drie-linden-footer a:hover, .herberg-de-drie-linden-left .current-menu-item a, .herberg-de-drie-linden-left a:hover,  .herberg-de-drie-linden-right .active-group, .herberg-de-drie-linden-right  .current-menu-item a, .herberg-de-drie-linden-10 .menu-container  ul a:hover, .herberg-de-drie-linden-10 .menu-container ul .current-menu-item a,.herberg-de-drie-linden-10 .mobilemenu ul li a:hover,.herberg-de-drie-linden-10  .mobilemenu .active-group,.herberg-de-drie-linden-10 .mobilemenu ul .current-menu-item a,.herberg-de-drie-linden-10  .backlink:hover, .herberg-de-drie-linden-content a,.herberg-de-drie-linden-10 .headerblock h1   {
	color: #b20e10 !important; 
}

.grote-bbq-text-100, .grote-bbq-footer a:hover, .grote-bbq-left .current-menu-item a, .grote-bbq-left a:hover,  .grote-bbq-right .active-group, .grote-bbq-right  .current-menu-item a, .grote-bbq-10 .menu-container  ul a:hover, .grote-bbq-10 .menu-container ul .current-menu-item a,.grote-bbq-10 .mobilemenu ul li a:hover,.grote-bbq-10  .mobilemenu .active-group,.grote-bbq-10 .mobilemenu ul .current-menu-item a,.grote-bbq-10  .backlink:hover, .grote-bbq-content a    {
	color: #ffc21c !important; 
}

.wijnands-catering-text-100, .wijnands-catering-footer a:hover, .wijnands-catering-left .current-menu-item a, .wijnands-catering-left a:hover,  .wijnands-catering-right .active-group, .wijnands-catering-right  .current-menu-item a, .wijnands-catering-10 .menu-container  ul a:hover, .wijnands-catering-10 .menu-container ul .current-menu-item a,.wijnands-catering-10 .mobilemenu ul li a:hover,.wijnands-catering-10  .mobilemenu .active-group,.wijnands-catering-10 .mobilemenu ul .current-menu-item a,.wijnands-catering-10  .backlink:hover, .wijnands-catering-content a    {
	color: #609daf !important; 
}

/* ARROWS  */
.partycentrum-wijnand-van-delft-right a:hover .arrow-gray, .partycentrum-wijnand-van-delft-right .active-group .arrow-gray, .partycentrum-wijnand-van-delft-right .current-menu-item .arrow-gray, .partycentrum-wijnand-van-delft-left ul a:hover .arrow-left, .partycentrum-wijnand-van-delft-left ul .current-menu-item a .arrow-left, .partycentrum-wijnand-van-delft-20 ul a:hover .arrow-left, .partycentrum-wijnand-van-delft-20 .current-menu-item .arrow-left  {
	background-image: url('image/arrow-partycentrum-wijnand-van-delft.png');
	transform: rotate(0deg) !important;
}
	
.herberg-de-drie-linden-right a:hover .arrow-gray, .herberg-de-drie-linden-right .active-group .arrow-gray, .herberg-de-drie-linden-right .current-menu-item .arrow-gray, .herberg-de-drie-linden-left ul a:hover .arrow-left, .herberg-de-drie-linden-left ul .current-menu-item a .arrow-left, .herberg-de-drie-linden-20 ul a:hover .arrow-left, .herberg-de-drie-linden-20 .current-menu-item .arrow-left  {
	background-image: url('image/arrow-herberg-de-drie-linden.png');
	transform: rotate(0deg) !important;
}	

.grote-bbq-right a:hover .arrow-gray, .grote-bbq-right .active-group .arrow-gray, .grote-bbq-right .current-menu-item .arrow-gray, .grote-bbq-left ul a:hover .arrow-left, .grote-bbq-left ul .current-menu-item a .arrow-left, .grote-bbq-20 ul a:hover .arrow-left, .grote-bbq-20 .current-menu-item .arrow-left   {
	background-image: url('image/arrow-grote-bbq.png');
	transform: rotate(0deg) !important;
}	

.wijnands-catering-right a:hover .arrow-gray, .wijnands-catering-right .active-group .arrow-gray, .wijnands-catering-right .current-menu-item .arrow-gray, .wijnands-catering-left ul a:hover .arrow-left, .wijnands-catering-left ul .current-menu-item a .arrow-left, .wijnands-catering-20 ul a:hover .arrow-left, .wijnands-catering-20 .current-menu-item .arrow-left  {
	background-image: url('image/arrow-wijnands-catering.png');
	transform: rotate(0deg) !important;
}	

/* LIST STYLES  */
.partycentrum-wijnand-van-delft-content ul {
	list-style-image: url('image/bullet-partycentrum-wijnand-van-delft.png');
}

.herberg-de-drie-linden-content ul {
	list-style-image: url('image/bullet-herberg-de-drie-linden.png');
}

.grote-bbq-content ul {
	list-style-image: url('image/bullet-grote-bbq.png');
}

.wijnands-catering-content ul {
	list-style-image: url('image/bullet-wijnands-catering.png');
}

/* OVERWRITES */

.content-container a:hover {
	 color: black !important;
}
.menu-partycentrum-wijnand-van-delft-zalen-container .current-menu-item a, .menu-partycentrum-wijnand-van-delft-zalen-container a:hover {
	color: white !important;
}

.menu-partycentrum-wijnand-van-delft-zalen-container ul a:hover .arrow-left, .menu-partycentrum-wijnand-van-delft-zalen-container ul .current-menu-item a .arrow-left, .menu-partycentrum-wijnand-van-delft-zalen-container ul a:hover .arrow-left, .menu-partycentrum-wijnand-van-delft-zalen-container .current-menu-item .arrow-left, .partycentrum-wijnand-van-delft-right .arrow-gray, .herberg-de-drie-linden-right .arrow-gray {
	background-image: url('image/arrow.png');
	transform: rotate(90deg) !important;
}

.partycentrum-wijnand-van-delft-content .thumb-link:hover, .partycentrum-wijnand-van-delft-content .thumb-link, 
.herberg-de-drie-linden-content .thumb-link:hover, .herberg-de-drie-linden-content .thumb-link,
.grote-bbq-content .thumb-link:hover,.grote-bbq-content .thumb-link,
.wijnands-catering-content .thumb-link:hover, .wijnands-catering-content .thumb-link {
	 color: white !important;
 }
 
.wpcf7-submit:hover, .mc4wp-form-fields input[type="submit"]:hover {
	cursor: pointer;
	color: white;
	background: gray !important;
}

.desktophide {
	display: none;	
}


.videoWrapper, .wp-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width: auto !important;
}

.wp-video {
	padding-bottom: 52.5%;
}

.videoWrapper iframe, .wp-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}