/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Quicksand:300);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);

@font-face {
    font-family: 'Brocha Regular';
    src: url('../fonts/brocha-regular-webfont.eot');
    src: url('../fonts/brocha-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brocha-regular-webfont.woff2') format('woff2'),
         url('../fonts/brocha-regular-webfont.woff') format('woff'),
         url('../fonts/brocha-regular-webfont.ttf') format('truetype'),
         url('../fonts/brocha-regular-webfont.svg#brocharegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brocha Light';
    src: url('../fonts/brocha-light-webfont.eot');
    src: url('../fonts/brocha-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brocha-light-webfont.woff2') format('woff2'),
         url('../fonts/brocha-light-webfont.woff') format('woff'),
         url('../fonts/brocha-light-webfont.ttf') format('truetype'),
         url('../fonts/brocha-light-webfont.svg#brochalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brocha Semibold';
    src: url('../fonts/brocha-semibold-webfont.eot');
    src: url('../fonts/brocha-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brocha-semibold-webfont.woff2') format('woff2'),
         url('../fonts/brocha-semibold-webfont.woff') format('woff'),
         url('../fonts/brocha-semibold-webfont.ttf') format('truetype'),
         url('../fonts/brocha-semibold-webfont.svg#brochasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Bambusa';
    src: url('../fonts/bambusa_pro_regular_1001-webfont.eot');
    src: url('../fonts/bambusa_pro_regular_1001-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bambusa_pro_regular_1001-webfont.woff2') format('woff2'),
         url('../fonts/bambusa_pro_regular_1001-webfont.woff') format('woff'),
         url('../fonts/bambusa_pro_regular_1001-webfont.ttf') format('truetype'),
         url('../fonts/bambusa_pro_regular_1001-webfont.svg#bambusaproregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: white;
	background-image: url('../images/palmblad.png'), url('../images/gatenplant.png');
	background-size: auto 60%;
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
a {
	outline: none;
}
a:hover {
	text-decoration: none;	
}
hr {
	margin: 45px 0;
	border-top: 1px solid #dac14d;
}
.uk-container {
	max-width:980px;
}
.uk-button {
	margin-top: 5px;	
}
.uk-button-small {
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}
.uk-button-reserveren {
	font-family: 'Brocha Semibold';
	letter-spacing: 2.5px;
	font-size: 15px;
	padding: 0 15px;
	margin-bottom: 20px !important;
}
.uk-dotnav {
	float:right;
}
.uk-dotnav > * > * {
	border-radius: 0;
}
.uk-container {
	position:relative;
}
.tm-padding-around {
	padding: 30px;
}
#tm-top-a {
	margin-bottom: 6px;
	margin-top: 6px;
}

.twaalf-breed h2,
.category .tm-main h2 {
	letter-spacing: 2px;
	font-size: 28px;
	text-transform: uppercase;	
	padding-bottom: 25px;
	margin-bottom: 30px;
	margin-top:5px;
	position: relative;
}
.twaalf-breed h2:after,
.category .tm-main h2:after {
	content:"";
    background: #e5c339;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 178px;
	transform: translateX(0%);
}
#event-reserveren h2:after {
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}
.tekst h4 {
	font-family: 'Brocha Light';
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #e5c339;
	margin: 0;	
}
.tekst p, .twaalf-breed p {
	letter-spacing: 0.75px;	
}
.ui-widget {
	font-family: 'Raleway' !important;
}
.ui-datepicker {
	padding: 8px !important;
	border: none !important;	
}
.ui-datepicker .ui-datepicker-header {
	background: #ccc !important;	
	border: none !important;	
}
.ui-datepicker td span, .ui-datepicker td a {
	text-align: center !important;	
}
.ui-corner-all {
	border-radius: 0 !important;	
}
.ui-datepicker .ui-datepicker-title {
	text-transform: uppercase !important;
	font-size: 16px !important;
	letter-spacing: 2px !important;
	font-weight: 500 !important;	
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #e6e6e6 !important;	
}


/* .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore),
.uk-overlay-hover a:hover {
	background: #667e66 none repeat scroll 0 0;
	opacity:0.4;	
	color: rgba(102,126,102,0.4);
} */

#tm-bottom-a .uk-grid,
#tm-bottom-b .uk-grid,
#tm-bottom-c .uk-grid
 {
	margin-left: 0;	
}
#tm-bottom-A .uk-grid > *,
#tm-bottom-b .uk-grid > *,
#tm-bottom-c .uk-grid > * {
	padding-left: 0;	
}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
	margin-top: 0;
}
/* Logo footer */
.tm-footer .tm-logo-footer { margin-top: -10px; }

.tm-bottom-b .background-opacity,
.tm-bottom-c .background-opacity {
	background: #444;	
	opacity: 0.1;
	bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* ------ NAVBAR ------- */

.tm-navbar {
	background: none;
	position: absolute;
	width: 100%;
	z-index: 100;	
	-webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.tm-navbar .tm-icon {
	display: none;	
}
.tm-navbar-display {
	position: fixed;
	background: #fff;
	-webkit-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
.tm-navbar-display .tm-icon {
	display: block;	
	float:left;
}
[class*="tm-icon-"]::before, [class*="tm-icon-"]::after {
	left: 0;	
}

.tm-icon-menu::after {
	transform: translateY(450%);
}
.tm-icon-menu::before {
	transform: translateY(-450%);	
}
.tm-navbar-display .uk-navbar-nav {
	display:none;	
}
.tm-navbar .tm-logo h1,
.tm-navbar .tm-logo-small h1 {
	color: #fff;
	font-family: 'Quicksand';
	font-size: 21px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 60px;
	margin: 0;
}
.tm-navbar a.tm-logo-small:hover {
	text-decoration:none;
}
.tm-navbar-display .tm-logo h1 {
	color: #000;
}
.uk-navbar-nav > li {
	padding: 0 40px;
}
.uk-navbar-nav > li:last-child {
	padding-right: 0;
}
.uk-navbar-nav > li > .reserveren {
	background: #e5c339;
	color: #fff;
}	
.uk-navbar-nav > li > .reserveren:hover {
	color: #e5c339;
	background: #fff;
}	
.uk-navbar-nav > li.uk-active > a {
	color: #fff;	
}
.uk-navbar-nav > li.uk-active > a.reserveren  {
	color: #e5c339;
	background: #fff;
}
.uk-navbar-nav > li > a {
	text-transform: uppercase;	
	letter-spacing: 3px;
	line-height: 48px;
	height: 48px;
}
.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {
	color: #dac14d;
	background: none;
}
.uk-nav-side > li.uk-active > a {
	background: none;
	color: #dac14d;
}

.tm-overlay-menu {
	background: rgba(44,76,73,0.98);	
}
.tm-overlay-menu .uk-modal-dialog {
	background: none;	
	width: 100%;
}
.tm-overlay-menu .uk-navbar-nav > li > a {
	font-family: 'Brocha Regular';
	font-size: 32px;
	letter-spacing: 6px;
	line-height: 64px;
	font-weight: 400;
	color: #fff;	
	text-align: left;
}
.tm-overlay-menu .uk-navbar-nav > li:last-child > a {
	color: #dac14d;
	background: none;	
}
.tm-overlay-menu .uk-navbar-nav {
    padding-left: 50%;
	width:50%;
}
.tm-overlay-menu .uk-navbar-nav > li {
    padding: 0;
}
.uk-nav-offcanvas > li > a {
	font-family: 'Brocha Regular';
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;	
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
	color: #dac14d;
	background: none;	
}
.uk-nav-side > li > a {
	text-transform: uppercase;	
	letter-spacing: 3px;
	font-size: 14px;
	color: #444;
	font-weight: 600;
}

#hero.hero {
	background-size: cover;
	background-position: center center;	
	position: relative;
	margin-bottom: 6px;
	margin-top: 6px;
}
#hero.hero .background-opacity {
    background: #444 none repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0.2;
    position: absolute;
    right: 0;
    top: 0;
}
#hero h1 {
	color: #fff;
	font-family: 'Bambusa';
	font-size: 80px;	
	line-height: 60px;
	margin: 40px 0 0;
	display:block;
	width: 100%;
}
#hero h2 {
	color: #e5c339;
	font-family: 'Raleway';
	font-weight: 500;
	font-size: 40px;
	letter-spacing: 5px;	
	display:block;
	width: 100%;
	text-transform: uppercase;
	
}
#hero h2:last-child {
	margin-top: 0px;	
}


