I have a text box on my front page, behind which is an image, but the part where the text box is is white.

I have a gradient fill inside the text, which is orange to white to orange again.
When I'm editting the text, it show the colors I chose in the gradient menu.

But when I go outside the text box and save, everything becomes super dark, as if it's selected or something. But it isn't, It's in fact not selected at all.

I tried bringing it to the front, deleting the image begind it, redoing the gradient fill, making the background of the textbox white and whatnot. But nothing's working.

When I save, It also shows the wrong colors, in DocX and PDF formats.

Any help would be appreciated. I included a link to 2 screenshots. The bright orange is how it should be, and the darker one is how it turns out when I leave the text box.

http://imgur.com/a/egI6r