/*
Theme name: Dinkelland
Author: Alexander van der Wal
Author URI: http://www.zegmaaralex.nl/
Version: 0.1
Description: 
*/

/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/* GENERAL STYLES */
html, body {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: normal;
	color: #525252;
	background-color: #ffffff;
}

#wpcf7-f354-p335-o1 form{
	background:#ff6d00;
	color:#ffffff;
}
#responsive-menu-button{display:none!important;}
a:visited{color:#ffffff;}
header a:visited{color:#ff6d00;}

h1 {
	font-size: 38px;
	margin-bottom: 20px;
	font-weight: 300;
}

h2 {
	font-size: 28px;
	margin-bottom: 20px;
	font-weight: 500;
}

h3 {
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: 600;
}
h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.alignright{float:right;margin-left:20px;}
#main-content ul{list-style:outside;margin-left:30px;}
#main-content ol{list-style:decimal;margin-left:30px;}
#main-content a{color:#ff6d00;text-decoration:underline;}
#main-content .btn{color:#ffffff!important;background:#ff6d00!important;}

p {
	margin-bottom: 20px;
	line-height: 24px;
}

p:last-child {
	margin: 0;
}

ul {
	margin-bottom: 20px;
}

ul:last-child {
	margin-bottom: 0;
}

li {
	line-height: 24px;
}

a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

strong {
	font-weight: 700;
}

img {
	max-width: 100%;
}
img.alignright.wp-image-1450.size-medium{
	float:right!important;
}
.btn {
	background: #525252;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 45px;
	padding: 0 15px;
	border-radius: 0;
}

.btn:hover {
	background: #ff6d00;
	color: #fff;
}

.orange-bg .btn:hover {
	background: #fff;
	color: #ff6d00 !important;
}

.box {
	position: relative;
	padding: 20px;
	margin-top: 15px;
}

#front-over-chiropractie a.seo-link,
#front-over-chiropractie a.seo-link * {
    color: #f37021 !important;
    -webkit-text-fill-color: #f37021 !important;
}

.orange-bg {
	background: #ff6d00;
	color: #fff;
}
.container{width:100%!important;padding-left:0;padding-right:0;}
.center{margin:0 auto;width:1100px;}
#front-top, #front-klachten, #testimonials{padding-left:0;padding-right:0;}
#front-top .row{margin-top:-30px;height:450px;background-size:cover;background-repeat:no-repeat;}
#front-top .row .col-md-4{margin-top:190px;display:block!important;}
.bron > p{font-size:11pt;}
.page-template-default .col-md-4{display:none;}
.page-template-default .col-md-8{width:80%;}
.page-template-default .btn{width:40%;background:#525252;}
.home .btn{background:#525252!important;width:100%!important;}
.page-template-default a.btn{text-decoration:none!important;}
.form-control {
	border-radius: 0;
}
/* END GENERAL STYLES */

/* SNIPPETS
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;

-ms-transform: translate();
-webkit-transform: translate();
-moz-transform: translate();
-o-transform: translate();
transform: translate();
*/

/* HEADER */
header {
	position: relative;
	padding: 30px;
	background: #fff;
}

#logo {
	font-size: 24px;
	line-height: 27px;
}

#logo span {
	font-weight: 700;
	color: #ff6d00;
}

#sec-nav {
	margin-top: -40px;
	float: right;
	top: 30px;
	right: 30px;
}

#sec-nav a {
	font-weight: 400;
	color:#ff6d00;
	font-size: 18px;
	text-decoration: none !important;
}

#sec-nav a:hover {
	color: #ff6d00;
}
.registered{
	margin-right: 150px;
	margin-top: -50px;
	float: right;
}
.registered img{
	margin-left: 15px;
}
/* END HEADER */


/* NAVIGATION */
nav {
	position: relative;
	background: #525252;
	border-top: 5px solid #ff6d00;
	padding: 0 30px;
}

nav li {
	display: inline-block;
}

nav li a {
	display: inline-block;
	border-bottom: 5px solid #525252;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	text-decoration: none !important;
	margin-right: 26px;
}

nav li a:hover, nav li.current_page_item a, nav li.current_page_parent a {
	border-color: #ff6d00;
	color: #fff;
}

nav .sub-menu {
	position: absolute;
	background: #f9f9f9;
	z-index: 9;
	margin-left: -15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	display: none;
}

nav .sub-menu li {
	display: block;
}

nav .sub-menu li a {
	display: block;
	margin-right: 0;
	color: #525252;
	font-size: 16px;
	line-height: 45px;
	padding: 0 15px;
	border-bottom: none !important;
}

nav .sub-menu li a:hover, nav .sub-menu li.current-menu-item a {
	background: #ff6d00;
	color: #fff;
}
/* END NAVIGATION*/
.page-template-default form{background:#f0f0f0;}
form{background:#ff6d00;padding:20px 30px;font-weight:500;margin-bottom:50px;display:inline-block;width:100%;}
.wpcf7-checkbox{column-count:2;display:block;}
form input[type=submit]{background:#525252;border:none;padding:10px 20px;color:#ffffff;}
form input[type=text], form input[type=email], form input[type=tel]{width:100%;}

/* MAIN */
#main {
	background: #fff;
}

section {
	position: relative;
	padding: 30px;
}

#front-top h1 {
	font-size: 30px;
	font-weight: 600;
}

#front-top a:hover {
	color: #fff;
}

#front-top p {
	font-size: 20px;
	line-height: 28px;
}