/* -------- RIJEN ----------- */

#tm-main {
	background: #fdf7dd;
	margin-bottom: 3px;
}

.rij {
	height: 570px;	
	width: 100%;
	padding: 3px 0px;
	position: relative;
	box-sizing: border-box;
}
.rij .tekst {
	float: left;
	padding-right: 3px;	
	width: 50%;
	box-sizing: border-box;
	align-items: center;
	height: 100%;
}
.rij .galerij {
	float: left;
	width: 50%;
	box-sizing: border-box;
	height: 100%;
}

.rij:nth-child(even) .tekst {
	padding-right: 0;
	padding-left: 3px;
	float: right;	
}
.rij .foto, .rij .galerij {
	float: right;
	padding-left: 3px;	
	width: 50%;
	box-sizing: border-box;
	height: 100%;
}
#blokken .rij:nth-child(even) .foto, #blokken .rij:nth-child(even) .galerij {
	padding-right: 3px;
	padding-left: 0px;
	float: left;	
}
.rij .foto .image {
	width: 100%;	
	height: 100%;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.rij .foto .background-opacity {
    background: #444 none repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 0;
}
.rij .slide .background-opacity {
    background: #444 none repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 0;
}
.slides {
	height: 100%;
}
.slide {
	box-sizing: border-box;
    float: left;
    height: 50%;
    width: 50%;	
	}
.gallery-image {
	background-size: cover;
	background-position: center center;
    height: 100%;
    position: relative;
    width: 100%;
}
.content h1 {
	letter-spacing: 2px;
	padding-bottom: 25px;
	margin-bottom: 45px;
	position: relative;
	text-transform: uppercase;
	margin-top:25px;
}
.tm-main-top + .tm-content, .tm-content + .tm-main-bottom {
	margin-top: 0;
}
#lp-iframe #wrapper {
	background-color: none !important;
	border-width: 0px !important;
}
.rij .tekst .content {
	padding: 0 50px;	
	height: 100%;
	background: #fdf7dd;
}
h1.uk-article-title,
.tekst h2 {
	letter-spacing: 2px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	position: relative;
	text-transform: uppercase;
	font-size: 21px;	
}
.news-title {
	letter-spacing: 2px;
	font-size: 24px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	position: relative;
	text-transform: uppercase;	
}
.nieuws .news-title {
	margin-top: 25px;
	font-size: 36px;
}
h1.uk-article-title:after,
.tekst h2:after,
.content h1:after,
.news-title:after{
	content:"";
    background: #e5c339;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 178px;
	transform: translateX(0%);
}


