main {
        vertical-align : top;
}

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://www.stevedunoir.com/fonts/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.stevedunoir.com/fonts/comfortaa-v40-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

p {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 400;
    font-size : 1em;
}

li {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 400;
    font-size : 1em;
    
}

body {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 400;
    font-size: 1.5vw;

}

div {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 400;
    font-size : 1em;
}

div.editorialtext {
	font-family: 'Comfortaa', Helvetica, serif;
    font-size : 0.9em;
    font-style: italic;
    color: #333; 
    width: 90%; /* Set width to 70% of the browser window */
    margin: 0 auto; /* Center the div horizontally */
    text-align: center; /* Center the text inside the div */    
    vertical-align: text-top;
}

div.warntext {
	font-family: 'Comfortaa', Helvetica, serif;
    font-size : 0.5em;
    font-style: italic;
    /* font-weight: bold; */
    color: white; 
    width: 90%; /* Set width to 70% of the browser window */
    margin: 0 auto; /* Center the div horizontally */
    text-align: center; /* Center the text inside the div */    
}


a {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 400;
    font-size : 1em;
}



p.small {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 300;
    font-size : 0.8em;
}
li.small {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 300;
    font-size : 0.8em;
    
}

h1 {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 400;
    font-size : 1.8vw;    
}
h2 {
	font-family: 'Comfortaa', Helvetica, sans-serif;
	font-weight: 350;
    font-size : 1.5vw;    
}
/*--- navigation bar ---*/

.navbar {
  background: black;
}

.nav-link,
.navbar-brand {
    color: #FFFFFF;
    cursor: pointer;
}    

.ujp-navlink
{
    color: red;
    cursor: pointer;
}  

.navbar-collapse {
  justify-content: flex-end;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='coral' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
:contentReference[oaicite:16]{index=16}
:contentReference[oaicite:18]{index=18}
:contentReference[oaicite:19]{index=19}
}


.vertical-menu {
  width: 200px; /* Set a width if you like */
}

.vertical-menu a {
  background-color: #FFFFFF; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #FFFFFF; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: #FFFFFF; /* Add a green color to the "active/current" link */
  color: white;
}