/* TrustEE - Copyright 2018, youCMS.eu */

/* Buddy, move your body */
html {overflow-y:scroll;}
body {font-family:'Avenir Next W01', 'Lato', Arial, sans-serif;padding:0;margin:0;background-color: #f5f6f9}
* {box-sizing: border-box;}
.wrap {margin:0 auto;max-width:1200px;}
div#main-wrapper {
 background-image:linear-gradient(180deg, rgba(245,246,249,0) 0%, rgba(245,246,249,0) 80%, #f5f6f9 100%), url("/project_images/trustee/skytexture_q70.jpg"); background-color:#f5f6f9;
 background-size:100% 100%, 100% auto;
 background-position:0px 0px, center 100px;
 background-repeat:no-repeat no-repeat, no-repeat no-repeat;
 background-attachment: scroll, fixed;
 position:relative;z-index:2;
 box-shadow:0 0 2px rgba(155,155,155,0.8);
 min-height:550px;
 margin-bottom:100px;
 }
footer {z-index:1;position:fixed;bottom:0;width:100%; min-height:100px;
 background-color:#dce1e6;color:#333;padding:24px 0 74px;}
div#legal {position:absolute;bottom:0px;background:#333;text-align:right;font-size:13px;width:100%;}
div#legal a {color:#a0a0a0;display:inline-block;line-height:50px;margin:0 20px;font-weight:500;}
div#legal a:hover, div#legal a:focus, div#legal a:active, div#legal a.this {color:#b9b9b9;}

main {
 margin:0 auto;max-width:1200px;min-width:480px;background-color:rgba(255,255,255,0.02);
 padding:36px 0px;}
article section {max-width:670px;float:left;}
article aside {width:366px;float:right;margin-top:56px;}
article {clear:both;}

@media screen and (min-width: 1026px) and (max-width: 1230px) {
 article section {padding-left:16px;max-width:686px;}
}

@media screen and (min-width: 0px) and (max-width: 1026px) {
 main {padding:0;}
 article section, article aside {float:none;padding:16px;}
 article aside {max-width:670px;background-color:white;background-color:rgba(255,255,255,0.68);width:100%;margin: 16px 0px 0px 0px;}
}

/* base typography */
p, h1, h2, h3, h4 {font-weight:normal;padding:0px;margin:0px;}
p, li {font-size:16px;color:inherit;font-weight:500;}
ul, li {font-family:'Avenir Next W01', 'Lato', Arial, sans-serif;}
h1,h2 {font-family: Constantia, 'Constantia W01', 'Lucida Bright', Lucidabright, 'Lucida Serif', Lucida, 'DejaVu Serif', Georgia, serif;}
h1 {font-size:36px;}
h2 {font-size:24px;}
h3, h4 {font-family: 'Avenir Next W01', 'Lato', Arial, sans-serif;font-weight:700;}
h4 {}

hr {height:1px;border:none;color:#333;border-color:#333;background-color:#333;padding:0px;margin: 5px 0px;}

a {color:#004070;text-decoration:none;}
a:hover, a:focus, a:active {color:#0066b0;}

img {border:none;}

sup, sub {height:0;line-height:1;vertical-align:baseline;position:relative;font-size:70%;}
sup {bottom:.6ex;}
sub {top:.4ex;}

.no-display {display:none;}

.cf:before,
.cf:after {
 content: " ";
 display: table;
}
.cf:after {clear: both;}

/* tables */
table td, table th {font-size: 16px;}
table.table-trust, table.table-lightblue {
 border-collapse: collapse;
 min-width: 85%;
 background-color: #dce1e6;
 background-color: rgba(220,224,230,0.2);
 box-shadow: 0 0 2px rgba(155,155,155,0.2);
}
table.table-trust th, table.table-lightblue th {padding:12px 8px;font-weight:800;text-align: left;background-color: rgba(0,0,0,0.05);}
table.table-trust td, table.table-lightblue td {padding:8px;}

table.table-lightblue {
 background-color: rgba(176, 217, 246, 0.4);
}

table.table-trust th.table-cell-centered, table.table-lightblue th.table-cell-centered, table.table-trust td.table-cell-centered, table.table-lightblue td.table-cell-centered {text-align: center;}

/* header */
nav#topmenu {position:fixed;top:0;width:100%;background-color:#f5f6f9;overflow:hidden;z-index:1;}
nav a#home-link {font-weight:900;color:black;}
nav a#home-link span {color:#004070;}
nav a {display:inline-block;position:relative;left:-18px;padding:0px 18px;
 font-size:16px;font-weight:500;line-height:48px;outline:none;}
nav a.this {background-color:#dce1e6;color:#004070;font-weight:600;cursor:default;}
nav a.page-parent {background-color:#dce1e6;}

nav#submenu {background-color:#dce1e6;position:fixed;top:48px;width:100%;overflow:hidden;z-index:1;}
nav#submenu a {line-height:36px;}

nav div.discovery {float:right;}
nav div.discovery a {line-height: 16px;font-size: 14px;
 width: 144px;
 padding: 8px 18px;
 left: 0;
 background-color: #b0d9f6;margin-right: 3px;
}
nav div.discovery a:last-child {margin-right:0;}
/* ⌃⌄˄ ˅⌵ */
/* header transition on scroll */
nav#topmenu {transition:height 300ms;}
nav#topmenu a {transition:line-height 300ms;}
nav#submenu {transition:top 300ms;}
div#logo-line {transition: opacity 500ms 500ms;}
nav#topmenu {height:48px;}
div#main-wrapper {padding-top:48px;}
body.sub-menu-active div#main-wrapper {padding-top:84px;}

body.scrolled div#logo-line {opacity:0.01;transition:opacity 250ms;}
body.scrolled nav#topmenu {height:36px;box-shadow:0 0 2px rgba(155,155,155,0.8);}
body.sub-menu-active nav#topmenu {z-index:2;box-shadow:none;}
body.scrolled nav#topmenu a {line-height:36px;}
body.scrolled nav#submenu {top:36px;box-shadow:0 0 2px rgba(155,155,155,0.8);}
body.scrolled nav#topmenu div.discovery a {font-size: 14px;line-height: 12px;padding-top:6px;padding-bottom:6px;}
body.scrolled div.menu-button {line-height: 36px;}

/* responsive menu button and unfolded menu */
div.menu-button {display:none;
 height:48px;line-height:48px;
 margin: 0 12px;
 float:left;
 }
div.menu-button.show {display:inline;display:inline-block;}
div.menu-button:before {content: "…";font-size:11px;}
div.menu-button:after {content: "⌵";opacity:0; transition: opacity 300ms 100ms, transform 300ms 100ms;transform: rotate(-90deg);display:inline-block;}

body.unfoldedmenu div.menu-button.show {display: block;}

body.unfoldedmenu nav#topmenu {height: auto;box-shadow:0 0 2px rgba(155,155,155,0.8);}
body.unfoldedmenu nav#topmenu div.top-level a {line-height: 48px;display:block;float:none;}
body.unfoldedmenu div.menu-button.show {float:none;}
body.unfoldedmenu div.menu-button.show:after {content: "⌵"; opacity:0.9;transform:rotate(0deg);}

/* Logo line */
div#logo-line {height:64px;background:white;line-height:64px;
background-image:linear-gradient(0deg, transparent 0px, transparent 33px, #9c9c9c 34px, transparent 34px, transparent 35px);background-position:center center;background-repeat:no-repeat;overflow:hidden;}
div#trustlogo a {float:left;color:black;font-weight:900;font-size:24px;padding:0 18px;left:-18px;position:relative;background:white;display:inline-block;}
div#trustlogo a span {color:#004070;}
div#logo-line div#tagline {text-align:left;display:inline-block;font-size:14px;line-height:12px;padding:0px 18px 0 18px;background:white;top:-1px;position:relative;margin-left:24px;}

body#homepage div#logo-line {height:96px;background:white;line-height:96px;
background-image:linear-gradient(0deg, transparent 0px, transparent 47px, gray 48px, transparent 48px, transparent 49px);background-position:center center;background-repeat:no-repeat;}
body#homepage div#logo-line div#trustlogo a {font-size:36px;}

@media screen and (min-width: 0px) and (max-width: 1230px) {
 div#trustlogo a {left:0;}
 nav a {left:0;}
}

/* main typography */
main h1 {line-height:48px;margin-bottom:8px;position: relative;}
main section h1::before, main section h2::before {
 border-top: 1px solid #9c9c9c;
 content: " ";
 display: block;
 height: 0px;
 left: -80px;
 position: absolute;
 top: 24px;
 width: 64px;
 opacity:0.4;
}
main section h2::before {top:18px;left:-64px;width:48px;opacity:0.4;}
main h2, main h3, main h4, main p, main li {line-height:150%;position:relative;}
main h3, main h4, main ul, main p {margin-bottom:16px;}
main li, main li p {margin-bottom:0px;}

h4, main aside h1 {font-size:24px;border-bottom:1px solid rgba(156,156,156,0.4);font-weight:500;font-family:Constantia, 'Constantia W01', 'Lucida Bright', Lucidabright, 'Lucida Serif', Lucida, 'DejaVu Serif', Georgia, serif;padding-bottom:8px;margin-bottom:12px;line-height:140%;}
main aside p, main aside li, main aside td {font-size:15px;line-height:1.4;}
main a {text-decoration:underline;}

main img {border:11px solid white;max-width:100%;height:auto;margin-top:8px;margin-bottom:8px;background-color:white;}
img.no-border {border:0 none;background-color:transparent;}
img.image-float-left {width:50%;margin-right:16px;float:left;}
img.image-float-right {width:50%;margin-left:16px;float:right;}

/* footer */
 div#eu-flag {height:1cm;width:1.5cm;height:40px;width:60px;display:inline-block;}
 /* europe */
 .eu {
 background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4MTAiIGhlaWdodD0iNTQwIiB2aWV3Qm94PSIwIDAgODEwIDU0MCI+DQo8ZGVmcz48ZyBpZD0icyI+PGcgaWQ9ImMiPjxwYXRoIGlkPSJ0IiBkPSJNMCwwdjFoMC41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMSlyb3RhdGUoMTgpIi8+PHVzZSB4bGluazpocmVmPSIjdCIgdHJhbnNmb3JtPSJzY2FsZSgtMSwxKSIvPjwvZz48ZyBpZD0iYSI+PHVzZSB4bGluazpocmVmPSIjYyIgdHJhbnNmb3JtPSJyb3RhdGUoNzIpIi8+PHVzZSB4bGluazpocmVmPSIjYyIgdHJhbnNmb3JtPSJyb3RhdGUoMTQ0KSIvPjwvZz48dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09InNjYWxlKC0xLDEpIi8+PC9nPjwvZGVmcz4NCjxyZWN0IGZpbGw9IiMwMzkiIHdpZHRoPSI4MTAiIGhlaWdodD0iNTQwIi8+PGcgZmlsbD0iI2ZjMCIgdHJhbnNmb3JtPSJzY2FsZSgzMCl0cmFuc2xhdGUoMTMuNSw5KSI+PHVzZSB4bGluazpocmVmPSIjcyIgeT0iLTYiLz48dXNlIHhsaW5rOmhyZWY9IiNzIiB5PSI2Ii8+PGcgaWQ9ImwiPjx1c2UgeGxpbms6aHJlZj0iI3MiIHg9Ii02Ii8+PHVzZSB4bGluazpocmVmPSIjcyIgdHJhbnNmb3JtPSJyb3RhdGUoMTUwKXRyYW5zbGF0ZSgwLDYpcm90YXRlKDY2KSIvPjx1c2UgeGxpbms6aHJlZj0iI3MiIHRyYW5zZm9ybT0icm90YXRlKDEyMCl0cmFuc2xhdGUoMCw2KXJvdGF0ZSgyNCkiLz48dXNlIHhsaW5rOmhyZWY9IiNzIiB0cmFuc2Zvcm09InJvdGF0ZSg2MCl0cmFuc2xhdGUoMCw2KXJvdGF0ZSgxMikiLz48dXNlIHhsaW5rOmhyZWY9IiNzIiB0cmFuc2Zvcm09InJvdGF0ZSgzMCl0cmFuc2xhdGUoMCw2KXJvdGF0ZSg0MikiLz48L2c+PHVzZSB4bGluazpocmVmPSIjbCIgdHJhbnNmb3JtPSJzY2FsZSgtMSwxKSIvPjwvZz4NCjwvc3ZnPg==');
 width: 100%;
 height: 66.666666666667%;
 background-size: 100% 100%;
 }
 p#eu-flag-text {top:-1px;position:relative;line-height:15px;font-size:12px;padding-left:6px;color:#003399;font-weight:600;display:inline-block;text-align:left;}
 div#partner-logos-footer {height:auto;}
 div#partner-logos-footer span {}
 div#partner-logos-footer span a {position: relative;display:inline-block;}
 div#partner-logos-footer img {position:relative;top:0;left:0;opacity:0.7;transition:opacity 150ms;}
 div#partner-logos-footer a:hover img.bw, div#partner-logos-footer a:focus img.bw {opacity:0.01;transition:opacity 150ms 100ms;}
 div#partner-logos-footer img.color {position:absolute;opacity:0.01;transition:opacity 150ms 100ms;}
 div#partner-logos-footer a:hover img.color, div#partner-logos-footer a:focus img.color {opacity:0.99;transition:opacity 150ms 0ms;}
 div#partner-logos-footer span.borgogco {margin-left:17px;}