/* -------- EVENEMENTEN ----------- */

.event-rij {
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.event-rij > div {
	height: 100%;	
}
.event-rij .event-tekst {
	float: left;
	padding-right: 3px;	
	width: 100%;
	box-sizing: border-box;
	align-items: center;
	height: 100%;
	background: #fdf7dd;
}

article:nth-child(even) .event-rij .event-tekst {
	padding-right: 0;
	padding-left: 3px;
	background: #fffae7;
		
}
article:nth-child(even) .event-rij .event-tekst .article-title,
article:nth-child(even) .event-rij .event-tekst .event-date
 {
	color: #e5c339 !important;
}
.category .uk-article,
.home .uk-article {
	margin-top: 0 !important;
}
article:nth-child(even) .event-tekst > div {
	background: #fffae7;
}
.event-date {
	display: block;
	float: left;
	padding: 0 25px 0 0;
	text-align: center;
	width:85px;
	color: #333 !important;
}
.event-date .day {
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	letter-spacing: 3px;	
	margin-bottom: 0px;
}
.event-date .month {
	font-size: 11px;
	line-height: 14px;
	text-transform: lowercase;
	font-weight: 300;
	letter-spacing: 2px;	
}
.event-info {
	display: block;
	float: left;
	width: calc(100% - 110px);	
	padding: 15px 0;
}
.nieuws .event-info {
	width: 100%;	
}
.event-info .article-title{
	font-family: 'Raleway';
	letter-spacing: 2px;
	text-transform: none;
	font-size: 18px;
	line-height: 28px;
	text-align: left;
	color: #000;
	margin: 0;
}
.event-info .details {
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 14px;
	text-align: left;	
}
.event-info p {
	text-align: left;	
}
.event-formulier,
#event-reserveren,
#event-reserveren .content
 {
	height: auto;
}
#event-reserveren .content {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #fdf7dd;
}
.nieuws .event-foto .background-opacity {
    background: #2c4c49 none repeat scroll 0 0;
    opacity: 0.25;
}
.nieuws .uk-article-title {
	margin-bottom: 0px;
	font-size: 18px;	
	margin-top:10px;
	letter-spacing: 0.5px;
}
.content .uk-article {
	margin-top:25px !important;
}
.content > .uk-article:last-child {
	margin-top:10px !important;
}
.nieuws .image {
	height: 200px;
	background-size: cover;
	background-position: center center;
}
.nieuws h4 {
	font-style:italic;
	font-weight: 300;
	font-family: 'Raleway';
	letter-spacing: 2px;
	font-size: 16px;	
}
.nieuws p {
	margin: 0 0 10px 0;
}
.nieuws hr {
	display: none;
}
.social-icons {
	padding: 5px 0 0 15px ;
}
.nieuwsbrief {
	margin-top: 40px !important;
}
.nieuwsbrief h4 {
	font-family: 'Quicksand';
	letter-spacing: 3px;
	font-size: 9px;
	color: #868581;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 18px;
	margin-bottom: 0;
}
.nieuwsbrief .uk-button {
	background: #fff;
	color: #dac14d;
	font-size: 12px;
	letter-spacing: 3px;
	line-height: 32px;
	min-height: 32px;
}
.nieuwsbrief .uk-button:hover {
	background: #dac14d;
	color: #fff;
}
.single #hero h1 {
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 64px;
	letter-spacing: 8px;	
	display:block;
	width: 100%;
	text-transform: uppercase;
}
.single #hero h3 {
	color: #fff;
	font-style:italic;
	font-weight: 300;
	font-family: 'Raleway';
	letter-spacing: 2px;
	font-size: 18px;	
}
.single .rij {
	height: auto;	
}
.single .rij h2 {
	font-size: 28px;
	text-align: left;	
}
.single .rij h3 {
	letter-spacing: 2px;
}
.single .rij .content {
		
}
.laatste-nieuws {
	height: 250px;	
}
.laatste-nieuws .uk-article-title {
	font-size: 21px;	
	padding: 0;
	margin: 0;
}
.laatste-nieuws .uk-article + .uk-article {
	margin-top: 0;	
}
.laatste-nieuws .uk-article {
	border-right: 2px solid #e5c339;	
}
.laatste-nieuws .uk-article:last-child {
	border-right: none;	
}
.laatste-nieuws .uk-article-title:after {
	content:none;
    background: #e5c339;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 50px;
	transform: translateX(0%);
}
.laatste-nieuws .nieuws-tekst {
	height: 200px;	
	padding: 0 15%;
}
.single #tm-bottom-c .uk-row-first {
	padding: 50px 0;
	background: #fafafa;
}
.single #tm-bottom-c .uk-panel-title {
	letter-spacing: 3px;
	text-transform: uppercase;
}

