:root {
	--primary-color: rgb(161, 217, 248);
	--secondary-color: rgb(215, 180, 106);
	--dark-color: rgb(0,85,142);
}

body {
	font-family: 'Exo 2', sans-serif;
	/* text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); */
	/* background-image: var(--bs-gradient); */
}
.bg-dark {
	background-color: var(--dark-color) !important;
}

.nav-link {
	color: var(--bs-light);
}
.nav-link:focus, .nav-link:hover {
	color: var(--secondary-color);
}

.bg-cover {
	background-image: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%), url(images/vau-expo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	clip: rect(10px, 20px, 30px, 40px);
}
.bg-header {
	background-image: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%), url(images/bg-header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	clip: rect(10px, 20px, 30px, 40px);
}

a {
	color: var(--primary-color);
}
a:hover {
	color: var(--secondary-color);
}

.logo {max-height: 36px}

.cover-container {
	max-width: 42em;
}

.nav-masthead .nav-link {
	padding: .25rem 0;
	font-weight: 700;
	color: rgba(255, 255, 255, .5);
	background-color: transparent;
	border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
	border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
	margin-left: 1rem;
}

.nav-masthead .active {
	color: #fff;
	border-bottom-color: #fff;
}

.btn, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-image: var(--bs-gradient);
}