/* ------------------------------------------------------------------
Project: Semantic
Place here your custom CSS styles
------------------------------------------------------------------ */
.bg-dark a {color:#fff;font-size:14px;}
.bg-dark a:hover {color:#fff;text-decoration: underline;}
.filter.font-inc {letter-spacing: 0.0em;}
a.font-alt {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0em;
	color:#999;
}	
a.font-alt.active {
	color:#000;
}	

.bg-dark-10, .bg-dark-10,
.bg-dark-10 .module-title, .bg-dark-20 .module-title
{
    color: #fff;
}

.bg-dark-20:before {
    position: absolute;
    background: rgba(0, 0, 0, .2);
    content: " ";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.bg-dark-10:before {
    position: absolute;
    background: rgba(0, 0, 0, .1);
    content: " ";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

/* schaduw rond tekst voor betere leesbaarheid */
.hs-title-size-1, .hs-title-size-2, .hs-title-size-4, .module-title,
.bg-dark a, .navbar-transparent .nav li > a {
	text-shadow: 2px 2px 2px #000;	
}

.navbar-custom {font-size:14px;}

/* verwijder text-shadow wanneer toggle button wordt getoond (mobile) */
.navbar-collapse.collapse.in > ul > li > a, .navbar-collapse.collapsing > ul > li > a {
    text-shadow:none;
}

.copyright {font-size: 12px;}

/* smaller font on small devices */
@media(max-width: 767px) {
    a.navbar-brand {font-size: 18px;}
}

@media(max-width: 767px) {
    div.hs-title-size-4.font-alt {font-size:20px;}
}

/* youtube video (responsive) */
#video-frame iframe {
    max-width: 100%;
    height: auto;
}