/* ---------- PLEKKEN ------------ */

#plekken {
	position: relative;
	width: 100%;
}
.plekken .achtergrond {
	background-image: url(../images/patroon_bar.png);
	background-repeat: repeat;
	height: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;	
	box-sizing: border-box;	
}
.plekken .achtergrond .background-opacity {
	color: #dac04c;	
	opacity: 0.1;
	bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
	box-sizing: border-box;
}
.plekken .container-plekken {
    padding: 75px 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9;	
	box-sizing: border-box;
}
.plekken .titel {
	width: 100%;
	box-sizing: border-box;
	float:left;
	padding-left: 3px;
	padding-right: 3px;	
	
}
.plekken .titel h2 {
	padding-bottom: 50px;	
	font-family: 'Bambusa';
	font-size: 36px;
	color: #000;
	text-align: center;
	text-transform: lowercase;
}
.plekken .keuzes {
	box-sizing: border-box;
	padding: 0 15%;	
	margin-bottom: 73px;
	width:100%;
}
.plekken .vierkant {
    float: left;
	padding-left: 3px;
    padding-right: 3px;
	position: relative;
    overflow: hidden;
	box-sizing: border-box;
}
.plekken .vierkant-container {
    background: #b5b5b5 none repeat scroll 0 0;
    display: block;
    height: 100%;
    margin: 3px 0;
    width: 100%;
	max-height: 450px;
    max-width: 450px;
	vertical-align: middle;
}
.plekken .vierkant:nth-child(2) .vierkant-container {
	background: #f4f4f4 none repeat scroll 0 0;	
}
.plekken .vierkant:nth-child(3) .vierkant-container {
	background: #f0de90 none repeat scroll 0 0;	
}
.plekken .vierkant:nth-child(4) .vierkant-container {
	background: #535353 none repeat scroll 0 0;	
}

