/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* --------------------------------------------------------- TYPE */

body {
	color: #262525;
}

body .a-white a {
	color: white;
	text-decoration: underline;
}

body .a-white a:hover {
	text-decoration: none;
}

.nectar-split-heading p {
	font-weight: bold;
}



/* --------------------------------------------------- CTA BUTTON */

.nectar-cta .text {
	font-weight: bold;
	text-transform: uppercase;
}

/* ------------------------------------------------------- LAYOUT */

.bg-white {
	background-color: white;
}

.text-dark .wpb_wrapper h2,
.text-dark .wpb_wrapper p {
	color: #262525;
}

.vc_row-fluid .box-shadow {
	-webkit-box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.37);
	box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.37);
}

.parallaxImg-wrap .inner {
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);	
}

.parallaxImg-wrap .inner p {
	font-size: 1.2rem;
	font-weight: bold;
	opacity: 1;
}

/* --------------------------------------------- SECONDARY HEADER */

#header-secondary-outer .nectar-center-text a {
	font-weight: normal;
}

#header-secondary-outer {
	background-color: #2c5d29;
}

#header-secondary-outer .nectar-center-text a {
	/*position: relative;*/
	color: #ffffff;
}

#header-secondary-outer .nectar-center-text a i:not(:first-of-type) {
	margin-left: 30px;
}

body #header-secondary-outer .nectar-center-text {
	text-align: left;
	max-width: 1184px;
}

/* ---------------------------------------------------------- NAV */

#top nav ul li a {
	position: relative;
	color: #262525;
}

#top nav ul li.current_page_item a,
#top nav ul li a:hover {
	color: #5b8534;
}

/*#top nav > ul > li > a:hover::before {
	transition: background 0.2s ease-in-out;
}*/

#top nav > ul > li.current-menu-parent > a,
#top nav > ul > li.current_page_parent > a {
	color: #5b8534;	
}


#top nav > ul > li:not(.button_bordered) > a::before,
#top nav > ul > li.current-menu-parent > a::before,
#top nav > ul > li.current_page_parent > a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 15px;
	background: url('/wp-content/uploads/2023/06/Kerstdeco-beeldmerk-goud.svg') center center no-repeat scroll transparent;
	background-size: cover;
	opacity: 0;
	transition: top 0.25s ease, opacity 0.25s ease;
}

#top nav > ul > li.current_page_item:not(.button_bordered) > a::before,
#top nav > ul > li:not(.button_bordered) > a:hover::before,
#top nav > ul > li.current-menu-parent > a::before,
#top nav > ul > li.current_page_parent > a::before {
	top: -100%;
	opacity: 1;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a:after {
	display: none;
}

#top nav > ul > li.button_bordered > a {
	color: #dda699;
	font-weight: bold;
}

#top nav > ul > li.button_bordered > a:hover {
	color: #f59a84;
}

#top nav > ul > li.button_bordered > a::before {
	border-color: #dda699!important;
}

#top nav > ul > li.button_bordered > a:hover::before {
	border-color: #f59a84!important;
}

#header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav >ul >li[class*="button_"] >a:before,
#top nav > ul > li.button_bordered > a::before {
	border-color: #262525;
	top: 47%;
	-webkit-border-radius: 10px!important;
	-moz-border-radius: 10px!important;
	border-radius: 10px!important;
}

#header-outer .sf-menu li ul li a {
	color: #262525;
}

body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a,
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover {
	background-color: none;
}

.sf-menu >li ul {
	padding: 10px;
}

.sf-menu >li ul a,
#top nav > ul > .megamenu ul li a {
	padding: 10px;
	webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;
}

body #header-outer .sf-menu li ul li a {
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;	
}

/*#header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav >ul >li[class*="button_"] >a:hover::before,
#top nav > ul > li.button_bordered > a:hover::before {
	background-color: #dda699;
}*/

/* ----------------------------------------------- TEXT AND ICONS */

.row-icons .icon {
	width: 100px;
}

/* -------------------------------------------------------- FORMS */

form.wpcf7-form p {
	padding-bottom: 10px;
}

body .span_12.light input[type="text"],
body .span_12.light textarea,
body .span_12.light input[type="email"], 
body .span_12.light input[type="password"], 
body .span_12.light input[type="tel"], 
body .span_12.light input[type="url"], 
body .span_12.light input[type="search"], 
body .span_12.light input[type="date"],
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form textarea {
	/*margin-bottom: 20px;*/
	padding-left: 0;
	color: #262525;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: white;
	border-bottom: 1px solid #262525;
}

body .span_12.light input[type="text"]:focus,
body .span_12.light textarea:focus,
body .span_12.light input[type="email"]:focus,
body .span_12.light input[type="password"]:focus,
body .span_12.light input[type="phone"]:focus,
body .span_12.light input[type="url"]:focus,
body .span_12.light input[type="search"]:focus,
body .span_12.light input[type="date"]:focus,
form.wpcf7-form input[type="text"]:focus,
form.wpcf7-form input[type="email"]:focus,
form.wpcf7-form textarea:focus {
	border-bottom: 1px solid #262525;
}

