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

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

body {
	background: white;
}
a {
	outline: none;
}
a:hover {
	text-decoration: none;	
}
.uk-width-1-9 {
	width: 11.11%;
}
.no-padding-left, .home #tm-bottom-b .uk-width-medium-2-3 {
	padding-left: 0 !important;
}
.uk-container {
	max-width:1240px;
}
.tm-logo p {
	margin: 0;
}
.uk-button, .frm_style_formidable-style.with_frm_style .frm_submit button {
	margin-top: 5px;
	letter-spacing: 1px;
	background: #fff;
	border: 2px solid #ff9a3f;
	color: #ff9a3f;
	font-weight: 300;
	-webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.uk-button:hover {
	background: #ff9a3f;
	color: #fff;
}
.uk-button-small {
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}
.uk-dotnav {
	float:right;
}
.uk-dotnav > * > * {
	border-radius: 0;
}
.uk-thumbnav > li {
	width: 16.66% !important;
}
.uk-thumbnav > * > * > img {
	width: 100% !important;
}
.uk-switcher p {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.uk-switcher .uk-margin {
	margin-top: 15px;
}
.uk-switcher ul {
	list-style: none;
	padding-left: 0;
	margin-top: 5px;
	margin-bottom: 25px;
	display: inline-block;
	position: relative;
}
.uk-switcher ul > li {
	display: block;
	box-sizing: border-box;
	padding: 4px 8px;
	line-height: 18px;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Signika';
	text-transform: uppercase;
	float: left;
	background: #eee;
	margin-right: 6px;
	margin-bottom: 3px;
	margin-top: 3px;
	color: #777;
	letter-spacing: 0.5px;
}
.uk-switcher h4 {
	margin-top: 5px; 
	margin-bottom: 0px;
	color: #333;
}
.uk-switcher .uk-panel-title {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #ff9a3f;
}
.uk-container {
	position:relative;
}
.tm-padding-around {
	padding: 30px;
}
.hero {
	background-size: cover;
	background-position: center center;
}
#tm-top-a {
	margin-bottom: 6px;
	margin-top: 0px;
}
.tm-top-a .uk-overlay-panel {
	padding: 60px
}
.tm-top-a h1 {
	color: #fff;
	font-size: 44px;
	line-height: 52px;
	letter-spacing: 1px;
	font-weight: 400;
}
p {
	letter-spacing: 0.25px;	
}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
	margin-top: 0 !important;
}
#tm-main {
	padding-left: 50px;
	padding-right: 50px;
	background: #fcfcfc;
}
.archive #tm-main {
	padding: 3px 0;
	background: #fff;
}
.archive .tekst {
	height: 100%;
	padding-left: 0;
}
.archive .tekst .content {
	height: 100%;
	padding: 50px;
}
.uk-width-1-8 {
	width: 12.5%;
}
.tm-bottom-a,
.tm-bottom-b,
.tm-bottom-c {
	margin-top: 10px;
	margin-bottom: 10px;
}
.tm-bottom-a h2 {
	font-weight: 300;
	font-size: 32px;
}
.tm-bottom-b h2 {
	font-weight: 400;
	font-size: 28px;
	letter-spacing: 0.5px;
}
.tm-bottom-b a {
	font-weight: 400;
	color: #89d60d !important;
	letter-spacing: 0.5px;
	text-decoration: none !important;
}
.tm-bottom-c strong {
	color: #89d60d;
	font-weight: 500;
}
.tm-bottom-c h4 {
	color: #89d60d;
	margin-bottom: 0;
	font-size: 16px;
}
.tm-bottom-c h4 + p {
	margin-top:0;	
}
.tm-bottom-c h5 {
	color: #89d60d;
	margin-bottom: 0;
	font-size: 15px;
	text-transform: none;
	letter-spacing: 0;
}
#tm-bottom-d {
	background: #fafafa;
}
.uk-table {
	margin-top: 0;
	font-size: 14px;
}
.uk-table td {
	padding: 1px 0;
}
.tm-footer {
	background: #89d60d;
	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: #fff;
	padding: 0 10px;	
	outline: none;
	opacity: 0.8;
	font-family: "Montserrat";
	letter-spacing: 2px;
	font-size: 10px;
	font-weight: 400;
	-webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.tm-footer a:hover {
	opacity: 1;
	color: #fff;
	
}

/* 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: relative;
	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 .phone {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: 13px;
	color: #89d60d;
	letter-spacing: 2px
}
.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 .uk-navbar-nav {
	display:none;	
}
.tm-navbar-display .tm-logo h1 {
	color: #000;
}
.uk-navbar-nav > li {
	padding: 0px;
}
.uk-navbar-nav > li:last-child {
	padding-right: 0;
}	
.uk-navbar-nav > li > a {
	text-transform: uppercase;	
	letter-spacing: 2px;
	line-height: 48px;
	height: 48px;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	-webkit-transition-property: color,background-color,border-color,box-shadow;
	transition-property: color,background-color,border-color,box-shadow;
	position: relative;
}
.uk-navbar-nav > li > a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 10px;
    height: 2px;
    background-color: #89d60d;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition-property: background-color,border-color,box-shadow,height,right;
    transition-property: background-color,border-color,box-shadow,height,right;
    left: 15px;
    right: calc(102% - 15px);
}
.uk-navbar-nav > li.uk-active > a::before  {
    right: 15px;
    background-color: #89d60d;
}
.uk-navbar-nav > li > a:hover::before {
	right: 15px;
    background-color: #89d60d;
}
.uk-nav-offcanvas > li > a {
	font-family: 'Montserrat';
	letter-spacing: 2px;
	font-size:13px;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;	
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
	color: #ccc;
	background: none;	
}

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

.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%;
	background-image: url('../images/Fysique_fysiotherapie_bg_2.png');
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
}
.rij:nth-child(2) .tekst {
	background-image: url('../images/Fysique_fysiotherapie_bg_1.png');
	
}
.rij:nth-child(3) .tekst {
	background-image: url('../images/Fysique_fysiotherapie_bg_3.png');
}
.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;
}
.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%;
}
.tm-main-top + .tm-content, .tm-content + .tm-main-bottom {
	margin-top: 0;
}
.rij .tekst .content {
	padding: 0 50px;	
	height: 100%;
}
h1.uk-article-title,
.tekst h2 {
	letter-spacing: 0.5px;
	padding-bottom: 20px;
	position: relative;
	font-size: 32px;	
}
.news-title {
	letter-spacing: 2px;
	font-size: 24px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	position: relative;
}
.nieuws .news-title {
	margin-top: 25px;
	font-size: 36px;
}
#sb_instagram {
	padding-bottom: 0 !important;
}
.single .rij {
	height: auto;	
}
.single .rij h2 {
	font-size: 28px;
	text-align: left;	
}
.single .rij h3 {
	letter-spacing: 2px;
}
.single .rij .content {
		
}


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

.frm_form_field, .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container {
	width: 100% !important;
}

.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: 225px !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: #fff;
	font-family: inherit;
	font-size: 14px;
	letter-spacing: 2px;		
	box-shadow: none;
	color: #333;	
	border: none;
	border-bottom: 3px solid #89d60d;
	max-width: 68% !important;
	padding: 0 10px;
	width: calc(100% - 245px);
}
.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;
}
.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, .frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
	background: #fff;
	border: none;
	border-bottom: 3px solid #B94A48;
}
.frm_style_formidable-style.with_frm_style .frm_submit button {
	text-transform: lowercase;
	border-radius: 0px;
	font-size: 18px;
}


@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 .uk-navbar-nav,
.phone, .tm-logo {
	display:none;	
}
.uk-navbar-toggle,
	.tm-navbar-content{
		display:block !important;
	}
.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: 1200px;
}
.rij .tekst,
.rij .foto,
.rij .galerij {
	width: 100%;
	position: relative;
	display:block;
	float:left !important;
	height: 600px;
}
.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;
}
}
@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;
}
}