.tm-sidebar-b .plekken .content {
    position: relative;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 0px;
	padding: 8px 0;
}
.tm-sidebar-b .plekken .content h2 {
    color: #222;
	font-family: 'Brocha Light', sans-serif;
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	line-height: 24px;
}

/* ---------- PAGINA - MENU ------------ */






/* ---------- FORMULIER ------------ */

.frm_form_field input[type="number"] {
	width: 75px !important;	
}
#frm_field_66_container input,
#frm_field_66_container select {
	width: 20% !important;
}
.frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label {
	background: none;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #333;	
	font-size: 12px;
	width: 165px !important;
	margin: 0;
	padding: 0;
	
}
.frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="phone"], .frm_style_formidable-style.with_frm_style input[type="search"], .frm_style_formidable-style.with_frm_style select, .frm_style_formidable-style.with_frm_style textarea, .frm_form_fields_style, .frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single {
	background: none;
	font-family: inherit;
	font-size: 14px;
	letter-spacing: 2px;		
	box-shadow: none;
	color: #333;	
	border: none;
	border-bottom: 3px solid #dac04c;
	max-width: 68% !important;
	padding: 0 10px;
	width: calc(98% - 170px);
}
.frm_style_formidable-style.with_frm_style .form-field input:focus:not([type="file"]), .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="text"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="password"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="email"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="number"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="url"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="tel"], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="search"], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices {
	background: none;
	letter-spacing: 2px;		
	box-shadow: none;
	border: none;
	border-bottom: 3px solid #333;
}
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="text"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="password"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="url"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="number"], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="email"], .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field select, .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices {
	background: none;
	border: none;
	border-bottom: 3px solid #b94a48;	
}
.frm_style_formidable-style.with_frm_style .frm_left_container p.description, .frm_style_formidable-style.with_frm_style .frm_left_container div.description, .frm_style_formidable-style.with_frm_style .frm_left_container div.frm_description, .frm_style_formidable-style.with_frm_style .frm_left_container .frm_error {
	margin-left: 32% !important;
		
}
.menu #Restaurant  .tekst .content {
	background: none;	
}
.menu .rij {
	height: 500px;
}
.menu .rij .tekst p, .menu #Petitcafé .tekst p, .menu #Restaurant .tekst p {
	margin: 10px 0;	
	letter-spacing: 2px;
	font-size: 12px;
	line-height: 18px;
}
#Restaurant .tekst h4,
#Petitcafé .tekst h4,
#Lunch .tekst h4,
#Diner .tekst h4,
#Restaurant .tekst h3 {
	text-transform: lowercase;
	font-family: 'Bambusa';
	margin: 40px 0 0 -5px;	
	font-size: 18px;
}
#Restaurant .tekst h3 {
	font-size: 28px;	
}
#Petitcafé .tekst h4 span {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #333;	
}
.gold {
	color: #e5c339;	
}


