Extend blockquote width to edges of parent container

I have a 30px left/right padding on my Single Post Content element to keep the text from touching the edges of the column. However, I’d like the background of the blockquote to extend to the very edges of the column.

Right now I’m trying something like this:

.single-post blockquote.td_quote_box {
background: #EDF7F6;
width: 100%;
}

But as you can see this is respecting the 30px left/right padding of the Single Post Content element, and thus not actually extending to the edges: https://i.imgur.com/StGwkP1.png

If I go to 110% width to try to overflow the edges, it only overflows on the right side instead of both sides equally: https://i.imgur.com/HD29vgm.png

Any thoughts on how I can achieve this?

Thanks for the reply!

Using this code:

.single-post blockquote.td_quote_box {
background: white;
position: relative;
left: -30px;
width: calc(100% + 60px);
}

Gives this result: https://i.imgur.com/OFUqxmQ.png

Removing the “+ 60px” gives this result: https://i.imgur.com/xg5pku5.png

It’s closer, but still not spanning the entire width of the parent container

The origin page is here if you’d like to take a look directly: https://alpha.roadtovr.com/another-axiom-project-a2-echo-vr-gorilla-tag/