section.top-header{display:flex;justify-content:space-between;background:var(--top-header-bg-colour)}section.top-header .contact-details,section.top-header .top-bar-navigation{display:flex;justify-content:space-between}section.top-header .contact-details ul,section.top-header .top-bar-navigation ul{margin:0;padding:0;list-style:none;display:flex;gap:0px}@media (min-width: 768px){section.top-header .contact-details ul,section.top-header .top-bar-navigation ul{gap:5px}}section.top-header .contact-details ul a,section.top-header .top-bar-navigation ul a{display:block;padding:10px 15px;color:var(--top-header-link-colour);text-decoration:none;position:relative;transition:all,.2s}section.top-header .contact-details ul a:hover,section.top-header .top-bar-navigation ul a:hover{background:var(--top-header-link-hover-bg-colour);color:var(--top-header-link-hover-colour)}section.top-header .contact-details ul a:hover:after,section.top-header .top-bar-navigation ul a:hover:after{opacity:1}section.top-header .contact-details ul a:after,section.top-header .top-bar-navigation ul a:after{position:absolute;display:block;content:"";bottom:-3px;left:0;width:100%;height:3px;background:var(--top-header-line-colour);opacity:0;transition:all,.2s}section.top-header .contact-details ul a span,section.top-header .top-bar-navigation ul a span{display:none}@media (min-width: 768px){section.top-header .contact-details ul a span,section.top-header .top-bar-navigation ul a span{display:inline}}section.top-header .contact-details ul.sub-menu,section.top-header .top-bar-navigation ul.sub-menu{display:none}section.top-header .top-bar-navigation{display:none}@media (min-width: 576px){section.top-header .top-bar-navigation{display:block}}section.top-header.menu-disabled .contact-details{flex:1}