﻿
.gos-logo { 
	float:right; 
	margin: 0 40px 10px 0;
	width: 200px;
	max-width:50%;	
      position:relative;	
	z-index:2;	
}

* {
  margin: 0;
  padding: 0;    /* need to add padding-left 40px for all lists - yes a bit ordinary Alan */
  box-sizing:border-box;
}

p {
  padding: 1em 0 0;
}

.pretendthisisthebody {
  padding: 10px 10px 0;
}

#hideholder {
  display: none;
}

.radionav {
  float: left;
  width: 200px;
  max-width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}

.radionav>label {
  text-align:left;
  text-transform: uppercase;
}

.radionav label,
.radionav a {
  color: black;
  display: block;
  padding: 10px;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  transition: 0.1s all ease-in-out;
}

.radionav li:hover>label,
.radionav a:hover {
  background: gray;
  color: white;
}

.radionav ul {
  list-style-type: none;
  background: white;
}

.radionav ul ul a {
  padding-left: 20px;
  background: #EEEEEE;
}

.radionav input,
.radionav .closer,
.radionav ul,
.radionav input:checked ~ .opener {
  display: none;
}

.radionav input:checked ~ ul,
.radionav input:checked ~ .closer {
  display: block;
}

.radionav .opener::after {
  content: " +";
}

.radionav .closer::after {
  content: " -";
}

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

   .gos-logo {
	float: left;
	margin-right: 10px;
}
  .radionav {
	width:500px;
	position: relative;
}
  
  .radionav>label {
    display: none !important;
  }
  .radionav>ul
  {
    display: block !important;
  }
  .radionav>ul>li {
    display: inline-block;
  }

  .radionav a,
  .radionav label {
    width: auto;
  }
  .radionav li {
    position: relative;
  }
  .radionav ul ul {
    position: absolute;
    top: 100%;
    left: 10px;
  }
  .radionav ul ul li {
    display: block;
    min-width: 100%;
  }
  .radionav ul ul a {
    padding-left: 10px;
    white-space: nowrap;
  }
  .radionav input:checked ~ ul {
    display: none;
  }
  .radionav li:hover>ul {
    display: block;
  }
  .radionav .opener::after,
  .radionav .closer::after {
    content: "";
  }
}
