/* ------------------------------------ *
 CSS
 dinsdag 7 maart 2023 14:04:16
 HAPedit 3.1.11.111
 * ------------------------------------ */



*,
*::before,
*::after {
    box-sizing: border-box;
}

body,p,h1,h2,h3{
 margin: 0;
}
h1,h2,h3{
    line-height: 1;
}

::-webkit-scrollbar {
  width: 10px;
}



 #splitsheader {
    color:rgb(255, 255, 255);
    display: flex;
    flex-flow: row wrap;
   // background: linear-gradient(45deg,#ffdd00, #ff5d00,#722b2b);
   //background: linear-gradient(45deg, rgb(206, 152, 76), #ff5d00,rgb(206, 152, 76));
     background: linear-gradient(45deg, #722b2b, rgb(206, 152, 76),rgb(221, 188, 134));



}  

#logo {
    width:100%;
    max-width: 8vw;
    height: auto;
    margin: 10px 10px;
    margin-right: 40px;
}

#logo>img {
    display: block;
    max-width: 100%;
}

#headertekst {
    text-align: left;
    margin: auto;
    width: 90vw;
     font-size: 3.0vw;
    flex: 1 0 0;
}
#userImg{
   background: white;
   margin: 4px;
}
#sessionName{
  display: block;
  padding-top: 6px;
}

.wrapper {
  display: flex;  
  /*flex-flow: row wrap;  */
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}


.wrapper > * {
  padding: 2px;
  /*flex: 1 100%;*/
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
}

.topmenu{
  padding: 0;
  z-index: 1;
 }

.topmenu  ul{
  list-style: none;
  display: flex;
 }

 .li-sub{
  border-bottom: 1px solid white;
 }
.topmenu > li{
  position: relative;
 }

 .fa {
  margin-left: 4px;
 }
.topmenu li ul{
    position: absolute;
   display: none;

 }

li:hover ul{
  display: block;
 }
li  a{
  /* padding-right: 0px;*/
 }
.dropdown-content{
    background-color: rgba(118, 82, 72, 0.9);
   white-space:nowrap;
   text-align: left;
   padding: 2px 6px;
   width: 120px;
}

.header {
 padding: 0;
 background: rgb(114, 43, 43);
}

.navigation {
  flex-flow: row wrap;
  justify-content: flex-end;
  list-style: none;
  font-size: 14px;
  margin: 0; 
    padding:0;
  padding-bottom: 2px;
  background:  var(--clr-home-border);
}

.navigation a {
  text-decoration: none;
  display: block;
  padding-right: 1em;
  color: white;
}

.navigation a:hover {
  background: #1565C0;
}

@media all and (max-width: 600px) {
 #sessionName{
     display:none;
  }
}

@media all and (min-width: 800px) {

  #headertekst{
   font-size: 3.1vw;
  }
  .navigation{
  font-size: 20px;
  }
}