.reserveren .rij {
	height: 100%;
}
.reserveren #blokken {
	display: none;	
}
.over-ons .rij .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.over-ons .rij:nth-child(2n) .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.plekken .rij .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.plekken .rij:nth-child(2n) .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.plekken .rij:nth-child(3n) .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.plekken .rij:nth-child(4n) .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.contact .rij:nth-child(2n) .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.contact .tekst p {
	margin: 0 0 20px;
}
#contact .content {
	text-align: center;
	padding-top: 35px;
	justify-content: center;
}
.events-catering .rij .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.events-catering .rij:nth-child(2n) .tekst .content {
	background: #fdf7dd;
	background-size: auto 100%;
}
.tm-bottom-a,
.tm-bottom-b,
.tm-bottom-c {
	margin: 3px 0;	
}
.tm-bottom-a > div:first-child,
.tm-bottom-c > div:first-child {
	align-items: center;
    height: 100%;
    padding-left: 0px;
	padding-right: 3px;
}
.tm-bottom-a > div:last-child,
.tm-bottom-c > div:last-child {
	align-items: center;
    height: 100%;
    padding-left: 3px;
	padding-right: 0px;
}
.tm-bottom-b .uk-grid {
	box-sizing: border-box;
    padding: 3px 6px;
    position: relative;
    width: 100%;	
	height: 700px;
}
.tm-bottom-b .uk-width-medium-1-2:first-child {
	align-items: center;
    padding-left: 0px;
	padding-right: 3px;	
	height: 100%;
	float: left;
}
.tm-bottom-b .uk-width-medium-1-2:last-child {
	align-items: center;
    padding-left: 3px;
	padding-right: 0px;	
	height: 100%;
	float: right;
}
.tm-bottom-b .bambusa {
	font-family: 'Bambusa', sans-serif;	
	text-transform: lowercase;
	letter-spacing: 0;
	color: #333;
	font-size: 21px;
	line-height: 28px;
}	
.tm-bottom-b h5.bambusa {
	margin: 0;
	color: 	#dac14d;
	font-size: 16px;
}
.tm-bottom-b .foto {
	float: left;
	padding-right: 3px;
}
.tm-bottom-b .tekst {
	float: right;
	padding-left: 3px;
}
.tm-bottom-b .tekst .content {
	background: #fdf7dd;
}
.tm-bottom-a > div:first-child {
    padding-left: 6px;
}

