@media all {

    /* Move post thumbnails to the center of their respective div */
    .postShorten-thumbnailimg img {
        max-width: 100%;
        max-height: 400px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    /* Use a full size image instead of a little one int the about page */
    #about #about-card #about-card-picture {
        border-radius: 0px;
        width: auto;
        height: auto;
    }

    /* Copy styles from the other about-cards for the new email card */
    #about-card-email, #about-card-bankacct, #about-card-vatnum
    {
        font-size: 1.6rem;
        line-height: 1.9em;
        font-weight: 400;
        color: #5d686f;
        padding: 0 30px 0 15px;
    }

}

@media (min-width: 900px) {
    .iframe-container {
        overflow: hidden;
        /* 16:9 aspect ratio */
        padding-top: 56.25%;
        position: relative;
        margin-top: 2em;
        padding-bottom: 20%;
    }
    .iframe-container iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        padding-left: calc(100%/4);
    }
}

/* https://stackoverflow.com/a/37005997 */
/* Styles go here */

/* .info-block section {
    border-radius: 1em;
    border: 4px solid;
    border-image-source: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
    #0000ff, #00ff00,#ffff00, #ff0000);
    border-image-slice: 1;
    margin-top: 2em;
    margin-bottom: 2em;
}

.file-marker > div {
    padding: 0 3px;
    margin-top: -0.8em;
    
} */

.box-title {
    position: relative;
    display: block;
    padding: 10px 0;
    font-size: 1.4em;
    font-weight: bold;
    /* CUSTOM */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#audit-trail {
    padding: 0 .8em .8em;
}

/* stack context: #main must be 'position'ed and be given an explicit
   z-index value for the correct placement of the RGBblocks
*/
#main {
    position: relative;
    z-index: 0;
}

/* Source: https://codepen.io/Huhtamaki/full/GPzwPY */
/* slightly changed to better accommodate site sytles */
.RGBblock {
    position: relative;
    /* TODO: this margin should only be applied by other leaf styles */
	margin: 30px auto !important;
    /* height: 250px; */
    /* width: 400px; */
/*	background: linear-gradient(0deg, #000, #272727);*/
    background: white;
    /* z-index: 1; */
}

.RGBblock:before, .RGBblock:after {
    content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
		#0000ff, #00ff00,#ffff00, #ff0000);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.RGBblock:after {
	filter: blur(10px);
}

/* FIX for "prev/next post" buttons messed up */
.post-actions-wrap ul.post-action-share {
    width: 55%;
}

.post-actions-wrap ul.post-action-nav {
    width: 45%;
}

.sponsor-figure img {
    max-width: 200px;
}