#front-top i {
	color: #525252;
	font-size: 20px;
	vertical-align: middle;
	line-height: normal;
	margin-right: 10px;
}

.not-visible {
	opacity: 0;
}

#front-klachten .row {
	margin-bottom: 30px;
}

#front-klachten .row:last-child {
	margin-bottom: 0;
}

.item {
	position: relative;
	/*border-top: 5px solid #ff6d00;*/
	padding-top: 15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.item p {
	margin-bottom: 30px;
	height: 140px;
}

.testimonial .col-md-6{
	background:#ff7d05;
	border-radius:25px;
	color:#ffffff;
	min-height:196px;
	padding:20px;
	width:95%;
}

.testimonial .quote {
	font-size: 17px;
	font-style: italic;
	line-height: 28px;
}

.padding_left_row {
	padding-left: 20px;
}

.mobile-facebook-link {
	display: none;
}
/* END MAIN */


/* WIDGETS */
#main-content .widget {
	background: #f9f9f9;
	padding: 20px;
}

#main-content .widget h3 {
	color: #ff6d00;
	margin-bottom: 20px;
}
/* END WIDGETS */


/* FOOTER */
footer {
	position: relative;
	background: #525252;
	color: #b6b6b6;
	border-top: 5px solid #ff6d00;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

footer h3 {
	position: relative;
	color: #fff;
	text-transform: none;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

footer h3:after {
	position: absolute;
	content: '';
	width: 100px;
	height: 1px;
	background: #ff6d00;
	bottom: 0;
	left: 0;
}

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

.page-id-74 .margin_footer {
	margin-top: 220px;
}

.page-id-53 .margin_footer {
	margin-top: 17px;
}

.page-id-187 .margin_footer {
	margin-top: 18px;
}

.page-id-69 .margin_footer {
	margin-top: 85px;
}

.page-id-77 .margin_footer {
	margin-top: 61px;
}

.page-id-98 .margin_footer {
	margin-top: 88px;
}

.page-id-100 .margin_footer {
	margin-top: 128px;
}

.page-id-104 .margin_footer {
	margin-top: 105px;
}

.textwidget {
	color: #fff;
}

.menu {
	color: #fff;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.footer-images {
	display: none;
}
/* END FOOTER */


/* MOBILE STYLES */
@media screen and (max-width: 767px) {
	.row {
		margin-left: -15px;
		margin-right: -15px;
	}

	.wpcf7-checkbox {
		column-count: 1;
		display: block;
	}

	#front-top p {
		font-size: 20px;
	}

	.background-mobile {
		background-position: center;    
	}

	.box-mobile {
		margin-top: 234px;
	}

	#front-top {
		margin-bottom: 65px;
	}


	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
		font-size: 16px !important;
	}

	.page-id-20 iframe {
		width: 100%;
		margin-bottom: 50px;
	} 

	.mobile-facebook-link {
		display: block;
	}

	.a-facebook-logo {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18px;
		font-weight: 100 !important;
		vertical-align: middle;
		line-height: normal;
		margin-left: 16px;
		color:white;
		text-decoration:none;
	}
}

@media screen and (max-width: 965px) {
	#front-top p {
		font-size: 17px;
	}
}

@media screen and (max-width : 1090px) {
	.margin_footer .widget {
		width: 50%;
		display: inline-block;
		float: left;
		margin-bottom: 20px;
	}
}
@media screen and (max-width : 841px) {
	.margin_footer .widget {
		width: 100%;
	}
}
@media screen and (max-width : 935px) {
	.item, h3 {
		font-size: 15px;
	}
}
@media screen and (max-width : 1220px) {
	#front-klachten {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width : 1100px) {
	.center{
		width:100%;
	}	
}

@media screen and (max-width : 767px) {
	.container, header, #main, footer{float:left;width:100%;}
	#sec-nav{float:left;width:100%;top:0;margin-top:0;right:0;text-align:center;margin-top:15px;}
	.registered {
		display: none;
	}
	.center{
		width:90%;
	}
	.page-template-default .col-md-8{
		width:100%;
	}
	.page-template-default .btn{
		width:100%;
	}
	form{
		width:100%;
	}
	.boxhome img{width:100%;}
	.col-md-3{margin-bottom:20px;}
	.testimonial .col-md-6{margin-left:5%;margin-bottom:20px;width:90%;}
	nav{display:none;}
	#logo{float:left;width:100%;}
	#logo img{width:90%;}
	#responsive-menu-button{display:inline-block!important;}
	input[type="submit"]{width:100%;float:left;}
	button#responsive-menu-button{right:0!important;top:0!important;}
}

/* hier ben ik begonnen */
@media screen and (max-width : 767px) {
	#menu-item-167, #page-item-251, #page-item-252, #page-item-253, #page-item-254, #page-item-255, #page-item-173, #page-item-174 {
		color: #ffffff;
	}

	footer {
		padding-bottom: 0px;
	}

	.footer-images{
		background-color: #fff;
		display: block;
		margin-bottom: 20px;
		padding-left: 105px;
		width: 100%;
	}

	.footer-images a img{
		width: 200px;
		margin-top: 15px;
	}

	.footer-images a:nth-child(2) img{
		width: 260px;
		height: 58px;
	}

}

/* END MOBILE STYLES */
body.page-id-260 .fl-page-header-container {
	display: none;
}

body.page-id-260 .fl-page-footer-container {
	display: none;
}

