Add shadow to iframe

I'm looking for a way to add a drop shadow to an iframe, and I'm not sure whether I need to add HTML to the iframe or CSS to the block element. I don't see a similar forum thread on this. Does anyone have advice? 

www.heartlandpfd-backend.squarespace.com, Password: Heartland 

Looking to add a drop-shadow to the iframe scheduler  (#block-yui_3_17_2_1_1691528890816_3655). 

5 hours ago, creedon said:

Your were on the right track but you had syntax errors in your iframe tag. I also remove the depreciated frameborder attribute.

<iframe src="https://heartland-pfd.bookafy.com/schedule?type=iframe&amp;locale=en" style="box-shadow : 4px 14px #000; height : 525px; width : 100%;"></iframe>

Let us know how it goes.

Can you teach me how to adjust the opacity? It's a little too dark. 

Quote

how to adjust the opacity?

Change #000 to rgba( 0, 0, 0, 0.5 )

The 0.5 is where you change the alpha ( opacity ) value. 1 is full opacity and 0 is none.

6 hours ago, creedon said:

Change #000 to rgba( 0, 0, 0, 0.5 )

The 0.5 is where you change the alpha ( opacity ) value. 1 is full opacity and 0 is none.

So. Weird issue... When I add any code other than the default code from Bookafy, everything except the background colors on the site disappears. When I change it back, everything comes back. It doesn't make sense. Any ideas? 

Without being able to see the full code that causing the issue I have no idea but it looks like there are syntax errors which are causing rendering errors.

My version of the code that I posted has no issues and works fine locally on my test site.