/* Legacy */
@media all and (-ms-high-contrast:none)
{
  #browser-list>div { text-align: center }
  #browser-list img { width: 80px }
  #browser-list span { display: block }
  #browser-compatibility { display: block !important } /* IE10 */
  *::#browser-compatibility { display: block !important } /* IE11 */
  
  #school-finder-app { display: none } /* IE10 */
  *::#school-finder-app { display: none } /* IE11 */
}

.school-finder-wrapper {
  margin-bottom: 6rem;
}

.school-finder-wrapper .tagify {
  background: #fff;
}

/* School Finder Custom Navigation */
#school-finder-mobile-navigation {
  visibility:hidden;
  display:none;
}
#school-finder-nav-toggle {
    z-index:100;
}
#school-finder-nav {
  display:none;
}

#school-finder-nav-icon {
  color: black;
  font-size: 3rem;

}

#school-finder-nav ul { display: flex; margin: 0; padding: 0; text-align: center }
#school-finder-nav li { list-style: none; white-space: nowrap }
#school-finder-nav a:hover { text-decoration: none }
#school-finder-nav a { color:black; font-weight:700;padding: 10px 60px 10px 25px;}
#school-finder-nav {
  
}
#school-finder-nav { 
    display: none;
    width: 240px;
    z-index: 5;
    top: 50px;
    right: -10px;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12); 
  }

@media only screen and (min-width: 1068px) {
  #school-finder-nav ul { display: block; padding: 20px 0px }
  #school-finder-nav li { display: block; text-align: left }
  #school-finder-nav a { display: block }
}

@media only screen and (max-width : 1068px) {
  #school-finder-mobile-navigation {
    visibility:visible;
    display:block;
  }
  #school-finder-nav {
  visibility:hidden;
    display:none;
  }
   #school-finder-nav-toggle {
  visibility:hidden;
    display:none;
  }
  #nav-secondary-toggle {
    display:block;
  }
  #nav-secondary {
    margin-left:40px;
  }
}

@media only screen and (max-width : 719px) {

  #school-finder-nav {
  visibility:hidden;
    display:none;
  }
  #school-finder-nav-toggle {
  visibility:hidden;
    display:none;
  }
  #school-finder-mobile-navigation {
    visibility:visible;
    display:block;
  }
  #nav-secondary {
    margin-left:40px;
  }
}

@media only screen and (max-width : 600px) {
  #school-finder-nav {
  visibility:hidden;
    display:none;
  }
  #school-finder-nav-toggle {
  visibility:hidden;
    display:none;
  }
  #school-finder-mobile-navigation {
    visibility:visible;
    display:block;
  }
  #nav-secondary {
    margin-left:0px;
  }
}