.navbar {
display:block;
background-color:#00794a;
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
padding:0 20px;
}
.container {
max-width:1120px;
margin-left:auto;
margin-right:auto;
padding:0 20px;
}
.navbar-flex {
display:flex;
justify-content:space-between;
font-size:12pt;
}
.navbar-menu {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
}
.navbar-menu .menu-item {
line-height:1.4;
margin:0 12px;
padding:5px 0;
color:white;
}
.navbar-menu div.menu-item:first-child {
margin-left:0;
}
.no-decor-link {
text-decoration:none;
color:white;
}
.no-decor-link:hover {
text-decoration:underline;
color:#ddd;
}
.no-decor-link:focus {
text-decoration:none;
color:white;
}
.navbar-button {
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
}
.project-button {
padding:5px 15px;
border-radius:0.2rem;
border:1px solid white;
}
.project-button:hover {
background-image:linear-gradient(90deg, #b9d88d, #e8f2d9);
color:#222;
}
.dropdown .dropbtn {
line-height:1.4;
color:white;
padding:10px 0;
font: inherit; /* Important for vertical align on mobile phones */
margin: 0; /* Important for vertical align on mobile phones */
}
.dropdown .dropbtn:focus {
outline:none;
}
/* Add a red background color to navbar links on hover */
.dropdown:hover {
cursor:pointer;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
cursor:auto;
display: none;
position: absolute;
background-color: #f9f9f9;
width: 100%;
left: 0;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
z-index: 999;
}
.dropdown:hover .dropbtn {
color:#ddd;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
background-color: #ccc;
height: 250px;
}
/* Style links inside the columns */
.column a {
float: none;
color: black;
padding: 16px;
text-decoration: none;
display: block;
text-align: left;
}
/* Add a background color on hover */
.column a:hover {
background-color: #ddd;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.headerbanner {
padding:30px 0;
background-image:linear-gradient(#00462f 5%, #00794a 95%);
display:table;
}
.headerbanner-text {
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
display:flex;
justify-content:center;
flex:1;
flex-wrap:wrap;
}
.headerbanner-text h2 {
padding:0;
margin:0;
font-size:25px;
border:none;
text-decoration:underline;
font-weight:600;
color:white;
}
.headerbanner-category {
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size:14px;
color:white;
display:flex;
flex-direction:row;
justify-content:center;
margin-top:20px;
border-top:1px solid rgb(150,150,150); /* fallback requirement for rgba */
border-top:1px solid rgba(200,200,200,0.4);
padding-top:20px;
}
.headerbanner-category p {
padding:0 12px;
margin:0;
font-weight:600;
line-height:1.4;
}
.headerbanner-category .hl-kategori-artikel {
display:flex;
overflow-y:auto;
flex-direction:row;
justify-content:center;
padding: 0 12px;
}
.hl-kategori-artikel p {
margin:0 30px 0 0;
padding:0;
font-weight:400;
line-height:1.4;
}
.hl-kategori-artikel p:last-child {
margin-right:0;
}