Color Background Not Displaying on Menu Block

Hello, I'm trying to customize my menu blocks with a border and a background color. I'm not sure what happened but all of a sudden the background color on my menu blocks has stopped showing up. Does anyone know why the bit of css I'm using has stopped working? The first picture is what it looks like now and the second is what it used to look like. Here is the css I am using: 

//MENU BACKGROUNDS
.menu-wrapper {
background-color: #ffff;
   padding: 20px;
 border-width: 10px;
  border-top-width: 0;
  border-right-width: 0;
  border-style: outset;
  border-color: #0071CE;
  box-shadow: inset 0px 0px 0px 8px #F9AD32;
}
// TOP LEFT
.menu-wrapper {
  bottom: -15px;
  right: 0;
  background: linear-gradient(135deg, transparent 3.3em, #ffff 0) top left;
}

// BOTTOM RIGHT
.menu-wrapper {
  top: 0;
  left: -15px;
  background: linear-gradient(-45deg, transparent 3.3em, #ffff 0) top left;
}

Hi. Can you share link to page in screenshot? We can help easier

The link to the site is here: https://www.eddebevics.com/menu-breakfast-test

As you can see none of the menu frames have the white background for some reason.

23 hours ago, tuanphan said:

Hi. Can you share link to page in screenshot? We can help easier

20 hours ago, ehopwood said:

The link to the site is here: https://www.eddebevics.com/menu-breakfast-test

As you can see none of the menu frames have the white background for some reason.

 

Add to Design > Custom CSS

/* menu box background */
.menu-wrapper {
    background: white !important;
}

46 minutes ago, tuanphan said:

Add to Design > Custom CSS

/* menu box background */
.menu-wrapper {
    background: white !important;
}

 

That fixed it! Thank you so much!