/* Estils del menú principal / navbar (fragments/layout/header.html).
   Extret del <style> inline del fragment perquè es cachegi com a fitxer. */
/* per fer els submenus */
.dropdown-menu {
	margin-top: 0;
}
ul.dropdown-menu {
	top: 106.4%;
	padding: 0;
	border-radius: 0;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}
.dropdown-submenu .dropdown-menu {
	top: -3.75%;
	left: 100%;
	margin: 0;
}
.dropdown-submenu a .dropdown-menu a :hover {
	background-color: var(--urvlight5);
}

.dropdown-submenu-item {
	display: none; /* Ensure submenu is hidden by default */
}

/* per fer els submenus */
.banner {
	background-color: var(--urv);
	font-palette: white;
	height: 100px;  /* Altura fixa del banner */
	width: 100%;    /* Ancho del banner */
	display: flex;  /* Utiliza flexbox para alinear el contenido */
	align-items: center; /* Centra el contenido verticalmente */
}

.banner img {
	padding: 15px;
	max-height: 100%;
	max-width: 100%;
	height: auto;
	background-color: white;
	display: flex;
	justify-content: space-between;
}
.navbar {
	font-size: 1.2em;
	font-weight: 500;
	font-palette: var(--urvlight2);
	background-color: var(--urvlight5);
}

.nav-link {
	padding: .8rem 1rem;
}

.navbar .nav-link, .navbar .navbar-brand {
	text-shadow: none;
}

.navbar-expand-lg {
	padding: 0 1.5em;
}

.nav-item {
	border-bottom: 0.25em solid var(--urvlight5);
	margin: .0em .6em;
}

.nav-item .dropdown-menu .dropdown-item {
	color: var(--urv);
	font-weight: 500;
}

.nav-item:hover {
	border-bottom: 0.225em solid var(--urv);
}

a.dropdown-item:hover {
	font-weight: bold;
}

.logged-user {
	display: flex;
	width: 100%;
	justify-content: end;
	margin-right: .3em;
	font-weight: bold;
	font-size: 1.3em;
	align-items: center;
	white-space: nowrap;
	color: white;
}

.bg-tom {
	background-color: #00185e;
}

.bg-local {
	background-color: #2e7d32;
}

.display-4 {
	width: 110%;
	font-size: 2vmax;
}

body {
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.5;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",
	Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji",
	"Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

h1 {
	font-weight: bold;
	font-size: 25px;
	color: black;
}