/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/



/* #logo {
	margin-left: 200px;
} */

/* body.material #header-outer:not([data-format="left-header"]) #top nav >.buttons  {
	margin-right: 250px !important;
} */


/*Navigatie*/
/* #header-outer[data-format="default"] #top .span_9 {
	margin-right: 100px;
}  */

.wpb_row .row-bg, .full-width-section .row-bg {
	-webkit-background-size: contain !important;
}

/* #header-outer.small-nav:not([data-format="left-header"]) #logo img {
	margin-left: -200px;
} */

#top #logo {
	position: relative;
    display: inline-block;
    overflow: hidden;
	margin: 28px 0 28px 200px;
}

#header h1 {
	margin-top: 250px;
	margin-left: 200px;
}

.header-button {
	margin-left: 200px;
}

.header-button-contact {
	margin-left: 20px !important;
}

#button-style {
	background-color: #fff !important;
	border-radius: 100px !important;
	padding: 10px 15px !important;
	color: #00b1b2 !important;
}

/*Positie menu icon*/
#header-outer:not([data-format="left-header"]) #top nav >.buttons {
	margin-right: 250px !important;
}

#header {
	width: 101%;
	height: 600px;
}

.specialiteiten {
	border-radius: 50%;
	height: 600px !important;
	max-width: 1100px !important;
	min-width: 1100px !important;
	margin: 0 auto !important;
	background-color: #01b1b2;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

#specialiteiten-list {
	margin-top: 175px;
}

.spec-fysio {
	margin-left: 75px !important;
}

.spec-manueletherapie {
	margin: 0px -75px !important;
}

.spec-acupunctuur {
	margin-right: 75px !important;
}

.specialiteiten-img-1 {
	background-size: 100px 100px;
	width: 65px !important;
	height: auto !important;
}

.specialiteiten-img-2 {
	width: 65px !important;
	height: auto !important;
}

.specialiteiten-img-3 {
	width: 65px !important;
	height: auto !important;
}

.specialiteiten a {
	color: #fff !important;
}

#advies-op-maat {
	margin: 100px 0px !important;
}

#advies-op-maat > div.row-bg-wrap > div.row-bg-overlay {
	background-color: #f7e9ef !important;
}



.advies-op-maat-content {
	max-width: 650px;
	min-width: 650px;
	margin-left: -100px !important;
	padding: 150px 75px !important;
	background-color: #e73f75;
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2) !important;
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2) !important;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2) !important;
}

.advies-op-maat-tekst {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.advies-op-maat-button {
	margin-left: 30px !important;
}

#advies-op-maat .advies-op-maat-button {
	color: #e73f75 !important;
}

.advies-op-maat-img1, .advies-op-maat-img2, .advies-op-maat-img3 {
	width: 275px;
	height: auto;
}

.advies-op-maat-img1 {
	z-index: 9999;
}

.advies-op-maat-img2 {
	margin-left: -100px !important;  
}

.advies-op-maat-img3 {
	margin-left: -50px !important;
}

#tijdlijn {
	padding: 150px 0px 100px 0px !important;
	background-color: #f4e3e8 !important;
}

#tijdlijn > div.nectar-shape-divider-wrap {
	margin-top: -50px !important;
	height: 100px !important;
}

#aangesloten-bij {
	padding: 150px 0px !important;
}

.contact-image {
	margin-top: -30px !important;
	max-width: 250px !important;
}


body .full-width-section .row-bg-wrap {
	margin-top: 0px !important;
}

#footer-outer #footer-widgets .widget h4 {
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 24px;
}



/*Responsive*/

@media only screen and (max-width: 999px) and (min-width: 1px) {
	#logo {
			margin-top: 0px !important;
			margin-left: 0px !important;
	}
	.wpb_row .row-bg, .full-width-section .row-bg {
	-webkit-background-size: cover !important;
	}
	body .full-width-section .row-bg-wrap {
		margin-left: -50vw;
    	left: 49%;
    	width: 101vw;
    	margin-top: -20px;
	}
	
	/*Navigatie*/
		#header-outer[data-format="default"] #top .span_9 {
			margin-right: 0px;
	} 
	
	#slide-out-widget-area > div > div.inner > div.off-canvas-menu-container.mobile-only > div:nth-child(1) > ul > li > a {
		display: none !important;
	}
	
	#header-outer.small-nav:not([data-format="left-header"]) #logo img {
	margin-left: 0px !important;
	margin-top: 0px !important; 
	}
	#header-outer #top #logo img {
		width: 200px !important;
		height: auto !important;
	}
	#header h1, .header-button {
		margin-left: 0px !important;
	}
	#specialiteiten-background, .specialiteiten {
		height: auto !important;
		border-radius: 0px !important;
		background-color: #01b1b2;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
	.specialiteiten {
		padding-bottom: 50px !important;
		max-width: 100% !important;
		min-width: 100% !important;
	}
	.spec-fysio {
	margin-left: 0px !important;
	}

	.spec-manueletherapie {
	margin: 0px !important;
	}
	.spec-acupunctuur {
	margin-right: 0px !important;
	}
	
	.specialiteiten a {
	color: #fff !important;
}

	#over-mij {
		margin-top: -150px !important;
	}
	/*Disable column padding 5%*/
	body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner {
		padding: 0px !important;
	}	
	#advies-op-maat > div.row-bg-wrap > div.row-bg-overlay {
	background-color: #e83e74 !important;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2) !important;
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2) !important;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2) !important;
	}
	.advies-op-maat-content {
		min-width: 100% !important;
		max-width: 100% !important;
		padding: 50px 0px !important;
		margin-left: 0px !important;
		border-radius: 0px;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0) !important;
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0) !important;
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0) !important;
}	
	.advies-op-maat-tekst {
		padding-top: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.advies-op-maat-button {
		margin-left: 0px !important;
	}
	#tijdlijn {
		padding: 50px 0px !important
	}
	#aangesloten-bij {
		padding: 50px 0px !important;
	}
	.aangesloten-bij-img1, .aangesloten-bij-img2, .aangesloten-bij-img3  {
	 width: 50% !important;
	}
}

/*IPAD PRO*/
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {		  
	body.material #header-outer:not([data-format="left-header"]) #top nav >.buttons {
		margin-right: 100px !important; 
		}
	body .full-width-section .row-bg-wrap {
		margin-left: -51vw;
    	left: 49.5%;
    	width: 102vw;
    	margin-top: -20px;
		}
	#top #logo .starting-logo {
		margin-left: -100px !important;
	}
	#header h1 {
		margin-left: 100px !important;
		}
	.headerbutton {
		margin-left: 100px;
		}
	  
	  .specialiteiten a {
	color: #fff !important;
}
	  .advies-op-maat-content {
		  margin-left: 100px;
	  }
}

/* Contact page */

.route-whatsapp-container .nectar-button.regular-button {
	transform: none !important;
	-webkit-transform: none !important;
}

.route-contact-button::after {
	content:'|';
    display: inline-block;
    position: absolute;
    right: -4px;
    top: 7px;
}

.diensten-button {
	white-space: nowrap;	
}

/* Footer Whatsapp button */

.wp-block-image.footer-phone-icon {
	position: fixed;
    bottom: 75px;
    right: 15px;
}

#footer-outer .wp-block-image.footer-phone-icon > a {
	color: #515151 !important;
	font-size: 16px !important;
    letter-spacing: 0.5px;
	font-weight: bold;
}

.wp-block-image.footer-phone-icon a img {
	margin-bottom: -10px;
    margin-left: 15px;
}