/* flexy sticky footer */

html {
    height: 100%;
  }
  
  body {
    margin: 0;
    /* Takes away the default margin which would otherwise make the body extend beyond 100% of page height */
    display: -webkit-box;
    display: flex;
    /* Items have equal height */
    /* same as display:flex for IE11 */
    display: -webkit-flex;
    /* iPad & Safari */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    /* layout item's content vertically */
    /* flex-direction: column for IE11 */
    height: 100%;
    /* Needed for IE11 so that body takes up at least 100% of height */
  }
  
  header {
    -webkit-box-flex: 0;
    flex: none;
  }
  
  .main {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    flex-basis: auto;
    /*background-color: #eee;  let's fade to grey...  ' */
  }
  
  footer {
    -webkit-box-flex: 0;
    flex: none;
  }
  
  .footer > span {
    color: white;
  }
  
  /*flex footer ends here*/
  
  .footer a {
    color: #fff;
  }
  
  .footer .footer-heading {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px;
  }
  
  .footer .social-icon {
    color: #fff;
    font-size: 32px;
    padding: 0 5px;
  }
  
  .footer .contact-details {
    color: #fff;
  }
  
  .footer .mainsitelink {
    display: block;
    margin-bottom: 30px;
  }
  
  .footer .right-logo img {
    width: 200px;
  }
  
  .nav-overlay {
    position: absolute;
    width: 100%;
    z-index: 90;
  }
  
  .banner {
    min-height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
  }
  
  .banner .banner-over-spacer {
    height: 100px;
  }
  
  .banner .content-wrapper {
    height: calc(100% - 100px);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    padding-top: 100px;
  }
  
  .banner .content-wrapper h1,
  .banner .content-wrapper h2,
  .banner .content-wrapper h3,
  .banner .content-wrapper h4,
  .banner .content-wrapper h5,
  .banner .content-wrapper h6 {
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
  }
  
  .banner .content-wrapper .content {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 40px 20px;
  }
  
/*  .navbar .navbar-collapse {
    right: 30px;
    top: 85px;
    padding-right: 15px;
    padding-bottom: 15px;
    background-color: #fff;
  }
*/  
  .navbar .navbar-brand img {
    width: 230px;
  }
  
  .navbar .navbar-nav .nav-link {
    color: #000;
  }
  
  .navbar .navbar-nav .nav-link.link {
    font-weight: 700;
    font-size: 18px;
  }
  
  .navbar .navbar-nav .nav-link.current {
    color: #000;
    text-decoration: none;
  }
  
  .non-nav-banner {
    background-color: #fff;
  }
  
  .no-banner {
    padding-top: 150px;
  }
  
  #ForgotPassword {
    margin-left: 30px;
    margin-bottom: 0;
    padding-top: 10px;
  }
  
  .pw-row {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
  
  .pw-tagselect-items {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
  
  #pw-search-form {
    margin-bottom: 0;
  }
  
  .pw-col-auto.pw-org-col {
    background-color: #073e8e;
  }
  
  #pw-search-form button,
  #pw-panel button {
    background-color: #073e8e;
  }
  
  .pw-title {
    background-color: #fff;
    color: #073e8e;
    font-weight: bold;
  }
  
  #pw-search-form,
  #pw-panel {
    font-family: "Source Sans Pro", sans-serif;
  }
  
  .pw-pom-details {
    background-color: #073e8e;
  }
  
  .pw-pom-title {
    background-color: #c9ddf6;
  }
  
  .pw-pom-label {
    color: #000;
  }
  
  .pw-pom-name {
    background-color: #fff;
    color: #073e8e;
  }
  
  .pw-backbutton a,
  .pw-backbutton a:hover {
    background-color: #073e8e;
  }
  
  .pw-infopanel-heading {
    background-color: #073e8e;
  }
  
  .pw-button-container a,
  .pw-button-container a:hover {
    background-color: #073e8e;
  }
  
  .pw-infopanel-content {
    background-color: #c9ddf6;
  }
  
  .pw-filter-inputs ul,
  .pw-filter-inputs ul li {
    list-style: none;
  }
  
  .pw-filter-inputs {
    padding-bottom: 0;
  }
  
  .pw-tagselect {
    margin-bottom: 0;
  }
  
  #pw-search-form {
    margin-bottom: 30px;
  }
  
  .pw-pom-name {
    border-radius: 20px;
  }