@charset "UTF-8";
/* CSS Document */
/* STYLE-V2.CSS */

html {
	scroll-behavior: smooth;
	height: 100%;
    }

body, html {
    height: 100%;
    }

.nopads {
	padding-left: 0px;
	padding-right: 0px;
    }

h2 {
	font-family: 'Playfair Display', serif;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #B39E70;
    }

.fullscrn {
    position: relative;
    height: 100vh;
    min-height: 500px;
    background-image: url("../images/handenvignette.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }

.firstpane {
    height: 100vh;
    min-height: 500px;
    background-image: url("../images/bg-history.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	color: #fff;
    }

.secondpane {
    height: 100vh;
    min-height: 500px;
    background-image: url("../images/BG2degra.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	color: #aaa;
    }

.thirdpane {
    height: 100vh;
    min-height: 500px;
    background-image: url("../images/BG2degra.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	color: #aaa;
    }

.fourthpane {
    height: 100vh;
    min-height: 500px;
    background-image: url("../images/bg-nature.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	color: #fff;
    }

.fourthpane h1 {
	color: #B39E70;
	font-size: 60px;
    }

.contactpane {
    height: 100vh;
    min-height: 500px;
    background-image: url("../images/BG2degra.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }

/* oooooooooo COLORS AND BACKGROUNDS oooooooooo */

.goud {
	color: #B39E70;
    }

.color1 {
	background-color: aqua;
	min-height: 100px;
    }

.color2 {
	background-color: burlywood;
	min-height: 100px;
    }

.color3 {
	background-color: tan;
	min-height: 100px;
    }

.color4 {
	background-color: lightsalmon;
	min-height: 100px;
    }

.color5 {
	background-color: honeydew;
	min-height: 100px;
    }

.wrapblack {
	background-color: #000;
    }

#units {
	background-color: #000;
    }

/* oooooooooooooooooooo TESTING oooooooooooooooooooo */

.test {
    height: 100%;
	padding: 10px 30%;
    }

.probeer {
	padding-bottom: 0px;
	margin-bottom: 0px;
	}

/* oooooooooooooooooooo HEIGHTS oooooooooooooooooooo */

.notfull20 {
	height: 500px;
	background-color: rgba(0,0,0,0.3);
    }

.notfull80 {
    height: 70vh;
    min-height: 500px;
    }

.part20 {
    min-height: 10vh;
    }

.part80 {
    height: 80vh;
    min-height: 500px;
    background-image: url("../images/businessgold.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }

.part100 {
    height: 100vh;
    min-height: 500px;
    background-image: url("../images/businessgold.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }

/* oooooooooooooooooooo */

#top {
    }
#historiek {
    }
#bestuur {
    }
#missie {
    }
#nature {
    }
#contact {
    }
.quote {
    }

/* oooooooooooooooooooo CAROUSEL oooooooooooooooooooo */

.carousel h1 {
	font-family: 'Lovers Quarrel', cursive;
	font-size: 80px;
	letter-spacing: 3px;
	color: #fff;
    }
    
#carouselExampleSlidesOnly {
	padding: 0px;
	margin-top: -100px;
    }

/* oooooooooooooooooooo SECTIONS oooooooooooooooooooo */

.skyscrapergold {
    height: 500px;
    background-image: url("../images/bg-Skyscrapergold.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	color: #fff;
    }

.underskyscraper {
     /* height: 100vh;*/
    min-height: 500px;
     /* background-image: url("../images/bg-history.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
	color: #fff;
	background-color: #999999;
    }

.historygold {
	background-color: #000;
	position: relative;
	padding-top: 75px;
	padding-bottom: 150px;
    }

.historygold p {
	font-family: 'Open Sans', sans-serif;
	color: #aaa;
	line-height: 36px;
	margin-bottom: 40px;
    }

.historygold h2 {
	font-family: 'Playfair Display SC', serif;
	color: #fff;
	line-height: 1.5;
	padding-bottom: 20px;
    }

.outhanger {
	width: 150px;
	height: 150px;
	position: absolute;
	top: -75px;
	left: 50%;
	margin-left: -75px;
    }

#vision {
    }

.vision {
	text-align: center;
    }

.vision h2 {
	font-family: 'Prata', serif;
	font-family: 'Playfair Display SC', serif;
	color: black;
	line-height: 1.5;
	padding-bottom: 20px;
    }

.vision h4 {
	font-family: 'Lovers Quarrel', cursive;
	font-size: 40px;
	letter-spacing: 3px;
	color: #B39E70;
    }

#green h1 {
	font-family: 'Prata', serif;
	font-size: 60px;
	color: #B39E70;
	line-height: 1.5;
	padding-bottom: 20px;
    }

#green h2 {
	font-family: 'Prata', serif;
	color: #fff;
	line-height: 1.5;
	padding-bottom: 20px;
    }

/* oooooooooooooooooooo NAVIGATION oooooooooooooooooooo */

nav {
    background: rgba(0, 0, 0, 0.8);
    transition: 1s;
    }

nav.black {
    background: #B39E70;
    }
    
.dropdown-menu {
    background-color: #B39E70;
    }

/* oooooooooooooooooooo DIVERS oooooooooooooooooooo */

.goldlinepad {
	padding-left: 40px;
	border-left: 2px solid #B39E70;
    }

.logoband {
	position: absolute;
	bottom: 0;
	height: auto;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
    }

/* oooooooooooooooooooo GSL BUTTON STYLES oooooooooooooooooooo  */
.gsl-btn {
    color: #FFFFFF; 
    background-color: #000000; 
    border-color: #B39E70;
    text-decoration: none !important;
    }
 
.gsl-btn:hover, 
.gsl-btn:focus, 
.gsl-btn:active, 
.gsl-btn.active, 
.open .dropdown-toggle.gsl-btn {
    color: #FFFFFF; 
    background-color: #B39E70; 
    border-color: #B39E70; 
    }
 
.gsl-btn:active, 
.gsl-btn.active, 
.open .dropdown-toggle.gsl-btn {
    background-image: none; 
    }
 
.gsl-btn.disabled, 
.gsl-btn[disabled], 
fieldset[disabled] .gsl-btn, 
.gsl-btn.disabled:hover, 
.gsl-btn[disabled]:hover, 
fieldset[disabled] .gsl-btn:hover, 
.gsl-btn.disabled:focus, 
.gsl-btn[disabled]:focus, 
fieldset[disabled] .gsl-btn:focus, 
.gsl-btn.disabled:active, 
.gsl-btn[disabled]:active, 
fieldset[disabled] .gsl-btn:active, 
.gsl-btn.disabled.active, 
.gsl-btn[disabled].active, 
fieldset[disabled] .gsl-btn.active {
    background-color: #000000; 
    border-color: #B39E70; 
    }
 
.gsl-btn .badge {
    color: #000000; 
    background-color: #FFFFFF; 
    }
/* oooooooooooooooooooo END GSL BUTTON STYLES oooooooooooooooooooo  */