.darkRedBackground {
    background-color: #660000;
}

/* override bootstrap */
.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
}
.navbar-dark .nav-item:hover .nav-link {
    color: #D3D3D3;
}

/* change hamburger menu to white */
.fancy-toggler.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
  
  .fancy-toggler.navbar-toggler {
    border-color: rgb(255, 255, 255);
  }
  
  .fancy-toggler.navbar-toggler:focus {
    outline-color: rgb(255, 255, 255);
  }

/* these for navbar not working 
.navbar .navbar-nav>li>a {
    color: #FFFFFF;
}
.navbar .navbar-nav>li>a:hover {
    color: #D3D3D3;
}
*/

.bottomMargin {
    margin-bottom: 30px;
}

.vcenter {
    display: flex;
    align-items: center;
}

/* to make everything in a row be the same height */
.equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .equal > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }