/* 
S T Y L E S H E E T  B Y  A M P H E B I A  
D O  N O T  M O D I F Y 

Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap 
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@font-face {
    font-family: 'marydaleregular';
    src: url('../fonts/marydale-webfont.woff2') format('woff2'),
         url('../fonts/marydale-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body { 
	height: 100%;
	margin: 0;
	padding: 0;
	color: #12120d;
	font-family: 'Nunito', sans-serif;
	font-size: 15px;
	letter-spacing: 0px;
	font-weight: 400;
	line-height: 23px;
	background-color: transparent;
}



/* D E F A U L T S */

a { 
	transition: all 0.3s;
	color: inherit; 
	text-decoration: underline;
}
a.button {
	border-radius: 4px;
	background: rgb(121,0,31);
	background: linear-gradient(90deg, rgba(121,0,31,1) 0%, rgba(204,43,84,1) 35%, rgba(121,0,31,1) 100%);
	padding: 10px 20px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}
a.button:hover {
	background-position:100px; 
}

#wrap { padding-bottom: 0px; }
#follow-up { min-height: 100vh; }
.img-responsive { max-width: 100%; }
.card-body{ padding: 12px; font-style: italic; }

#follow-up .shadow > .row:first-of-type { border-bottom: 10px solid #d7bf00; }

label {
	text-transform: uppercase;
	font-size: 11px;
	background-color: #009bdb;
	color: #fff;
	padding: 0px 10px;
	cursor: pointer;
	transition: 0.1s;
	letter-spacing: 0.5px;
}


/* T O P B A R S */

