/*
	red #d7235d
	red 80% #df4f7d
	red 70% #e3658d
	turquoise #00adbb
	turquoise 80% #33bdc9
	turquoise 70% #4cc5cf
	gray #555555
	gray light #f6f6f6
*/

@import 'fonts.css';

body {
	color:#555555;
}

h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-family: 'patua_one';
}
a {
	color:#00adbb;
}
a:hover, a:active {
	color:#4cc5cf;
}

/*	HEADER	*/
#top-bar {
	background:#f6f6f6;
}
#logo {
	font-family: 'patua_one';
	font-size:40px;
	color:#555555;
}
/*	NAVIGATIE	*/
.navbar-default, collapse navbar-collapse {
	background:#4cc5cf;
	border-radius:0px;
	border:0;
	/*border:0;
	padding-left:0px;
	margin-left:0px;
	margin-bottom:0px;*/
}
.navbar-collapse {
	padding-left:0px;
}
.navbar-default .navbar-nav>li>a {
	color:#FFF;
	text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a:hover {
	background:#33bdc9;
	color:#FFF !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background:#00adbb;
	color:#FFF !important;
}
.navbar-default .navbar-nav li.current-menu-item a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:#33bdc9;
	color:#FFF !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background:#FFF;
	color:#1793C5 !important;
}
.dropdown > .open {
	background:#FFF;
}
.dropdown-menu {
	background:#FFF;
	color:#898A8A !important;
	border:none;
}
.dropdown-menu > li > a {
	font-size:15px;
	color:#898A8A !important;
}
.dropdown-menu > li > a:hover {
	background:#FFF;
	color:#1793C5 !important;
}
/*	MAIN	*/
aside span {
	font-family: 'patua_one';
	font-size:22px;
}
article {
	margin:0 0 30px 0;
	font-family: 'source_sans_pro_regular';
	font-size:16px;
}
main h1 {
	font-size:26px;
}
main h2 {
	font-size:22px;
}
/*	LINKS	*/
header a:hover {
	text-decoration:none;
}
@media only screen and (min-width: 992px) and (orientation:landscape) {
	#logo {
		margin:25px 0 25px 0;
	}
}
@media only screen and (max-width: 992px) {
}
@media (max-width: 766px) {
}
@media (max-width: 480px) {
}