@charset "UTF-8";

/*=================================== Custom fonts ===================================*/

/*=================================== Initialization & General ===================================*/

* { margin:0; padding:0; border:none; box-sizing:border-box; }
html { font-size:1vw; }
body, body > section { width:100%; }
h1, h2, h3, h4, h5, h6, p { border:0; font-size:inherit; font-weight:inherit; }
button { background-color:transparent; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; }
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p, span p { margin-bottom:1.5rem; }
input:focus, select:focus, textarea:focus, button:focus { outline:none; }
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display:none; }


/*=================================== Plugins ===================================*/


/*=================================== Style snippets ===================================*/

.clickable { cursor:pointer; }
.blankList { list-style:none; }
section ul.blankList { padding:0; }

.borderTop.white { border-top:0.07rem #fff solid; }
.borderTop.green { border-top:0.07rem #005c5a solid; }
.borderBottom.white { border-bottom:0.07rem #fff solid; }
.borderBottom.green { border-bottom:0.07rem #005c5a solid; }

.whiteBackground { background-color:#fff; }
.greenBackground { background-color:#005c5a; }
.yellowBackground { background-color:#f1c066; }
.beigeBackground { background-color:#e4e3df; }
.blueBackground { background-color:#a9c9ea; }
.greyBackground { background-color:#f9f9f7; }
.lightBlueBackground { background-color:#a9caea; }

button.rounded, input.p-button.rounded { padding:0 1rem; border-radius:1.1rem; }
button.rounded.large, input.p-button.rounded.large { padding:0.5rem 2rem; border-radius:1.6rem; }
button.rounded.green, input.p-button.rounded.green { border:0.07rem solid #005c5a; }
button.p-next { width:4rem; height:4rem; border-radius:2rem; background-image:url(/assets/images/icon-next.png); background-repeat:no-repeat; background-size:2rem; background-position:center center; background-color:#fff; }
button.p-previous { width:4rem; height:4rem; border-radius:2rem; background-image:url(/assets/images/icon-prev.png); background-repeat:no-repeat; background-size:2rem; background-position:center center; background-color:#fff; }
button.p-next:hover { background-image:url(/assets/images/icon-next-white.png); background-color:#005c5a; }
button.p-previous:hover { background-image:url(/assets/images/icon-prev-white.png); background-color:#005c5a; }

input.p-text:-webkit-autofill, input.p-text:-webkit-autofill:hover, input.p-text:-webkit-autofill:focus, input.p-text:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    font:400 1.4rem/2.0rem "niveau-grotesk", sans-serif !important;
}
input.p-text.green:-webkit-autofill, input.p-text.green:-webkit-autofill:hover, input.p-text.green:-webkit-autofill:focus, input.p-text.green:-webkit-autofill:active  {
	-webkit-text-fill-color: #005c5a !important;
}

/*Slide Carousel*/
.carousel.slide, .carousel.multiSlide { overflow:hidden; }
.carousel.slide .items, .carousel.multiSlide .items { display:flex; flex-direction:row; position:relative; }
.carousel.slide .items .item, .carousel.multiSlide .items .item { flex:none; }

/*Cycle Carousel*/
.carousel.cycle .items { overflow:hidden; display:flex; flex-direction:row; position:relative; }
.carousel.cycle .items .item { flex:none; }

/*Tags*/
div.p-tag { padding:0.75rem 2rem 0.75rem 3.5rem; margin-left:1rem; display:inline-block; mask-image: url(/assets/images/background-tag.svg); mask-repeat:no-repeat; mask-size:cover; background: white; }

/*=================================== Templates ===================================*/

section { width:100%; margin-top:6rem; display:inline-block; }
section:first-of-type { margin-top:0; }
section:last-of-type { padding-bottom:6rem; }
section ul { padding:0.75rem 2rem; }

header { width:22rem; padding:3rem 1rem 10rem 3rem; position:relative; float:left; }
header nav ul ul { padding:1rem 0 1rem 1rem; display:none; }
header nav li.active > ul { display:block; }
header nav ul li:last-child { border-bottom:none !important; }
header nav ul li:last-child > ul:last-child { padding-bottom:0; }
header nav.p-accountItems { margin-top:1rem; }
header nav.p-pageItems ul li.p-root, header nav.p-accountItems li { padding:1rem 0; }
header nav.p-pageItems ul li { padding:0.5rem 0 0 0.5rem; position:relative; }
header nav.p-pageItems ul li button { width:2rem; height:1.1rem; left:-1.5rem; top:0.9rem; position:absolute; background:url(/assets/images/icon-menu-inactive.png) no-repeat left bottom; background-size:contain; }
header nav.p-pageItems ul li.p-root > button { top:1.4rem; }
header nav.p-pageItems li.active > button, header nav.p-pageItems li button.active { background:url(/assets/images/icon-menu-active.png) no-repeat left bottom; background-size:contain; }
header button.p-account, header button.p-back { height:3rem; left:0; top:0; position:absolute; }
header button.p-account { padding-left:3.25rem; padding-right:1.25rem; }
header button.p-back { width:3rem; }
header button.p-account { background-image:url(/assets/images/icon-account.png); background-position:1rem center; background-size:1.2rem; }
header button.p-back { background-image:url(/assets/images/icon-back-green.png); background-position:center center; background-size:1.2rem; }
header .p-homeLinks { width:100%; height:4.5rem; left:0; bottom:0; position:absolute; }
header .p-homeLinks .p-home { margin:1.5rem 1rem; height:1.5rem; float:left; }
header .p-homeLinks .p-website { margin:1.5rem; height:1.5rem; float:right; }
header .p-welcome { margin:3rem 0; display:block; }

table { width:100%; text-align:left; }
table th, table td { padding-bottom:1rem; }
table th:last-child, table td:last-child { text-align:right; }

.p-rightContent { width:64rem; margin:5.5rem 8rem 0 0; float:right; }

.p-headline h1 { float:left; max-width:55%; }
.p-headline .p-search { margin-top:0.7rem; float:right; }
.p-headline .p-search button { width:2rem; height:2rem; float:left; background:url(/assets/images/icon-search-green.png) no-repeat center center; background-size:contain; }
.p-headline .p-search input { width:20rem; margin-left:2.5rem; }

.p-notification h2 { margin-bottom:1.5rem; display:block; }

.p-fileList { padding-bottom:6rem; }
/*.p-fileList .p-element:nth-child(n+4) { display:none; }
.p-fileList.active .p-element:nth-child(n+4) { display:block; }*/
.p-fileList h2 { float:left; }
.p-fileList .p-show, .p-fileList .p-hide  { float:right; }
.p-fileList .p-hide, .p-fileList.active .p-show, .p-search .p-fileList .p-hide, .p-search .p-fileList .p-show { display:none; }
.p-fileList.active .p-hide, .p-fileList .p-show { display:block; }

.p-highlights h2 { float:left; }
.p-highlights .p-navigation { float:right; margin-top:-1rem; }
.p-folders, .p-files, .p-members, .p-elements, .p-highlights, .p-highlights .items, .p-highlights .item { width:100%; display:inline-block; }
.p-element { width:28%; margin:3rem 8% 0 0; float:left; }
.p-element:nth-child(3n+3) { margin:3rem 0 0 0; }
.p-element .p-label { width:100%; height:14rem; margin-bottom:0.5rem; position:relative; overflow:hidden; }
.p-element .p-label .p-icon { width:36%; margin:2.5rem 32% 0; }
.p-element .p-label .p-preview, .p-element.p-member .p-label .p-avatar { width:100%; min-height:100%; left:0; top:0; object-fit:cover; position:absolute; z-index:50; }
.p-element .p-label h3 { width:100%; margin:4.8rem 0; text-align:center; }
.p-element .p-label .p-contextMenu { width:100%; bottom:0; position:absolute; display:none; z-index:100; }
.p-element .p-label:hover .p-contextMenu { display:block; }
.p-element .p-label .p-contextMenu button { width:50%; float:left; text-align:center; border: 0.07rem solid #fff; }
.p-element .p-label .p-contextMenu button:first-child { border-right:none; }
.p-element .p-description { height:6rem; overflow-y:hidden; }
.p-element.p-folder .p-description { height:4rem; }
.p-element.p-folder .p-description h3 { max-height:1.9rem; overflow:hidden; }
.p-element.p-folder .p-label .p-contextMenu button:hover { background:#fff; color:#f1c066; }
.p-element.p-file .p-label .p-contextMenu button:hover, .p-element.p-highlight .p-label .p-contextMenu button:hover { background:#fff; color:#a9c9ea; }
.p-element.p-file .p-description h3 { max-height:3.8rem; overflow:hidden; }
.p-element.p-member .p-label { height:17.5rem; border-radius:50%; }
.p-element.p-member .p-label span { width:100%; margin:6.4rem 0; text-align:center; }
.p-element.p-member .p-label .p-contextMenu { height:4rem; }
.p-element.p-member .p-label .p-contextMenu button { width:100%; }
.p-element.p-member .p-label .p-contextMenu button:hover { background:#fff; color:#005c5a; }
.p-element.p-member .p-description { text-align:center; }
.p-element.p-highlight { width:100%;}
.p-element.p-highlight .p-label { height:24rem;  }
.p-element.p-highlight .p-label h3 { margin:9.8rem 0; }
.p-element.p-highlight .p-label .p-tags { position:absolute; z-index:1000; top:1rem; right:1rem; }
.p-element.p-highlight .p-description { height:auto; padding:1rem 0 0 0; }
.p-element.p-highlight .p-description h3  { width:50%; float:left; }
.p-element.p-highlight .p-description h4 { width:50%; float:right; text-align:right; padding-top:0.5rem; }
.p-element.p-highlight .p-description span { width:100%; padding-top:1rem; display:inline-block; }

.p-organisation h2, .p-organisation span { margin-bottom:1rem; display:inline-block; }
.p-organisation h3 { margin-bottom:0.25rem; }
.p-organisation .p-logo { width:28%; float:left; }
.p-organisation .p-logo img { width:100%; }
.p-organisation .p-intro { width:64%; float:right; }
.p-organisation .p-intro h2 { width:70%; float:left; }
.p-organisation .p-intro button { float:right; }
.p-organisation .p-intro span, .p-organisation .p-intro h3 { width:100%; float:left; }
.p-organisation .p-details { width:100%; margin-top:1rem; float:left; }
.p-organisation .p-details .p-contact { width:36%; float:left; }
.p-organisation .p-details .p-stats { width:64%; float:left; }
.p-organisation .p-details .p-stats h2 { width:100%; float:left; }
.p-organisation .p-details .p-stats div { width:50%; float:left; }

.p-authentication { height:100vh; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.p-authentication .p-background { width:100%; height:50vh; left:0; top:0; position:absolute; }
.p-authentication .p-website { width:10rem; right:2rem; bottom:2rem; position:absolute; }
.p-authentication .p-form { width:30rem; padding:2rem 3rem 3rem; position:relative; z-index:10; }
.p-authentication .p-form h1 { padding-bottom:4rem; }
.p-authentication .p-form .p-alert, .p-register .p-notification { margin-bottom:2rem; }
.p-authentication .p-form .p-field input, .p-authentication .p-form .p-field select { width:100%; margin-bottom:2rem; background:#fff !important; }
.p-authentication .p-form .p-reset, .p-authentication .p-form .p-submit { margin-top:1rem; }
.p-authentication .p-form .p-reset { float:left; }
.p-authentication .p-form .p-reset span { display:block; }
.p-authentication .p-form .p-reset span:first-child { margin-bottom:0.5rem; }
.p-authentication .p-form .p-submit { float:right; }
.p-register .p-form { width:50rem !important; }
.p-reset .p-form .p-notification { width:100%; margin-top:3rem; float:left; }

.p-profile .p-honeypot { left:-9999px; position:absolute; }
.p-profile .p-avatar { width:17rem; height:17rem; float:left; border-radius:8.5rem; position:relative; overflow:hidden; }
.p-profile .p-avatar label { width:100%; margin-top:7.5rem; text-align:center; display:block; }
.p-profile .p-avatar input { width:100%; height:100%; left:0; top:0; position:absolute; z-index:15; opacity:0; }
.p-profile .p-avatar img { width:100%; min-width:100%; min-height:100%; left:0; top:0; position:absolute; z-index:10; }
.p-profile h2 { margin-bottom:2rem; }
.p-profile .p-personal, .p-profile .p-organisation, .p-profile .p-notification { width:64%; float:right; }
.p-profile .p-personal input.p-text { width:70%; margin-bottom:2rem; background:#fff !important; }
.p-profile .p-personal input.p-button { margin:0.5rem 0 1.5rem; }
.p-profile .p-organisation h3, .p-profile .p-organisation span { width:50%; float:left; }
.p-profile form > div { margin-bottom:2rem; }
.p-profile .p-alert { width:100%; margin:1rem 0; float:left; }

/*=================================== Texts ===================================*/

/*Default text styles*/
button { font:400 0.9rem/2.2rem "niveau-grotesk", sans-serif; }
input, select, .p-profile label { font:400 1.4rem/2.0rem "niveau-grotesk", sans-serif; }
span, h4 { font:400 1.1rem/1.4rem "niveau-grotesk", sans-serif; }
span.large { font:500 1.4rem/2.0rem "niveau-grotesk", sans-serif; }
nav { font:400 1.2rem/1.8rem "niveau-grotesk", sans-serif; }
nav ul li a.active { font:italic 500 1.2rem/1.8rem "niveau-grotesk", sans-serif; }
h1 { font:700 3vw/4vw "niveau-grotesk", sans-serif; }
h2 { font:400 2.2rem/2.8rem "niveau-grotesk", sans-serif; }
h3 { font:400 1.4rem/1.9rem "niveau-grotesk", sans-serif; }
h3.large { font:400 1.7rem/2.4rem "niveau-grotesk", sans-serif; }
th { font:400 1.5rem/2.2rem "niveau-grotesk", sans-serif; }

/*Text colors*/
.white { color:#fff; }
.green { color:#005c5a; }
.lightBlue { color:#a9caea; }
.red { color:#ff2e1d; }

/*Link styles*/
.white a:link, .white a:visited, .white a:hover, .white a:active { color:#fff; }
.green a:link, .green a:visited, .green a:hover, .green a:active { color:#005c5a; }
.white a:link, .white a:visited, .green a:link, .green a:visited, .inert a:link, .inert a:visited, .inert a:hover, .inert a:active { text-decoration:none !important; }
.white a:hover, .white a:active, .green a:hover, .green a:active { text-decoration:underline; }
.visibleLink a:link, .visibleLink a:visited { text-decoration:underline !important; }

/*=================================== Mobile Styles ===================================*/

@media all and (min-width:2000px) {
	.p-element { width:20.5%; margin:3rem 6% 0 0; }
	.p-element:nth-child(3n+3) { margin:3rem 6% 0 0; }
	.p-element:nth-child(4n+4) { margin:3rem 0 0 0; }
	.p-element .p-label { height:12rem; }
	.p-fileList .p-element:nth-child(n+4) { display:block; }
	.p-element .p-label h3 { margin:4rem 0; }

	h3 { font:400 1.2rem/1.7rem "niveau-grotesk", sans-serif; }
	h4 { font:400 0.8rem/1.4rem "niveau-grotesk", sans-serif; }
}

@media all and (max-width:600px) {}