.mobile-bar {
	background-color: #cc2b54;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.2px;
}
.mobile-bar a { color: #fff; text-decoration: none; }

.topbar { 
	height: 86px; 
	background-color: #a59700;
	z-index: 99;
	position: relative;
}
.topbar img { display: block; max-width: 200px; float: left; }
.menubar {  
	height: 86px;
	padding-right: 0px;
}


.contact-box {
	display: block;
	color: #fff;
	background-color: #cc2b54;
	position: absolute;
	right: 0;
	top: 100px;
	text-decoration: none;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 19px;
	padding: 7px 10px 6px 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;	 
}
.contact-box:hover { text-decoration: none; color: #fff; background-color: #e3063e; }

.logo-wh {
	background-image: url('../images/logo-wh-full.png');
	background-size: 200px 75px;
	background-repeat: no-repeat;
	width: 200px;
	height: 75px;	
	top: 8px;
	position: absolute;
	left: 15px;
	display: block;
	z-index: 9999;
}



/* N A V I G A T I O N */

button:focus { outline: none; }
.navbar { width:100%; padding: 0px;  float: right; }
.navbar-expand-lg .navbar-nav .nav-link { padding-left: 0px; padding-right: 0px; }
.navbar-toggler { position: absolute; right: 15px; top: 23px; }
.navbar-collapse, .navbar-collapse.show { margin-right: 15px; }
.navbar-nav { margin-top: 45px; height: auto; text-align: left; font-size: 17px; background-color: #a59700; }
.navbar-collapse.collapsing, .navbar-collapse.show { background-color: #a59700;margin-top: 50px; }
.navbar-collapse.collapsing .nav-link, .navbar-collapse.show .nav-link { outline: none; padding: 10px; }
.navbar-collapse.collapsing .dropdown-menu, .navbar-collapse.show .dropdown-menu { text-align: center; }
.nav-link { text-decoration:none; padding-top: 0px; font-weight: 300; color: #ffffff; text-align: center; transition: 0.3s; }
.nav-item { 
	white-space: nowrap;
	background-color: transparent;
	margin: 0; 
	color: #007589;
}
.nav-item:last-of-type { margin-right: 0px; }
.nav-item.active .nav-link, .nav-link.active { 
	font-weight: 400;	
}
.nav-item:hover .nav-link { 
	color: #ffffff;
}
.nav-item.dropdown:focus { outline: none !important; border: none; }
.navbar-collapse { z-index: 999; }

.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler .navbar-toggler {
	border-color: transparent;
	background-color: transparent;
} 

.dropdown-menu { 
	background-color: #eee;
	text-align: right; 
	border: 2px solid #e5e5e5;
	border: none;
	border-top: 13px solid transparent;
	background-color: #a59700;
	text-align: left;
	padding-bottom: 15px;
}
.dropdown-menu a { color: #fff;text-decoration: none; }
.dropdown-item:active, .dropdown-item:hover { background-color: #f0d92e; }

.dropdown-toggle::after {
    display:none;
}

.dropdown:hover>.dropdown-menu { display: none; }


/* H E A D E R S */

h1, h2.like_h1 {
	font-weight: 300;
	font-size: 27px;	
	color: #d7bf00;
	margin-bottom: 40px;
	text-align: left;
}

h2, h3 {
	font-weight: 300;
	color: #555756;
	font-size: 23px;
	margin-bottom: 20px;
}
h3 {
	margin-top: 0px;
	margin-bottom: 7px;
	font-size: 20px;
}
h1 + h3 { margin-top: -35px; }

h1.slogan {
	font-family: 'marydaleregular';
	color: #d7bf00;
	font-size: 45px;
	line-height: 40px;
}

.leftside h2 { color: #d7bf00; margin-top: 45px; }
.items h2 { color: #d7bf00; font-weight: 400; }


/* T R E E */

div#tree {
	left: -180px;	
	position: absolute;
	top: 30px;
	z-index: 99999;
	background-image: url('../images/doerian-boom-stam.png');
	width: 337px;
	height: auto;
	display: none;
}
div#tree-top {
	position: absolute;
	top: -90px;
	background-image: url('../images/doerian-boom-top.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 750px;
	z-index: 99999;
}
div#tree-bottom {
	position: absolute;
	bottom: 0px;
	left: 7px;
	background-image: url('../images/doerian-boom-wortel.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 44px;
	z-index: 99999;
}

div#follow-up div#tree {
	left: 
}



/* C O N T E N T */

.signoff { max-width: 180px; margin-left: -13px; }

.shadow {
	box-shadow: 12px 0px 25px -4px rgba(0, 0, 0, 0.2), -12px 0 25px -4px rgba(0, 0, 0, 0.2);
	position: relative;
	background-color: #fff;
	padding-bottom: 42px;
	/*
	background-image: url('../images/rian-staand-trans.png');
	background-position: bottom left;
	background-repeat: no-repeat; 	
	background-size: 282px 500px;
	*/
	margin-bottom: 0px;
	overflow: none;
}

.upperpart {
	min-height: 100vh;
	z-index: 99999;
	padding-top: 40px;
	text-align: justify;
	background-image: url('../images/doerian-boom-trans.png');
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: auto;
}
.show-rian, .upperpart.rian {
	background-image: url(../images/rian-staand-trans.png);
    background-size: 282px 500px;
}
.show-rian { background-position: bottom right; background-repeat: no-repeat; }



.first-part { color: #a59700; }
.second-part { padding-top: 40px; padding-bottom: 60px; }


.leftside {
	/* height: 100vh;*/
}
.side-first { height: 100vh; }

.both-borders {
	border-top: 10px solid #d7bf00;
	border-bottom: 10px solid #d7bf00;
}
.single-border {
	border-bottom: 10px solid #d7bf00;
}

.leftside div { display: none; }
.leftside a { color: #a59700; text-decoration: none; }

.leftside a.logo {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 3px;
	margin-bottom: 220px;
	margin-left: 10px;
	height: 90px;
	width: 100%;
	background-image: url('../images/doerian-logo.png');
	background-size: 90% auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	z-index: 999999;
}

.leftside a.logo-part {
	position: absolute;
	display: block;
	bottom: -7px;
	left: 300px;
	margin-bottom: 220px;
	margin-left: 10px;
	height: 90px;
	width: 120px;
	background-image: url('../images/coaching-en-mediation.png');
	background-size: 90% auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	z-index: 9999999;
}

.leftside div.extra-menu {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 350px;
	width: 100%;
}

.leftside div.extra-menu ul{
	padding-left: 23px;
	list-style: none;
	margin: 0;
	line-height: 30px;
}
.leftside div.extra-menu ul li { position: relative; }

.leftside div.extra-menu li.active:before, .leftside div.extra-menu li:hover:before {
	background: transparent url('../images/list-item.png') scroll 0 0 no-repeat;
	content:"";
	width: 16px;
	height: 16px;
	position: absolute;
	left: -23px;
	top: 9px;
}

.leftside h2 { font-size: 23px; padding-left: 6px; }

.jumper {
	display: block; 
	background-color: #5c5400; 
	color: #fff; 
	position: absolute; 
	right: 0; 
	bottom: 73px;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 9999;
}
.jumper:hover {
	text-decoration: none;
	background-color: #a59700;
}

.small-text { margin-left: 5px;font-size: 13px; color: #acacac; }

.overview-item {
	display: block;
	text-decoration: none;
	background-color: #d7bf00;
	color: #fff;
	padding: 20px;
	border-radius: 20px;
	opacity: 0.8;
	font-weight: 600;
	letter-spacing: 0.2px;
	text-align: left;
}

.overview-item h3 { font-weight: 400; }
.overview-item:hover {
	text-decoration: none;
	color: #fff;
}
.overview-item:hover h3 { font-weight: bold; letter-spacing: -0.2px; }
.with-margin { margin-bottom: 30px; }

.content.with-image.img-phone {
	background-image: none;
}
.img-phone h3 { margin-bottom: 7px; }




ul { padding-bottom: 7px; }
ul.sitemap, ul.sitemap ul { padding-bottom: 0px; }

a.jumpto {
	background-image: url('../images/jump-down.png');
	background-size: 100% 100%;
	display: none;
	width: 70px;
	height: 41px;
	margin: 70px auto;
	opacity: 0.6;
	cursor: pointer;
}
a.jumpto:hover { opacity: 0.8; }

.no-padding { padding-left: 0; padding-right: 0; }

.container-fluid.cont-items {

}
.cont-items.home { min-height: 950px; }

.content { text-align: justify; padding: 40px 15px 90px 15px; min-height: 100vh; }
.upperpart .content { padding-top: 0; min-height: auto; }

.row.items {
	padding: 50px 0px 25px 0px;
	border-bottom: 10px solid #d7bf00;
	text-align: justify;
}
.row.items:last-of-type { border-bottom: none; }

.row.items > div { padding-left: 15px; }

.readmore {
	display: block;
	float: right;
	text-decoration: none;
	color: #cc2b54;
	font-size: 14px;
	font-weight: 400;
}
.readmore:hover { color: #a59700; }

a.back {
	display: block;
	float: left;
	text-decoration: none;
	color: #a59700;
	font-size: 14px;
	font-weight: 400;
	margin-top: 40px;
}
a.readmore:hover { color: #cc2b54; }

.contact .col-md-4 { margin-bottom: 20px; }

.contact i {
	font-size: 75px;
	margin-bottom: 20px;
	color: #00a79d;
}

.contact i.fa-mobile { font-size: 80px; margin-bottom: 18px; }

.contact a {
	text-decoration: none;
	color: #202020;
}
.contact label { margin-top: 10px; }
.contact a:hover label { background-color: #2a3990; }



/* F O R M S */

form { margin: 0; padding: 0; }

.contact-form { text-align: left; color: #fff; width: 100%; border-radius: 20px; margin-bottom: 50px; margin-top: 0px; background-color: #cc2b54; padding: 18px; }
.contact-form h2 { color: #fff; }

.form-control { margin-bottom: 10px; }

textarea { height: 180px; }

.form-control::-webkit-input-placeholder {
	color: #999999;
	font-size: 15px;
}

.alert { padding: 20px 20px 15px 20px; }
.alert li { font-size: 14px; }

.btn { 
	color: #fff; 
	font-weight: 600; 
	margin-top: 5px; 
	border: none; 
	border-radius: 5px; 
	font-size: 18px; 
	padding: 8px 15px; 
	background-color: #d8be00; 
	background: linear-gradient(90deg, rgba(121,0,31,1) 0%, rgba(227,123,149,1) 35%, rgba(121,0,31,1) 100%);	
	transition: all 0.3s;
}
.btn:hover { background-position:100px; }

.errors {
	padding-left: 15px;
	margin-bottom: 0;
	font-size:13px;
}


/* F O O T E R */

footer {
	background-color: #d7bf00;
	opacity: 1;
	color: #555756;
	position: relative;
	width: 100%;
	min-height: 100px;
	clear: both;
	letter-spacing: 0px;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 0px;
	bottom: 0;
	white-space: nowrap;
	box-shadow: 0px 1px 8px #dfdfdf;
	font-weight: 400;
	z-index: 99999;
}

footer a { text-decoration: none;color: #555756; }
footer img { margin-bottom: 5px; margin-left: 0px; }

.footer .footer-content { font-size: 14px; line-height: 20px; }

.subfooter { padding-top: 15px; padding-bottom: 15px; font-size: 11px; text-align: left; margin-top: 15px; background-color: #a59700; }
.subfooter a {color: #fff; }
.subfooter .row > div > a { display: block; white-space: nowrap; width: 100%; }