header#page-header,
header.navbar,
footer#page-footer,
ul.nav.nav-tabs,
div.datapreferences,
div.activity-navigation,
a.back-to-top,
aside#block-region-side-post,
div.eupopup-container {
    display: none !important;
}

body.sidebar-enabled ul.nav.nav-tabs,
body.sidebar-enabled div.datapreferences {
    display: block;
}

a.home img {
	width: 18%;
	display: block;
	position: absolute;
	left: 1%;
	top: 3%;
}

body.sidebar-enabled a.home {
    /*display: none;*/
}

div.breadcrumb-nav {
    display: none;
}

body#page-mod-data-view {
	height: 100vh;
	width: 100vw;
	margin: 0;
	padding: 0;
    background-color: #d5d0c6;
	background-size: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(https://learning.rzss.org.uk/pluginfile.php/2251/course/section/860/video_menu_background.svg);
overflow: hidden;
}

body#page-mod-data-view 

body#page-mod-data-view.sidebar-enabled {
    overflow-y: auto;
}

body#page-mod-data-view form {
    margin-left: 10%;
    width: 110%;
    padding-top: 5%;
}

#page {
    background: none;
}

section#region-main h2 {
    display: none;
}

section#region-main h2.researchTitle {
    display: block;
    color: #063853 !important;
    text-transform: uppercase;
    position: absolute;
    left: 23%;
    top: 6%;
    font-size: 30px;
    user-select: none;
}

section#region-main h2.researchTitle.single {
    width: 48vw;
    line-height: 3vw;
}

form#options {
    display: none;
}

ul.nav-tabs {
    margin-top: 6vw;
    margin-bottom: -6vw;
}

nav.pagination {
    justify-content: right;
    Position: absolute;
    right: 12vw;
    top: 19vh;
}

nav.pagination::before {
    display: block;
    content: 'Explore more:';
    margin: 7px 10px;
    Font-size: 16px;
    position: relative;
    top: -2nd;
    right: 1vw;
    color: #063853;
}

nav.pagination:nth-of-type(2) {
    display: none;
}

ul.pagination {
    box-shadow: none;
}

ul.pagination li a {
    color: #063853 !important;
}

ul.pagination .page-item.active .page-link {
    background-color: #89bf52;
    border: none;
}

section#region-main p.researchDescription {
    color: #063853;
    font-size: 16px;
    display: block;
    position: absolute;
    left: 23%;
    top: 15%;
    user-select: none;
}

dl.project {
    width: 32%;
    display: inline-block;
    margin-top: -3vh;
}

dl.project dd {
    width: 100%;
    display: block;
    z-index:1;
    position: relative;
}

dl.project dd.editButton, 
dl.project dd.editButton a,
dl.project dd.editButton a img,
dl.project dd.deleteButton,
dl.project dd.deleteButton a,
dl.project dd.deleteButton a img {
    display: inline-block;
    width: auto;
}

dd.projectImage {
    top: -10px;
    min-height: 80px;
    width: 90% !important;
    margin-left: 5%;
}

dl.project dd img {
    max-width: 100%;
    height: 12vw;
    position: relative;
    margin: 0 auto;
    display: block;
}

dl.project dt {
    background-image: url(https://learning.rzss.org.uk/pluginfile.php/2251/course/section/860/projectTitle_background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #ffffff;
    box-sizing: border-box;
    padding: 15px 20px;
    z-index: 2;
    position: relative;
    font-size: 14px;
}

article.aboutProject {
      background: url(https://learning.rzss.org.uk/pluginfile.php/2251/course/section/860/whiteBG.png);
    width: 30vw;
    background-size: 100% 100%;
    padding: 2vw;
    box-sizing: border-box;
    margin-left: 0.5vw;
    font-size: 15px;
    background-repeat: no-repeat;
    margin-top: 0;
    max-height: 50vh;
    overflow-y: auto;
    user-select: none;
}

section#youtubevideo {
    position: absolute;
    top: 15vw;
    right: 5vw;
    pointer-events: none;
}

iframe#videoplayer {
    width: 40vw;
    height: 22.5vw;
}

section.projectImages {
    display: flex;
    width: 34vw;
    height: 13vw;
    position: absolute;
    right: 11vw;
    bottom: 4vw;
    justify-content:center;
    align-items: flex-start;
    gap: 10px;
}

section.projectImages a {
    pointer-events: none;
}

section.projectImages a:last-of-type::after {
    display: block;
    content: '';
    width: 6vw;
    height: 5vw;
    background: url(https://learning.rzss.org.uk/pluginfile.php/2251/course/section/860/expand.png?time=1748340310377);
    position: absolute;
    right: -7vw;
    top: 5vw;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
}

section.projectImages a img {
    width: 100%;
    max-height: 13vw;
    pointer-events: all;
    margin-right: 10px;
}

section.projectImages a:active img,
section.projectImages a:focus img {
    position: absolute;
    width: 50vw;
    height: auto;
    max-height: none;
    top: -50vh;
    left: -30vw;
    float: left;
    display: block;
    z-index: 3;
    pointer-events: none;
}

section.researcher {
    display: block;
    position: absolute;
    left: 22.5vw;
    top: 74vh;
    width: 30vw;
    user-select: none;
}

p.researcher {
    display: block;
    background-image: url(https://learning.rzss.org.uk/pluginfile.php/2251/course/section/860/projectTitle_background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #ffffff !important;
    box-sizing: border-box;
    padding: 10px 25px;
    font-size: 15px;
    text-transform: uppercase;
    width: 100%;
    user-select: none;
}

section.researcher article.researcherImages {
    display: flex;
    gap: 10px;
}

section.researcher a {
    pointer-events: none;
}

section.researcher a img {
    max-width: 100%;
    height: auto;
    max-height: 10vh;
    float: left;
    margin-left: 1vw;
}

section.researcher p.description {
    font-size: 18px;
}

img.icon {
    height: 16px !important;
    width: 16px important;
}