/*
Theme Name: Kickstarter
Theme URI: https://thegoodplace.nl
Description: This site was built using custom functionality by The Goodplace
Author URI: https://thegoodplace.nl
Version: 2.0
*/

:root{

--beige:#c6b8ac;

--beige-light:#e9e2dc;

--beige-dark:#b9aa9d;

--text:#222;

}


body{

background:#efefef;

font-family: "Montserrat", sans-serif;
font-size: 16px;
}

.bg-tint {
	background-color: 	#E9E6E4;
}
/* Header */

.top-header{

background:#000;

padding:25px 0;

text-align:center;

}

.logo{

color:white;

letter-spacing:4px;

}

.logo h1{

font-size:42px;

margin:0;

font-weight:300;

}

.logo p{

margin:0;

letter-spacing:10px;

font-size:14px;

}

/* Navbar */

.main-nav{

background:var(--beige);

}

#menu-hoofdmenu {
	gap: 30px;
}

.sub-menu {
	display: none;
}

.navbar-nav .nav-link{

color:white;

text-transform:uppercase;

font-size:14px;

padding:1rem 1.4rem;

}

.navbar-nav .nav-link.active{

color:#000;

font-weight:500;

}

/* Main content */

.content-wrapper{

background:#f4f0ed;

min-height:900px;

}

/* Sidebar */

.side-menu{

margin-top:40px;
position: absolute;

}

.side-menu .list-group-item{

background:var(--beige-light);

border:none;

text-transform:uppercase;

font-size:13px;

text-align:center;

color:#6f6258;

}

.side-menu .list-group-item.active{

background:var(--beige-dark);

color:#fff;

}

/* Content */

.content-area{

padding:40px 20px;

}

.section-title {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: 600;
}

.intro-text {
	margin: auto;
	text-align: center;
	line-height: 1.7;
	font-size: 17px;
}

.sub-title{

text-align:center;

margin-top:80px;

margin-bottom:50px;

text-transform:uppercase;

font-size:24px;

}

.btn-primary {
	background-color: #968070 !important;
	color: #fff;
	border-color:  #968070 !important;
}

/* Cards */

.treatment-card{

background:var(--beige-light);

height:180px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

transition:.3s;

cursor:pointer;

}

.treatment-card.active{

background:var(--beige-dark);

color:white;

}

.treatment-card:hover{

transform:translateY(-3px);

}

.treatment-card h4{

text-transform:uppercase;

font-size:24px;

margin-bottom:15px;

}

.treatment-card p{

font-size:18px;

margin:0;

}

@media(max-width:991px){

.content-area{

padding:30px;

}

.section-title{

font-size:28px;

}

.intro-text{

font-size:16px;

}

}

.logo {
	max-width: 380px; 
	height: auto;
	width: 100%;
}

.content-wrapper {
	background-size: cover;
	position: relative;
}

.content-wrapper:after {
	background-color: #fff;
	opacity: 0.4;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	content: "";
}

.z-index-1 {
	z-index: 1;
}

#menu-hoofdmenu a {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

footer {
	background: var(--beige);
	padding: 50px 0px;
}

.menu-item-has-children {
	position: relative;
}

.menu-item-has-children .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	background: #fff;
	min-width: 250px;
	padding: 10px 15px;
	list-style: none;
}

.menu-item-has-children .sub-menu a {
	color: #000;
}

#menu-hoofdmenu .sub-menu a {
	color: #000;
	padding-block: 2px;
	display: block;
	font-size: 15px;
	text-transform: capitalize;
}

.menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M2 5l6 6 6-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform .2s ease;
	top: 2px;
	position: relative;
}

.menu-item-has-children:hover > a::after {
	transform: rotate(180deg);
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

.text-gold {
	color: #968070 !important;
}

.navbar-toggler {
	margin-left: auto;
	background-color: #968070 !important
}

@media(max-width:991px){
	.navbar-expand-lg {
		padding-block: 0px !important;
	}
	
	#mainNavbar {
		padding-block: 30px !important;
	}
}

.navbar-toggler {
	margin-left: auto;
	background-color: #968070 !important;
	width: 40px;
	height: 34px;
	border-radius: 5px;
}

.navbar-toggler-icon {
	position: relative;
	width: 28px;
	height: 2px;
	background: #fff;
	display: block;
	top: -2px;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
	content: "";
	position: absolute;
	left: 0;
	width: 28px;
	height: 2px;
	background: #fff;
}

.navbar-toggler-icon::before {
	top: -8px;
}

.navbar-toggler-icon::after {
	top: 8px;
}

.border-bottom-1 {
	border-bottom: 1px solid var(--beige);	
}

.navbar-toggler-icon {
	display: inline-block;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.footer-a a{
	color: #212529;
	font-size: 14px;
	text-decoration: none;
}