/* Override the lila background with white */

.new-event {
    background-color: LightYellow;
}

h1 {
  color: #E3A467;
}

h2 {
  color: #E3A467;
}

h3 {
  color: #E3A467;
}


a {
  color: #E3A467;
}

.container-header {
    background-color: white;
    background-image: none;
}

.container-topbar {
    background-color: #cb2c39;
    background-image: none;
}

/* Menu text black */
.container-header .mod-menu {
    color: #E3A467;
}

.container-footer {
    background-color: #E3A467;
    background-image: none;
}



/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; 
    padding: 3px 15px;
    color: #0088cc;
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
    background-color: #eee;
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: #E3A467;
    border: 1px solid #E3A467;
}