.tm-bottom-a > div:last-child {
    padding-right: 6px;
}
.tm-bottom-a .tekst,
.tm-bottom-c .tekst {
    background: #fdf7dd;
    height: 100%;
    padding: 10% 50px;
    align-items: center;
    display: flex;	
}
.tm-bottom-c .tekst { 
	background-color: #fdf7dd;
}
.tm-bottom-c .tekst p {
	margin: 0 0 20px;	
}
.tm-bottom-c .vierluik .uk-grid:first-child {
	margin-bottom: 6px;	
}
.tm-bottom-c .vierluik .uk-grid:first-child .uk-width-medium  {
	margin-bottom: 6px;	
}
.tm-bottom-c .name {
	text-transform: uppercase !important;	
}
.grey {
	background: #eee;
	width: 100%;
	height:100%;
}
.grey > div {	
	padding: 0 20px;
}
.grey p {
	margin-top: 5px;
	margin-bottom: 0	
}
.tm-bottom-c .padding-left {
	padding-left: 3px;	
}
.tm-bottom-c .padding-right {
	padding-right:3px;		
}

.tm-bottom-c {
	box-sizing: border-box;
    padding: 0px 0 3px;
    position: relative;
    width: 100%;		
}
.tm-bottom-b .image,
.tm-bottom-c .image {
	background-size:cover;
	position:relative;
	width: 100%;	
}
.tm-footer {
	background: #000;
	color: #fff;	
	margin-top: 3px;
	text-align: left;
	font-size: 10px;
	line-height: 21px;
}
.tm-footer .social-footer,
.tm-footer .copyright {
	display: block;
	float: left;	
}
.tm-footer a {
	color: #e5c339;
	padding-right: 10px;	
	outline: none;
}
@media (max-width: 1930px) {

.uk-navbar-nav > li {
	padding: 0 30px;	
	}
}
@media (max-width: 1780px) {

.tm-navbar {
	padding: 20px;	
}
.uk-navbar-nav > li {
	padding: 0 4px;
}
.uk-navbar-nav > li > a {
	font-size: 12px;
}

}
@media (max-width: 1400px) {
	
	body {
	background: white;
	background-image:none;
	}
}
@media (max-width: 1280px) { 


.event-rij .event-tekst > div {
	padding: 0 5%;	
}
.event-info p {
    font-size: 14px;
	margin: 10px 0;
}
.event-info .article-title{
	font-size: 32px;
	margin-bottom: 10px;
}
.plekken .keuzes {
	padding: 0 2%;	
}
.plekken .content h2 {
	font-size: 21px;	
}
.single .rij .content {
	padding: 100px 20%;	
}
#reserveren .content > div {
	width: 100%;	
}

}
@media (max-width: 1080px) {

.tm-navbar {
    display:none;
}
.tm-navbar .uk-navbar-nav {
	display:none;	
}
.tm-logo-small {
	display: inline-block;	
}
.tm-navbar .tm-logo h1,
.tm-navbar .tm-logo-small h1 {
	color: #000;
}
.tm-navbar .tm-icon {
	display: block;	
}
	.uk-button {
		padding:0 24px;
		font-size: 16px;
	}
}



@media (max-width: 1024px) {

.rij .tekst .content,
.rij .content {
	padding: 0 10%;	
}
.uk-button {
		padding:0 13px;
		font-size: 14px;
	}
.tm-sidebar-b {
	display:none;		
	}
.event-rij .event-tekst > div {
	padding: 0 5%;	
}
.event-info {
	width: calc(100% - 150px);
	padding: 15px 0;	
}
.event-date {
	width: 125px;	
	padding: 15px 25px 15px 0;
}
.event-date .day {
	font-size: 100px;
	line-height: 80px;
}
.event-date .month {
	font-size: 16px;	
}
.tm-bottom-a .tekst, .tm-bottom-c .tekst {
	padding: 10% 10%;	
}
.tm-bottom-b .foto {
	padding: 0px;
}
.tm-bottom-b .tekst {
	padding: 0px;
}
.tm-bottom-c > div {
	width: 100%;	
}
.plekken .titel h2 {
	font-size: 32px;
	line-height: 52px;
}
.uk-article-title::after, .tekst h2::after {
	width: 150px;
}
}

@media (max-width: 768px) {
	
.rij {
	height: 1040px;
}
.rij .tekst,
.rij .foto,
.rij .galerij {
	width: 100%;
	position: relative;
	display:block;
	float:left !important;
	height: 700px;
}
.event-rij .event-tekst,
.event-rij .event-foto {
	width: 100%;
	position: relative;
	float:left !important;
}
	.hero-content img {
		width: 75%;
	} 
	
.grey > div {
	padding: 30px 20px;
}
.plekken .keuzes {
	padding: 0 18%;
}
.plekken .achtergrond {
	height: 100%;
}
.laatste-nieuws {
	height: auto;	
}
.laatste-nieuws .uk-article {
	border-bottom: 4px solid #fdf7dd;	
	border-right: 0px;
}
.laatste-nieuws .uk-article:last-child {
	border-bottom: none;	
}
.slide {
	width: 50%;
}
.home #hero .hero-content {
	padding: 0 15px;	
}
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
	padding: 0 15px 0 0;
	max-width: 100%;	
}
.tm-overlay-menu .uk-navbar-nav {
	width: 100%;
	padding-left: 0%;
}
.tm-overlay-menu .uk-navbar-nav > li > a {
	text-align: center;
	font-size: 32px;	
}
}
@media (max-width: 767px) {
.tm-navbar {
    display:block;
}
	#tm-top-a {
	padding-top: 94px !important;
	}
	#hero.hero {
	padding-top: 100px !important;
	}
}
@media (max-width: 600px) {

.event-info .article-title {
	font-size: 28px;	
}
.event-date {
	width: 100%;
	padding: 10px 0;
}
.event-info {
	width: 100%;	
}
.event-info p,
.event-info .details {
	font-size: 13px;
	line-height: 24px;	
}
.single .rij .content {
	padding: 100px 10%;	
}
.category #hero h2 {
	font-size: 32px;	
}
}
@media (max-width: 480px) {

#hero h2 {
	font-size: 24px;	
	margin: 0;
}
.tm-footer .copyright {
	margin-top: 10px;
}
.category #hero h2 {
	font-size: 18px;	
}
#hero h1 {
	font-size: 36px;
	line-height: 52px;
	margin: 0;		
}
.uk-article-title,
.twaalf-breed h2,
.tekst h2 {
	font-size: 24px;	
}
.tekst p,
.twaalf-breed p,
.tekst li {
	font-size: 14px;	
}
.tekst ul {
	padding-left: 15px;
}
.plekken .titel h2 {
	font-size: 28px;
}
.rij .tekst .content,
.rij .content {
	padding: 0px 7%;	
}	
.rij {
	height: 850px;
}
.menu #Petitcafé, .menu #Lunch, .menu #Diner {
	height: 1000px;	
}
.menu #Petitcafé .tekst, .menu #Lunch .tekst, .menu #Diner .tekst {
	height: 650px;	
}
.rij .foto, .rij .galerij {
	height: 350px;	
}
.rij .tekst {
	height: 500px;
}
.event-rij {
	height: 450px;	
}
.event-info .article-title {
	font-size: 20px;	
	line-height: 24px;
}
.event-date .day {
	font-size: 72px;
	line-height: 72px;
	margin-bottom: 0;	
}
.event-rij .event-foto {
	height: 250px;
}	

.tm-bottom-a .tekst, .tm-bottom-c .tekst {
	padding: 50px 7%;	
}
.frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label {
	width: 100% !important;
	max-width: 100% !important;
}
.frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="phone"], .frm_style_formidable-style.with_frm_style input[type="search"], .frm_style_formidable-style.with_frm_style select, .frm_style_formidable-style.with_frm_style textarea, .frm_form_fields_style, .frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single {
	width: 100% !important;	
	max-width: 100% !important;
}
#frm_field_66_container input, #frm_field_66_container select {
	width: 40% !important;
}
}