/*Base CSS for Website*/

/*NAVIGATION*/

nav{
  width: 100%;
  background: #fff;
  height: 80px;
  margin:0;
  padding: 0;


  -moz-box-shadow:    1px 1px 1px 1px #bbb;
  -webkit-box-shadow: 1px 1px 1px 1px #bbb;
  box-shadow:         1px 1px 1px 1px #bbb;}

#fixed-header{
  position: fixed;
  padding: 0px 0;
  top: 0;
  width: 100%;
  z-index: 998;}

/*NAV*/

.toggle,
[id^=drop] {
  display: none;}


nav ul {
  float: right;
  padding:0;
  margin: 0px 20px 0px 0px;
  list-style: none;
  position: relative;
  }
  
nav ul li {
  margin: 0px;
  display:inline-block;
  float: left;
  background-color: #FFF;
  }

/* Styling the links */
nav a {
  display:block;
  padding:14px 20px;  
  color:#4B4B4B;
  font-size:17px;
  text-decoration:none;
  border-radius: 3px;
}


nav ul li ul li:hover { background:#46A5BC; }

/* Background color change on Hover */
nav a:hover, a.active { 
  background-color: #46A5BC;
  color: #FFF; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
  display: none;
  position: absolute; 
  /* has to be the same number as the "line-height" of "nav a" */
  top: 60px; 
}
  
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
  display:inherit;
  /*Background for Dropdown Nav May need to remove*/
  border-radius: 3px;
  box-shadow: 1px 1px 2px 2px #ccc;
}
  
/* Fisrt Tier Dropdown */
nav ul ul li {
  width:170px;
  float:none;
  display:list-item;
  position: relative;

}

/*LOGO*/

#logo {
    position: relative;
    float: left;}

img.mobile-logo{
  display: none;
}

img.desktop-logo{
  width: 140px;}


label.logo{
  line-height: 80px;
  padding: 0 10px;}



/* Media Queries
--------------------------------------------- */

@media all and (max-width : 920px) {

  nav {
    margin: 0;
  }

  ul.menu{
    margin: 0px; 

  -moz-box-shadow:    1px 1px 1px 1px #ccc;
  -webkit-box-shadow: 1px 1px 1px 1px #ccc;
  box-shadow:         1px 1px 1px 1px #ccc;}

  ul.tier{
    margin: 0px;
  }

  #logo{
    display: block;
    padding:8px;
    width: 100%;
    text-align: center;
    float: none;
    background-color:#46A5BC}

  img.desktop-logo{
    display: none;
  }

  img.mobile-logo{
    display: block;
    width: 150px;
    margin: auto;

  }

label.logo{
  line-height: 100%;
  padding: 0 10px;}


  /* Hide the navigation menu by default */
  /* Also hide the  */
  .toggle + a,
  .menu {
    display: none;
  }

  /* Styling the toggle lable */
  .toggle {
    display: block;
    background-color: #3a3a3a;
    padding:14px 20px;  
    color:#FFF;
    font-size:17px;
    text-decoration:none;
    border:none;
    width: 100%;
  }

  .toggle:hover {
    background-color: #46A5BC;
  }

  /* Display Dropdown when clicked on Parent Lable */
  [id^=drop]:checked + ul {
    display: block;
  }

  /* Change menu item's width to 100% */
  nav ul li {
    display: block;
    width: 100%;
    }

  nav ul ul .toggle,
  nav ul ul a {
    padding: 0 40px;
  }

  nav ul ul ul a {
    padding: 0 80px;
  }

  nav a:hover,a:focus,
  nav ul ul ul a {
    background-color: #46A5BC;
  }
  


  nav ul li ul li .toggle,
  nav ul ul a,
  nav ul ul ul a{
    padding:14px 20px;  
    color:#f5f5f5;
    font-size:17px; 
    color:#3a3a3a;
  }
  
  li.tier-one{
     background-color: #f5f5f5; 
    width: 100%;
  }
  nav ul li ul li .toggle,
  nav ul ul a {
    width: 100%;
  }

  /* Hide Dropdowns by Default */
  nav ul ul {
    float: none;
    position:static;
    color: #ffffff;
    /* has to be the same number as the "line-height" of "nav a" */
  }
    
  /* Hide menus on hover */
  nav ul ul li:hover > ul,
  nav ul li:hover > ul {
    display: none;
  }
    
  /* Fisrt Tier Dropdown */
  nav ul ul li {
    display: block;
    width: 100%;
    margin: 0;
  }

nav ul li:hover > ul {
  display:inherit;
  border-radius: 3px;
  box-shadow: none;
}


  nav ul ul ul li {
    position: static;
    /* has to be the same number as the "width" of "nav ul ul li" */ 

  }

}


/*FOOTER*/
  #footer {
    width: 100%;
    background-color: #3a3a3a;
    margin: 0;
    padding: 2em 0em 12em 0em;}

  img#phone-icon{
    float: left;
    width: 28px;
     padding-right: 10px;
    padding-bottom: 14px;}

  img#email-icon{
    float: left;
    width: 29px;
    padding-right: 10px;
    padding-top: 2px}

  img#location-icon{
    float: left;
    width: 25px;
    padding-right: 10px;
    padding-bottom: 14px;}

  img.social-icon{
    width: 40px;
    padding-left: 10px;}

  img.social-icon:hover, img.social-icon:focus {
    opacity: .8;}

  p.footer-text{
    font-size: 14px;
    color: #fff;
    padding-left: 10px;}

  a.white{
    color: #fff;}

  a.black{
    color:#3a3a3a;}

  a.white:hover, a.white:focus {
    color: #D9AA68;}

  .footer-sections{
    padding-bottom: 10px;}

  p.footer-text.location:hover{
    color: #D9AA68; }