/*
 __            __  __                        __  __                        __
|  |          |  ||  |                      |  ||  |                      |  |
 |  |        |  |  |  |        ____        |  |  |  |        ____        |  |
  |  |      |  |    |  |      |    |      |  |    |  |      |    |      |  |
   |  |    |  |      |  |    |  ||  |    |  |      |  |    |  ||  |    |  |
    |  |  |  |        |  |  |  |  |  |  |  |        |  |  |  |  |  |  |  |
     |  ||  |          |  ||  |    |  ||  |          |  ||  |    |  ||  |
      |____|            |____|      |____|            |____|      |____|
	  
Copyright (C) 2019 Vanparijs Wim Websites www.vanparijswimwebsites.com
*/

nav {
    position: static;
}

#desktop-logo {
    padding-top: 0;
}

html#mobile{
    background-color: #EEE;
    cursor: pointer; /*ios devices only send click event when cursor = pointer*/
    background-image: none;
}
  
#mobile header{
    height: auto;
    position: fixed;
    padding: 0;
    text-align: left;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    color: #000;
}
  
#mobile nav{
    display: none;
    position: absolute;
    top: 4.99em;
    left: 0;
    background-color: transparent;
    height: auto;
    width: auto;
} 
  
#mobile nav .max-width{
    padding: 0;
}
  
#mobile nav ul{
    position: relative;
    background-color: #0060a9;
    display: inline-block !important;
}
  
#mobile nav a, #mobile nav li, #mobile nav span{
    display: block !important;
    background-color: #fff;
    color: #000;
    width: auto !important;
    position: static;
}
  
#mobile nav a, #mobile nav span{
    padding: 1.5em;
    margin-top: 0 !important;
}

#mobile nav a.current {
    border-top: 0;
}
  
#mobile nav li#small-logo-wrapper{
    display: none !important;
}
  
#mobile nav a:hover, #mobile nav span:hover, #mobile nav ul li ul li a:hover{
    background-color: rgb(0, 175, 255);
}
  
#mobile nav a.top:hover:after, #mobile nav li:hover span:after{
    height: 0;
}
  
#mobile nav li ul{
    position: absolute;
    z-index: 1100;
    top: 0;
    left: -15em;
    background-color: #fff;
}
  
#mobile nav li:hover ul:not(.slide-in){
    visibility: hidden;
    opacity: 0;
}
  
#mobile nav ul.slide-in{
    transition-delay: 0.75s;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
    
    opacity: 1;
    left: 0;
    visibility: visible;
}
  
#mobile nav ul li ul.slide-in{
    left: 15em;
}
  
#mobile nav ul.slide-out{
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
    left: -15em;
    visibility: hidden;
}
  
#mobile nav ul li ul.slide-out{
    left: -15em;
}
  
#mobile #desktop-logo{
    display: none !important;
}
  
#mobile header #mobile-header{
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: flex;
    padding: 1em;
    height: 3em;
    text-align: center;
}
  
#mobile header #mobile-header #open-nav{
    text-align: left;
    font-size: 3em;
    color: #003663;
}
  
#mobile header #mobile-header #mobile-logo img{
    padding: 0 5px;
    display: inline-block;
}
  
#mobile header #mobile-header #contact{
    text-align: right;
    font-size: 3em;
    color: #003663;
}
  
#mobile header #mobile-header img{
    max-height: 3em;
    width: auto;
}

#mobile .max-width:first-of-type {
    margin-top: 0;
    padding-top: 5em;
}

#mobile footer .max-width:first-of-type {
    padding-top: 0;
}

#mobile footer #contact-details {
    text-align: center;
    padding-top: 1em;
}
  
#mobile footer a{
    display: inline-block;
    padding: 0.25em 0;
}