body .span_12.light .wpcf7-form .wpcf7-not-valid-tip {
	color: red;
}

body .span_12.light input[type="text"]::placeholder,
body .span_12.light textarea::placeholder,
body .span_12.light input[type="email"]::placeholder,
body .span_12.light input[type="password"]::placeholder,
body .span_12.light input[type="phone"]::placeholder,
body .span_12.light input[type="url"]::placeholder,
body .span_12.light input[type="search"]::placeholder,
body .span_12.light input[type="date"]::placeholder {
	color: #262525;
}

textarea.wpcf7-form-control.wpcf7-textarea {
	height: 140px;
}

body[data-form-submit="regular"] .container-wrap input[type="submit"] {
	font-weight: bold;
	text-transform: uppercase;
}

.input-margin-20 input,
.input-margin-20 textarea {
	margin-bottom: 20px;
}

/* ------------------------------------------------------- FOOTER */

body #footer-outer #footer-widgets .widget h4 {
    margin-bottom: 7px;
	color: white!important;
    font-size: 17px;
    line-height: 1.6em;
    text-transform: uppercase;
}

#footer-widgets .row {
	display: flex;
	align-items: stretch;
}

#footer-outer .col:nth-child(3) {
	border-right: 1px solid white;
}

#colofon {
	float: right;
	margin-right: 50px;
}

#colofon a {
	display: block;
}

#colofon img.colofon {
	display: block;
	width: 160px;
	margin-bottom: 0;
}

/* ---------------------------------------------------------- ZUT */

.mm-row {
	margin-left: -15px;
	margin-right: -15px;
}

.mm-row::after {
	content: '';
	display: table;
	clear: both;
}

.mm-row .mm-col {
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
}

.mm-row .mm-col.size50 {width: 50%;}
.mm-row .mm-col.size100 {width: 100%;}









/* --------------------------------------------------------- IPAD */

@media only screen and (max-width : 1200px) {

/* --------------------------------------------------------- IPAD */
/* ---------------------------------------------------------- NAV */

	body #top nav > ul > li > a {
		font-size: 15px;
	}

/* --------------------------------------------------------- IPAD */
/* ------------------------------------------------------- HEADER */

body #header-outer #logo img,
body #header-outer .logo-spacing img {
	height: 70px;
}

body .nectar-highlighted-text.font_size_92px h2 {
	font-size: 3.8rem;
	line-height: 1.1em;
}
 
body .nectar-highlighted-text.font_size_60px h2 {
	font-size: 3.2rem;
	line-height: 1.1em;
}

/* --------------------------------------------------------- IPAD */
/* ----------------------------------------------------- HOMEPAGE */

/*	.home-header h1,
	.home-header h2 {
		font-size: 50px;
	}*/

/* --------------------------------------------------------- IPAD */
/* ------------------------------------------------------- FOOTER */

} /* END IPAD */








/* -------------------------------------------------- IPAD STAAND */

@media only screen and (max-width : 770px) {

/* -------------------------------------------------- IPAD STAAND */
/* ----------------------------------------------------- HOMEPAGE */

	.home-header h1,
	.home-header h2,
	.home-header.col h1,
	.home-header.col h2 {
		font-size: 65px;
		line-height: 1.1em;
	}

/* -------------------------------------------------- IPAD STAAND */
/* ------------------------------------------------------- FOOTER */

	#footer-widgets .row {
		flex-wrap: wrap;
	}

	#footer-widgets .col:nth-child(1) {
		border-right: 1px solid white;
	}

} /* END IPAD */








/* ------------------------------------------------------- IPHONE */

@media only screen and (max-width : 767px) {

/* ------------------------------------------------------- IPHONE */
/* --------------------------------------------------- HEADER TOP */

	body.original #header-secondary-outer[data-mobile="display_full"],
	body.ascend #header-secondary-outer[data-mobile="display_full"],
	body.material #header-secondary-outer[data-mobile="display_full"] {
		display: none!important;
	}

/* ------------------------------------------------------- IPHONE */
/* ----------------------------------------------------- HOMEPAGE */

	.home-header h1,
	.home-header h2,
	.home-header.col h1,
	.home-header.col h2 {
		font-size: 50px;
	}

/* ------------------------------------------------------- IPHONE */
/* ------------------------------------------------------- HEADER */

body .nectar-highlighted-text.font_size_92px h2 {
	font-size: 3rem;
}
 
body .nectar-highlighted-text.font_size_60px h2 {
	font-size: 2.2rem;
}

/* ------------------------------------------------------- IPHONE */
/* ------------------------------------------------------- FOOTER */

	#footer-widgets .col:nth-child(1),
	#footer-widgets .col:nth-child(3) {
		border-right: 0 solid white;
	}

} /* END IPHONE */