/* Regras visuais compartilhadas entre layouts principais */
.dropdown:hover > .dropdown-menu {
	display: block;
	margin-top: -2px;
}

.dropdown > .dropdown-toggle:active {
	/* Without this, clicking will make it sticky */
	pointer-events: none;
}

.btn-link {
	background: linear-gradient(to right, currentColor 0%, currentColor 100%);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-size: 0px 6%;
	background-repeat: no-repeat;
	background-position: left 100%;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	font-weight: inherit;
	padding: 0;
}

.btn-link:hover {
	background-size: 100% 6%;
}

.card-title {
	line-height: 1.5;
}

.pointer + .pointer:before {
	content: "\2022";
	color: inherit;
	padding-left: .35rem;
	padding-right: .25rem;
	opacity: 0.8;
}

.bg-primary,
.btn-outline-secondary,
.btn-primary {
	background-color: var(--vl-brand-bg) !important;
	color: var(--vl-brand-text);
}

.btn-primary {
	border-color: var(--vl-brand-bg) !important;
}

a .bg-primary:hover {
	background-color: var(--vl-brand-bg-hover) !important;
}

.bg-light {
	background-color: var(--vl-muted-surface);
	color: var(--vl-brand-text);
}

a {
	color: var(--vl-link-color);
}

@media screen and (min-width: 600px) {
	.menu-direita {
		align-items: start !important;
	}
}