Šablon:Aktivna oznaka/styles.css

.header_menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:center;
	padding:0.5em 0;
	font-family: "Montserrat", "sans serif";
	gap:0.8em;
}

.header_menu a {
	background-color:gainsboro;
	flex:1;
	padding:1.5em;
	transition: all 500ms ease;
	border-bottom: 0.8em solid white;
	text-decoration: none;
	font-size: 1.15em;
	font-weight: bold;
	color: #000000;
}

.header_menu .active-menu-item + a {
	background-color:#FFFFFF;
	transition: none;
	border-bottom: 0.8em solid #D43831;
	color: #D43831;
}

.header_menu a:hover {
	background-color:#f6f6f6;
	border-bottom: 0.8em solid #D43831;
	text-decoration: none;
	color: #D43831;
}
.header_menu .active-menu-item + a:hover {
	background-color: #FFFFFF;
}

.content-block { padding: 1em; }

@media screen and (max-width: 600px) {
	.header_menu a { padding: 0.5em !important;	}
	.content-block { padding: 0 0.5em !important; }
}


/* MJESEC AZIJE */
.wam-active-menu-item + a {
	font-weight: bold;
	background-color: #FFFFFF;
	transition: none;
	padding: 1.2em;
}

.wam-blue {
	flex: 1;
	border-top: .5em #32AFAF solid;
	color: #32AFAF;
}
.wam-blue a:hover {
	background-color: #E1F7F7;
	text-decoration: none;
}

.wam-red {
	flex: 1;
	border-top: .5em #F15348 solid;
	color: #F15348;
}
.wam-red a:hover {
	background-color: #FAD9D7;
	text-decoration: none;
}

.wam-gray {
	flex: 1;
	border-top: .5em #616161 solid;
	color: #616161;
}
.wam-gray a:hover {
	background-color: #F2F3F5;
	text-decoration: none;
}