/** Styles to set up the Polaroid viewers **/

#block-polaroid-covers,
#block-peronal-polaroids { width: 100%; height: 100%; overflow-y: visible; }

#block-polaroid-covers::after { content: ''; display: block; position: absolute; bottom: -50px; right: 0; height: 120px; width: 100%;
    transform: skewY(-3deg); transform-origin: 100%;
    background: inherit; background-color: #ffffff; }
#block-polaroid-covers header,
.paragraph--type--polaroid-show header { position: absolute; right: 0; top: 40px; padding: 10px 20px 13px; z-index: 8;
    background: #F7C9D0; }
#block-polaroid-covers header p,
.paragraph--type--polaroid-show p { display: inline-block; font-family: 'eucmed', sans-serif; text-transform: uppercase; font-size: 11px; line-height: 14px; letter-spacing: 0.1em; color: #ffffff; margin: 0; }
#block-polaroid-covers header p a,
.paragraph--type--polaroid-show header p a { font-family: 'eucmed', sans-serif; color: #000000; font-size: 11px; }

.feature-polaroids,
.feature-polaroids .views-element-container,
.feature-polaroids .views-element-container .polaroid-show { position: relative; height: 100%; }

.feature-polaroids .views-element-container::after { content: ''; display: block; position: absolute; bottom: -50px; right: 0; height: 120px;width: 100%;
    transform: skewY(-3deg); transform-origin: 100%;
    background: inherit; background-color: #ffffff; }

.polaroid-show { height: 100%; width: 100%; }

.polaroid { position: absolute; z-index: 2;
    cursor: url('../../images/scratch28.png'), auto; }
.polaroid a { display: block;
    cursor: url('../../images/scratch28.png'), auto; }
.polaroid img { box-shadow: 0px 0px 2px #696969; height: 100%; width: 100%;
    cursor: url('../../images/scratch28.png'), auto; }