/* Keep ratio box */
.keep-ratio {
    position: relative;
    height: 0;
}

.keep-ratio-4-3 {
    padding-bottom: 75%;
}

.keep-ratio-16-9 {
    padding-bottom: 56.25%;
}

.keep-ratio iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* Restrict view */
body.authenticated .guest-only {
    display: none;
}

body.anonymous .login-only {
    display: none;
}

body.authenticated .login-only.inline,
body.administrator .admin-only.inline,
body.anonymous .guest-only.inline {
	display: inline;
}

.admin-only {
	display: none;
}

body.administrator .admin-only,
body.administrator .admin-only.block {
    display: block;
}

body.administrator .admin-only.inline-block {
	display: inline-block;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .desktop-only {
        display: none;
    }
}

/* Desktop */
@media only screen and (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}