/* RESET ++ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
table {
border-collapse:collapse;
border-spacing:0;
}
input, select {
vertical-align:middle;
outline:none;
}
sup,
p sup {
/* vertical-align: super; */
font-size:14px;
/* margin-top:-10px; */
vertical-align: top;
position: relative;
top: -0.5em;
}
b {
font-weight:normal;
font-family: "TTNormsPro-Bold";
}
textarea {
outline:none;
resize:none;
}
img {max-width:100%;height:auto;}
input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
/* outline: none !important; */
}
textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
outline: none !important;
-webkit-appearance: none;
border-radius: 0;
}
:root {
--green-superlight:#99c0c7;
--green-light:#E6FBFF;
--green:#006272;
--white:#FFF;
--grey-light:#ebebeb;
--black:#000;
}
:root {
font-size:100%;
}
:root.size125 {
font-size:115%;
}
:root.size150 {
font-size:130%;
}
/* RESET -- */
/* FONTS ++ */
@font-face {
font-family:"TTNormsPro-Regular";
font-style:normal;
font-weight:400;
src:url('/assets/vendor/fonts/TTNormsPro-Regular.woff2') format('woff2');
}
@font-face {
font-family:"TTNormsPro-Bold";
font-style:normal;
font-weight:400;
src: url('/assets/vendor/fonts/TTNormsPro-Bold.woff2') format('woff2');
}
@font-face {
font-family:"TTNormsPro-ExtraBold";
font-style:normal;
font-weight:400;
src: url('/assets/vendor/fonts/TTNormsPro-ExtraBold.woff2') format('woff2');
}
/* FONTS -- */
/* OVERALL ++ */
html, body {
width:100%;
height:100%;
}
body {
overflow-y: scroll;
overflow-x: hidden;
background-color:var(--grey-light);
font-family: "TTNormsPro-Regular";
}
.global-wrapper {
height:100%;
width:100%;
box-sizing: border-box;
position:relative;
display:table;
}
.table {
display:table;
}
.table-row,
.table.row {
display:table-row;
}
.table.cell {
display:table-cell;
vertical-align:top;
}
h1 {
font-size:3.125rem;
line-height:3.75rem;
font-weight:normal;
font-family: "TTNormsPro-Bold";
font-family:"TTNormsPro-ExtraBold";
color:var(--black);
}
h2 {
font-size:1.95rem;
line-height:2.3rem;
font-weight:normal;
font-family: "TTNormsPro-Bold";
margin-top:40px;
margin-bottom:20px;
color:var(--black);
}
h3 {
font-size:1.375rem;
line-height:2rem;
font-weight:normal;
font-family: "TTNormsPro-Bold";
margin-top:20px;
margin-bottom:10px;
color:var(--black);
}
a.back {
font-size:1.125rem;
line-height:1.25rem;
font-weight:normal;
font-family: "TTNormsPro-Bold";
display:inline-table;
border-bottom:0 none !important;
background-image:url('/assets/img/icon-bullet-left.svg');
background-repeat:no-repeat;
background-position:top -1px left;
background-size:1.25rem;
padding-left:1.375rem;
color:var(--black);
}
a.scroll-top {
position:fixed;
bottom:30px;
width:30px;
height:30px;
left:50%;
margin-left:-15px;
background-image:url(/assets/img/icon-scroll.svg);
background-position:center center;
background-repeat:no-repeat;
background-size:24px;
background-color:#FFF;
display:none;
}
p.red {
color:red !important;
}
p.green {
color:green !important;
}
strong {
font-family: "TTNormsPro-Bold";
font-weight:normal;
}
@media screen and (max-width:800px) {
h1 {
font-size:2.188rem;
line-height:2.375rem;
}
h2 {
font-size:1.5rem;
line-height:2rem;
margin-top:25px;
}
}
/* social buttons ++ */
ul.socials {
list-style:none;
white-space:nowrap;
}
ul.socials li {
display:inline-block;
margin-left:10px;
}
ul.socials li a {
width:1.563rem;
height:1.563rem;
background-position:center center;
background-size:1.563rem;
background-repeat:no-repeat;
border-bottom:0 none;
}
ul.socials li a:hover {
border-bottom:0 none;
}
ul.socials li a.fb { background-image:url('/assets/img/icon-fb-black.svg'); }
ul.socials li a.tw { background-image:url('/assets/img/icon-tw-black.svg'); }
ul.socials li a.ig { background-image:url('/assets/img/icon-in-black.svg'); }
ul.socials li a.yt { background-image:url('/assets/img/icon-yt-black.svg'); }
ul.socials li a.th { background-image:url('/assets/img/icon-threads-black.svg'); }
ul.socials li a.in { background-image:url('/assets/img/icon-linkedin-black.svg'); }
body.new_museum ul.socials li a.fb { background-image:url('/assets/img/icon-fb-blue.svg'); }
body.new_museum ul.socials li a.tw { background-image:url('/assets/img/icon-tw-blue.svg'); }
body.new_museum ul.socials li a.ig { background-image:url('/assets/img/icon-in-blue.svg'); }
body.new_museum ul.socials li a.yt { background-image:url('/assets/img/icon-yt-blue.svg'); }
/* social buttons -- */
/* banner button ++ */
a.banner {
width:100%;
max-width:500px;
line-height:0;
border:0 none !important;
padding-left:100px;
text-align:left;
box-sizing:border-box;
}
a.banner div.table {
margin:0 !important;
width:100%;
position:relative;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
a.banner img {
opacity:0;
width:100%;
height:auto;
}
a.banner p {
position:absolute;
bottom:60px;
left:-100px;
margin:0;
max-width:160px;
display:table;
border-top:3px solid #000;
padding-top:5px;
}
/* banner button -- */
label.checkbox-container {
display: table;
cursor: pointer;
user-select: none;
/* padding-left: 30px; */
color: #1D2252;
line-height: 1.25rem;
font-size: 0.875rem;
margin:10px 0;
}
label.checkbox-container input[type=checkbox] {
opacity: 1;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
border: 1px solid rgba(0, 0, 0, 0.8);
width: 20px;
height: 20px;
position: relative;
margin: 0;
margin-top:-4px;
margin-right:4px;
}
label.checkbox-container input[type=checkbox]:checked:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: table;
/* background-color: #1D2252; */
background-image: url(/assets/img/icon-check.svg);
background-repeat: no-repeat;
background-position: left 3px center;
background-size: 13px;
transition-duration: 0.3s;
}
label.checkbox-container a {
color: #000;
border-bottom: 1px solid #000;
text-decoration: none;
transition-duration: 0.3s;
padding-bottom: 3px;
font-size:0.85rem;
}
label.checkbox-container input[type=checkbox]:checked {
border: 1px solid rgba(29, 34, 82, 1);
}
/* OVERALL -- */
/* HEADER ++ */
header {
display:table-row;
background-color:var(--grey-light);
}
header div.wrapper {
padding:0 80px;
}
header div.inner {
display:table;
width:100%;
padding:30px 0px 0 0px;
box-sizing:border-box;
}
header div.inline {
width:20%;
display:inline-block;
vertical-align:middle;
}
header div.inline.middle {
width:60%;
text-align:center;
}
header div.inline.right {
text-align:right;
position:relative;
}
div.gallery-layer.fullscreen a.logo,
header a.logo {
display:table;
width:100%;
max-width:8.75rem;
/* background-image:url('/assets/img/logo-black.svg'); */
background-repeat:no-repeat;
background-position:center center;
background-size:100%;
}
div.gallery-layer.fullscreen a.logo {
max-width:16.7rem;
}
body.gallery.lv div.gallery-layer.fullscreen a.logo img {
content:url('/assets/img/logo-lv-black.svg');
}
body.gallery.en div.gallery-layer.fullscreen a.logo img {
content:url('/assets/img/logo-en-black.svg');
}
header a.logo img {
/* opacity:0; */
}
header p.title {
font-family:"TTNormsPro-Bold";
font-size:1.25rem;
line-height:1.625rem;
display:none;
padding:0 20px;
text-transform:uppercase;
color:var(--black);
display:table;
margin:0 auto;
}
body.home header p.title {
display:block;
}
a.toggle-menu {
right:0px;
outline:none;
width:2.063rem;
height:1.5rem;
vertical-align:middle;
margin-left:auto;
display:none;
}
a.toggle-menu div.icon-container span.line-top, a.toggle-menu div.icon-container span.line-middle, a.toggle-menu div.icon-container span.line-bottom {
display:block;
height:0.188rem;
background-color:var(--black);
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
}
a.toggle-menu div.icon-container span.line-top {
margin-top:0.125rem;
}
a.toggle-menu div.icon-container span.line-middle, div.icon-container span.line-bottom {
margin-top:0.375rem;
}
a.toggle-menu.opened div.icon-container span.line-top {
transform: translateY(0.563rem) rotate(135deg);
}
a.toggle-menu.opened div.icon-container span.line-middle {
-webkit-transform: scale(0);
transform: scale(0);
}
a.toggle-menu.opened div.icon-container span.line-bottom {
transform: translateY(-0.563rem) rotate(-135deg);
}
header ul.menu-lang {
margin-left:auto;
display:inline-table;
margin-right:10px;
vertical-align:middle;
}
header ul.menu-lang li {
display:inline-block;
margin-left:15px;
}
header ul.menu-lang li a {
text-transform:uppercase;
font-size:1.25rem;
font-family:"TTNormsPro-Bold";
color:var(--black);
text-decoration:none;
}
header div.menu-main-container {
position:relative;
display:table;
width:100%;
box-sizing:border-box;
}
header ul.menu-main {
margin-top:40px;
padding-top:10px;
padding-bottom:10px;
display:table;
width:100%;
position:relative;
border-top:3px solid var(--black);
border-bottom:3px solid var(--black);
}
header ul.menu-main li {
display:inline-block;
margin-right:30px;
}
header ul.menu-main li ul {
display:none;
}
header ul.menu-main li a {
font-size:1.25rem;
line-height:1.875rem;
font-family: "TTNormsPro-Regular";
color:var(--black);
text-decoration:none;
}
header ul.menu-main li a.active,
header ul.menu-main li a:hover {
font-family: "TTNormsPro-Bold";
}
a.search {
position:absolute;
right:0;
top:15px;
width:1.375rem;
height:1.375rem;
display:inline-table;
vertical-align:middle;
background-image:url('/assets/img/icon-search.svg');
background-repeat:no-repeat;
background-size:1.375rem;
background-position:center center;
}
a.newsletters {
/* width:40px; */
/* height:40px; */
right:40px;
top:15px;
/* width:1.375rem; */
/* height:1.375rem; */
background-image:url('/assets/img/icon-newsletters.svg');
background-repeat:no-repeat;
background-size:1.375rem;
background-position:left center;
display:inline-table;
}
footer a.newsletters {
background-image: none;
}
section a.newsletters {
position: relative;
width:auto;
padding-left:30px;
lefT:0;
right:0;
}
header div.menu-main-container ul.menu-lang {
display:none;
}
header ul.menu-sub {
padding-top:10px;
padding-bottom:10px;
display:table;
width:100%;
border-bottom:3px solid var(--black);
}
header ul.menu-sub li {
display:inline-block;
margin-right:30px;
}
header ul.menu-sub li a {
font-size:1.25rem;
line-height:1.875rem;
font-family: "TTNormsPro-Regular";
color:var(--black);
text-decoration:none;
}
header ul.menu-sub li a.active,
header ul.menu-sub li a:hover {
font-family: "TTNormsPro-Bold";
}
@media screen and (max-width:1400px) {
header div.wrapper {
padding:0 30px;
}
}
@media screen and (max-width:800px) {
body.lv header a.logo {
content:url('/assets/img/logo-lv-black.svg');
}
body.en header a.logo {
content:url('/assets/img/logo-en-black.svg');
}
body {
overflow-x: scroll;
}
header div.wrapper {
padding:0 20px;
}
header div.inner {
padding:30px 0px 30px 0px;
}
header div.inline {
width:50%;
}
header div.inline.middle {
display:none;
}
header a.logo {
max-width:200px;
}
header ul.menu-lang {
display:none;
}
header div.menu-main-container {
display:none;
padding:0px;
}
a.toggle-menu {
display:inline-table;
margin-left:10px;
}
header ul.menu-main {
margin-top:0px;
padding-bottom:0px;
border-top:2px solid var(--black);
padding-top:0;
border-bottom:0 none;
}
header ul.menu-main li {
display:block;
margin-right:0px;
border-bottom:2px solid var(--black);
}
header ul.menu-main li a {
padding:15px 30px;
padding:15px 20px;
font-size:1.5rem;
display:block;
font-family: "TTNormsPro-Bold";
}
header ul.menu-main li a.active,
header ul.menu-main li a:hover {
background-color:var(--black);
color:var(--white);
}
header ul.menu-main li ul {
/* margin-top:-10px; */
/* padding-bottom:10px; */
}
header ul.menu-main li.active ul {
display:block;
}
header ul.menu-main li ul li {
display:block;
border-bottom:0 none;
}
header ul.menu-main li ul li:last-child {
border-bottom:0 none;
}
header ul.menu-main li ul li a {
padding:10px 60px;
font-size:1.25rem;
font-family: "TTNormsPro-Regular";
}
header a.search {
width:1.375rem;
height:1.375rem;
display:table;
position:relative;
right:0;
top:3px;
background-image:url('/assets/img/icon-search.svg');
background-repeat:no-repeat;
background-size:1.375rem;
background-position:center center;
}
header a.search:hover {
background-color:transparent !important;
}
header div.menu-main-container ul.menu-lang {
display:block;
border-bottom:2px solid var(--black);
padding:20px 20px;
}
header div.menu-main-container ul.menu-lang li {
margin-right:20px;
margin-left:0;
}
header ul.menu-sub {
display:none;
}
a.newsletters {
position: relative;
right:auto;
left:0px;
top:auto;
}
}
@media screen and (max-width:600px) {
header div.wrapper {
padding:0;
}
header div.inner {
padding:20px 20px;
}
header ul.menu-main li a {
padding:15px 20px;
}
header ul.menu-main li ul li a {
padding:10px 40px;
}
}
/* HEADER -- */
/* FOOTER ++ */
footer {
display:table-row;
background-color:var(--grey-light);
}
body.new_museum footer {
display:table;
width:100%;
}
footer div.inner {
padding:30px 80px;
display:table-cell;
}
footer div.inline {
display:inline-block;
width:70%;
}
footer div.inline.right {
width:30%;
text-align:right;
}
footer a.logo {
display:table;
width:100%;
max-width:140px;
margin-bottom:10px;
background-image:url('/assets/img/logo-black.svg');
background-repeat:no-repeat;
background-position:center center;
background-size:100%;
}
body.new_museum footer a.logo {
background-image:url('/assets/img/logo-blue.svg');
}
footer a.logo img {
opacity:0;
}
footer a,
footer p {
display:inline-block;
font-size:0.75rem;
line-height:1.125rem;
margin-right:10px;
color:var(--black);
}
body.new_museum footer p,
body.new_museum footer a {
color:#0000ff;
}
footer a {
font-family: "TTNormsPro-Bold";
color:var(--black);
text-decoration:none;
}
@media screen and (max-width:1400px) {
footer div.inner {
padding:30px;
}
}
@media screen and (max-width:800px) {
footer p.copyright {
display:block;
}
footer p.line {
display:none;
}
}
@media screen and (max-width:600px) {
footer div.inner {
padding:30px 20px;
}
footer div.inline {
display:block;
width:100%;
}
footer div.inline.right {
margin-top:20px;
}
footer a.logo {
max-width:100px;
}
footer ul.socials li {
margin-left:0;
margin-right:10px;
}
}
/* FOOTER -- */
/* GOOGLE MAP ++ */
div.map-container {
width:100%;
height:400px;
text-align:left;
overflow:hidden;
}
div.map-container div#map {
display:table;
width:100%;
height:100%;
}
div.address {
text-align:left;
}
/* GOOGLE MAP -- */
/* PAGING BLOCK ++ */
div.paging {
margin-top:60px;
text-align:center;
}
div.paging a {
display:inline-table;
vertical-align:middle;
margin:0 7px;
font-size:1.25rem;
line-height:1.75rem;
color:var(--black);
text-decoration:none;
transition-duration:0.3s;
}
div.paging a.active,
div.paging a:hover {
font-family: "TTNormsPro-Bold";
}
div.paging a.back,
div.paging a.next{
display:inline-table;
border-bottom:0 none !important;
width:1.25rem;
height:1.875rem;
background-repeat:no-repeat;
background-position:center center;
background-size:20px;
padding:0;
}
div.paging a.back {
background-image:url('/assets/img/icon-bullet-left-large.svg');
}
div.paging a.next {
background-image:url('/assets/img/icon-bullet-right-large.svg');
}
/* PAGING BLOCK -- */
/* TABLE TEAM ++ */
div.article div.team {
width:100%;
/* margin:20px 0 0 0; */
border-collapse: collapse;
display:table;
}
div.article div.team div.head {
padding:15px 0 13px 0;
border-top:3px solid #000;
border-bottom:3px solid #000;
font-size:1.25rem;
margin-top:20px;
}
div.article div.table.team p {
margin:0;
}
div.table.team div.table.cell {
width:10%;
padding:10px 40px 8px 0px;
}
div.table.team div.table.cell:first-child {
/* border:1px solid green; */
width:20%;
}
div.table.team div.table.cell:last-child {
width:20%;
}
div.table.team div.table.row.content:first-child div.table.cell {
/* border:1px solid red; */
/* padding-top:20px; */
padding-top:20px;
}
div.table.team div.table-row div.table.cell:first-child {
/* padding:10px 20px 8px 0; */
text-align:left;
width:20%;
}
div.table.team div.table.cell p {
margin-bottom:0px;
margin-top:0px;
}
@media screen and (max-width:800px) {
div.article div.table.team div.table.row div.table.cell {
/* margin:0; */
}
div.article div.table.team,
div.article div.table.team div.table {
margin:0 !important;
/* border:1px solid red; */
}
div.article div.table.team div.table:last-child {
padding-bottom:20px;
}
div.table.team div.table.row div.table.cell {
display:block;
width:100%;
box-sizing:border-box;
padding:0;
/* padding:10px 0px 10px 0px !important; */
/* padding:0px !important; */
}
div.table.team div.table.row.content:first-child div.table.cell {
padding-top:0;
}
div.table.team div.table.row.header div.table.cell:first-child {
/* padding-top:10px !important; */
/* padding-bottom:10px !important; */
}
div.table.team div.table.row.content div.table.cell:first-child {
/* padding-top:10px !important; */
}
div.table.team div.table.row.content div.table.cell:last-child {
/* padding-bottom:10px !important; */
}
div.table.team div.table.row.content div.table.cell {
border-bottom:0 none;
}
div.table.team div.table.row.content div.table.cell.left {
padding-top:10px;
}
div.table.team div.table.row.content div.table.cell:last-child {
border-bottom:3px solid #000;
padding-bottom:10px;
display:block;
}
div.table.team div.table.row div.table.cell.hide-on-mobile {
display:none;
}
div.article div.team div.head {
margin-top:0;
border-top:0 none;
}
div.article div.team div.head:first-child {
margin-top:20px;
border-top:3px solid #000;
}
}
/* TABLE TEAM -- */
/* SEARCH FORM ++ */
div.search {
padding:80px 80px;
text-align:center;
height:100%;
width:100%;
display:table;
box-sizing:border-box;
}
div.search div.width-wrapper {
display:table-cell;
vertical-align:middle;
text-align:center;
padding:0 !important;
}
div.search form {
position:relative;
display:table;
text-align:left;
margin:0 auto;
width:100%;
max-width:800px;
}
div.search form div.container {
display:table;
position:relative;
margin:0 auto;
width:100%;
}
div.search form div.container input[type=text]{
border:0 none;
background-color:transparent;
border-bottom:3px solid var(--black);
width:100%;
box-sizing:border-box;
padding-right:30px;
font-family: "TTNormsPro-Regular";
font-size:1.25rem;
line-height:1.875rem;
margin-bottom:30px;
padding-bottom:5px;
}
div.search form div.container a.search {
top:1px;
}
div.search form div.radio-button {
display:inline-table;
margin-right:20px;
cursor:pointer;
white-space:nowrap;
margin-bottom:10px;
}
div.search form div.radio-button input[type=radio] {
-webkit-appearance: none;
border:3px solid var(--black);
width:1.25rem;
height:1.25rem;
display:inline-block;
margin:0;
margin-right:8px;
vertical-align:top;
position:relative;
cursor:pointer;
}
div.search form div.radio-button input[type=radio]:checked {
background-color:var(--black);
}
div.search form div.radio-button label {
margin-top:3px;
display:inline-table;
/* font-family: "TTNormsPro-Bold"; */
cursor:pointer;
color:var(--black);
font-size:1rem;
}
div.search form div#response {
margin-top:10px;
}
div.search h1 {
margin-top:40px;
margin-bottom:30px;
}
div.search div.results-container {
display:none;
text-align:left;
}
div.search div.results-container ul#results {
list-style:none;
text-align:left;
border-top:3px solid var(--black);
}
div.search div.results-container ul#results li {
border-bottom:3px solid var(--black);
padding:30px 0;
color:var(--black);
}
div.search div.results-container ul#results li a {
font-size:1.5rem;
line-height:2.125rem;
color:var(--black);
text-decoration:none;
border-bottom:0px solid var(--black);
font-family: "TTNormsPro-Bold";
transition-duration:0.3s;
}
div.search div.results-container ul#results li a:hover {
border-bottom:2px solid transparent;
}
@media screen and (max-width:800px) {
div.search {
padding:30px 30px;
}
}
@media screen and (max-width:800px) {
div.search {
padding:30px 20px;
}
}
/* SEARCH FORM -- */
/* GALLERY LAYER ++ */
div.gallery-layer {
width:100%;
height:100%;
padding:80px 80px 40px 80px;
box-sizing:border-box;
display:none;
}
div.gallery-layer div.slides {
display:table-row;
height:100%;
width:100%;
}
div.gallery-layer div.slides ul {
display:table-cell;
width:100%;
list-style:none;
}
div.gallery-layer div.slides ul li {
display:none;
height:100%;
}
div.gallery-layer div.slides ul li div.inline {
display:inline-table;
width:30%;
height:100%;
vertical-align:top;
}
div.gallery-layer div.slides ul li div.inline.right {
width:70%;
}
div.gallery-layer div.slides ul li div.inline.right.full-width {
width:100%;
}
div.gallery-layer.fullscreen div.slides ul li div.text-content p,
div.gallery-layer div.slides ul li div.inline.left p {
max-width:400px;
font-size:1.25rem;
line-height:1.625rem;
/* margin-bottom:10px; */
color:var(--black);
}
div.gallery-layer div.slides ul li div.inline.left div.content {
margin-top:20px;
}
div.gallery-layer div.slides ul li div.inline.left div.content p {
margin-bottom:10px;
}
div.gallery-layer div.slides ul li div.inline.right div.table.row {
display:table-row;
}
div.gallery-layer div.slides ul li div.inline.right div.table.row div.table.cell {
vertical-align:middle;
text-align:center;
padding:0 120px;
}
div.gallery-layer div.slides ul li img {
max-height:80vh;
display:table-cell;
margin:0 auto;
}
div.gallery-layer div.paging {
display:table-row;
}
div.gallery-layer div.paging div.inner {
display:table-cell;
text-align:center;
width:100%;
position:relative;
padding:0 20px;
}
div.newsletters a.close,
div.gallery-layer a.close {
width:1.875rem;
height:1.875rem;
position:absolute;
right:80px;
top:40px;
background-image:url('/assets/img/icon-close.svg');
background-repeat:no-repeat;
background-position:center center;
background-size:33px;
}
div.gallery-layer a.download {
width:1.875rem;
height:1.875rem;
position:absolute;
right:125px;
top:40px;
background-image:url('/assets/img/icon-download.svg');
background-repeat:no-repeat;
background-position:center top 0.125rem;
background-size:1.438rem;
}
div.calendar a.slide,
div.gallery-layer a.slide {
width:1.25rem;
height:1.875rem;
position:absolute;
top:50%;
margin:0;
margin-top:-15px;
background-repeat:no-repeat;
background-position:center center;
background-size:1.375rem;
}
div.calendar a.slide.prev,
div.gallery-layer a.slide.prev {
left:0px;
background-image:url('/assets/img/icon-bullet-left-large.svg');
}
div.calendar a.slide.next,
div.gallery-layer a.slide.next {
background-image:url('/assets/img/icon-bullet-right-large.svg');
right:0px;
}
div.gallery-layer.fullscreen {
padding:0;
/* display:table-cell !important; */
min-height:100%;
background-color:#e9fe01;
display:none;
}
div.gallery-layer.fullscreen div.paging {
position:absolute;
bottom:30px;
width:100%;
text-align:center;
padding:0 80px;
box-sizing:border-box;
}
div.gallery-layer.fullscreen div.paging div.inner {
display:table;
width:100%;
box-sizing:border-box;
position:relative;
}
div.gallery-layer.fullscreen div.slides {
width:100%;
height:100%;
min-height:100%;
display:table;
}
div.gallery-layer.fullscreen div.slides ul li {
background-size:cover;
}
div.gallery-layer.fullscreen div.slides ul li div.text-content {
padding:40px 80px;
padding-top:30px;
box-sizing:border-box;
max-width:700px;
padding-bottom:100px;
}
@media screen and (max-width:800px) {
div.gallery-layer {
padding:30px 30px;
}
div.gallery-layer div.slides ul li div.inline {
padding:0;
}
div.gallery-layer div.slides ul li div.inline.right {
width:100%;
}
div.gallery-layer div.slides ul li div.inline.right div.table.row div.table.cell {
padding:0;
padding-top:70px;
padding-top:0px;
padding-bottom:30px;
}
div.gallery-layer div.slides ul li div.inline.left {
/* display:none; */
width:100%;
padding-right:100px;
box-sizing:border-box;
height:auto;
}
div.gallery-layer div.slides ul li img {
max-height:70vh;
}
div.gallery-layer a.close {
right:30px;
}
div.gallery-layer a.download {
right:70px;
}
div.gallery-layer.fullscreen div.paging {
padding-left:30px;
padding-right:30px;
}
div.gallery-layer.fullscreen div.slides ul li div.text-content {
padding-left:30px;
padding-right:30px;
}
}
@media screen and (max-width:600px) {
div.gallery-layer {
padding:30px 20px;
}
div.gallery-layer a.close {
right:20px;
}
div.gallery-layer a.download {
right:60px;
}
}
/* GALLERY LAYER -- */
/* COOKIES BLOCK ++ */
div.cookies {
background-color:var(--black);
padding:30px 80px;
position:fixed;
bottom:0;
width:100%;
box-sizing:border-box;
box-shadow:0 -1px 10px 0 rgb(172 171 171 / 30%);
}
div.cookies div.inline {
display:inline-block;
vertical-align:middle;
width:70%;
}
div.cookies div.inline.right {
width:30%;
text-align:right;
}
div.cookies div.inline p {
font-size:0.875rem;
line-height:1.25rem;
color:var(--white);
}
div.cookies div.inline p a {
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff;
transition-duration:0.3s;
}
div.cookies div.inline p a:hover {
border-bottom:1px solid transparent;
}
div.cookies div.inline.right a.cookies {
margin-left:10px;
margin-bottom:4px;
margin-top:4px;
padding:7px 15px;
font-size:0.813rem;
text-decoration:none;
transition-duration:0.3s;
display:inline-table;
background-color:#fff;
color:var(--black);
}
div.cookies div.inline.right a.cookies:hover {
opacity:0.8;
}
@media screen and (max-width:800px) {
div.cookies {
padding:30px 30px;
}
div.cookies div.inline {
display:block;
width:100%;
}
div.cookies div.inline.right {
width:100%;
margin-top:15px;
}
div.cookies div.inline.right {
text-align:left;
}
div.cookies div.inline.right a.cookies {
margin-bottom:10px;
margin-left:0;
margin-right:15px;
}
}
@media screen and (max-width:800px) {
div.cookies {
padding:30px 20px;
}
}
/* COOKIES BLOCK -- */
/* POPUP BLOCK ++ */
div.popup {
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
background-color:rgba(0,0,0,0.5);
z-index:2000;
display:none;
}
div.popup div.inner {
background-color:#fff;
padding:30px;
display:table;
margin:0 auto;
margin-top:100px;
margin-bottom:100px;
position:relative;
padding-top:100px;
min-width:200px;
max-width:400px;
}
div.popup div.inner a.close {
right:30px;
top:30px;
width:1.875rem;
height:1.875rem;
position:absolute;
background-image:url(/assets/img/icon-close.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:2.063rem;
}
div.popup div.inner h1 {
line-height:3.125rem;
margin-bottom:20px;
}
div.popup div.inner p {
font-size:0.875rem;
line-height:1.5rem;
margin-bottom:20px;
}
div.popup div.inner img {
width:100%:
}
/* POPUP BLOCK -- */
/* CHILD MUSEUM ++ */
form.child_museum {
width:100%;
max-width:500px;
display:table;
margin:0 auto;
margin-top:30px;
text-align:left;
}
form.child_museum p.title {
font-family: "TTNormsPro-ExtraBold";
font-size:3.125rem;
line-height:3.438rem;
/* color: #3232eb; */
margin-bottom:0 !important;
}
form.child_museum input[type="text"],
form.child_museum textarea {
display:table;
width:100%;
box-sizing:border-box;
margin:10px 0;
border:0 none;
padding:12px 12px;
font-family: "TTNormsPro-Regular";
font-size:0.87rem;
}
form.child_museum input.absolute {
position:absolute;
left:-9999px;
top:-9999px;
}
form.child_museum input[type="button"] {
padding:12px 20px;
background-color:#1f51fe;
border:0 none;
color:#fff;
font-family: "TTNormsPro-Regular";
font-size:1rem;
text-transform:uppercase;
cursor:pointer;
width:100%;
}
/* CHILD MUSEUM -- */
/* CHILD MUSEUM CALENDAR ++ */
div.calendar {
width:100%;
max-width:500px;
display:table;
padding-top:20px;
}
div.blog div.post div.table div.inline div.calendar div.inline {
/* div.calendar>div.inline { */
width:71.5%;
display:inline-table;
vertical-align:top;
box-sizing:border-box;
position:relative;
}
div.blog div.post div.table div.inline div.calendar div.inline.left,
div.blog div.post div.table div.inline div.calendar div.inline.right {
width:14.25%;
text-align:center;
}
div.calendar div.day {
width:14.25%;
display:inline-table;
vertical-align:top;
/* border:1px solid grey; */
/* margin-left:-1px; */
/* margin-top:-1px; */
padding:10px;
text-align:center;
box-sizing:border-box;
position:relative;
text-align:center;
}
div.calendar a {
position:relative;
display:table;
position:relative;
}
div.calendar a.slide {
position:relative;
}
div.calendar a.slide {
margin:0 auto;
margin-top:0;
}
div.calendar div.title {
text-transform:uppercase;
font-family: "TTNormsPro-Bold";
width:100%;
text-align:center;
}
div.calendar div.year {
margin-top:8px;
font-size:1.125rem;
}
/* CHILD MUSEUM CALENDAR -- */
.year-data.visible, .month-data.visible {
display: block;
margin-top: 0px;
margin-bottom: 20px;
}
ul.toggle-list ul.month ul.days {
margin-top: 10px;
}
ul.days {
display: block;
/* padding-right: 30px; */
width: 100%;
box-sizing: border-box;
margin-left: 0;
margin-right: 0;
width:100%;
margin-top:20px;
}
ul.toggle-list ul.month ul.days li {
/* border-left: 1px solid rgba(0, 0, 0, 0.1); */
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
border-radius: 0;
}
ul.days li.title {
background-color: rgba(230, 230, 230, 0.6);
}
ul.toggle-list li ul li {
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}
ul.toggle-list>li ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
ul.days li {
width: 14.28%;
vertical-align: top;
display: inline-table;
padding: 15px 20px;
box-sizing: border-box;
position: relative;
/* margin-left: -1px; */
/* margin-top: -1px; */
/* border: 1px solid #B0B0B0; */
font-size: 0.75rem;
line-height:1.25rem;
vertical-align:top;
height:100%;
min-height:100%;
text-align:center;
color:grey;
}
ul.days li.full-width {
width:100%;
border-color:transparent;
text-align:left;
background-color:#2e6488;
margin:10px 0;
/* padding:0; */
padding-top:5px;
padding-bottom:5px;
}
ul.days li.full-width h2 {
color:#fff;
font-size:0.938rem;
font-family: "TTNormsPro-Bold";
font-family: "TTNormsPro-Regular";
letter-spacing:0.2px;
}
ul.days li.only-desktop {
/* border:0 none; */
}
ul.toggle-list li {
/* border: 1px solid red; */
padding: 20px 20px 15px 20px;
box-sizing: Border-box;
border-radius: 6px;
}
ul.toggle-list li {
list-style: none;
}
ul.days li h2 {
color:#020202;
margin:0;
font-size:1.25rem;
color:#2e6488;
}
ul.days li.only-desktop h2 {
opacity:0.4;
color:var(--black);
}
ul.days li.active {
background-color:rgba(46, 100, 136, 0.1);
}
ul.days li.active h2 {
/* opacity:0.6; */
}
ul.days li.highlight h2 {
color:var(--black);
}
ul.days li h3 {
font-size:1rem;
line-height:1.625rem;
font-family: "TTNormsPro-Bold";
margin:0;
margin-top:5px;
margin-bottom:5px;
}
ul.days li span.count {
margin-left: 5px;
padding: 5px;
min-width: 15px;
border-radius: 3px;
width: 16px;
height: 16px;
line-height:0.938rem;
/* line-height: 20px; */
/* height: 18px; */
font-size: 0.75rem;
background-color: rgba(0, 0, 0, 0.4);
color: rgba(230, 230, 230, 1);
border-radius: 50%;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
margin-left: 20px;
margin-top: -11px;
font-family: openSansBold;
/* background-color: rgba(230, 230, 230, 0.6); */
}
ul.days li h2, ul.days li span {
display: inline-table;
vertical-align: middle;
font-weight: normal;
}
ul.days li span.weekday {
display:none;
}
div.events-layer {
position: absolute;
width: 200px;
left: 0;
z-index: 2;
background-color: rgba(250, 250, 250, 0.9);
/* display: none; */
}
div.events-layer a {
display: inline-block;
transition-duration: 0.3s;
border: 1px solid grey;
padding: 10px 20px;
margin: 0;
width: 100%;
box-sizing: border-box;
margin-top: -1px;
transition-duration: 0.3s;
color:#2e6488;
}
ul.days li div.events-layer {
display:none;
}
ul.days li.active:hover div.events-layer {
/* display:block; */
}
div.events-layer {
position:absolute;
width:200px;
left:0;
z-index:2;
background-color:rgba(250,250,250,0.9);
}
div.events-layer a {
display:inline-block;
transition-duration:0.3s;
border:1px solid grey;
padding:10px 20px;
margin:0;
width:100%;
box-sizing:border-box;
margin-top:-1px;
transition-duration:0.3s;
}
div.events-layer a {
text-decoration:none;
color:#2e6488;
transition-duration:0.3s;
}
div.events-layer a:hover {
opacity:0.8;
}
ul.days span.weekday p.mobile {
display:none;
}
div.calendar a.slide.prev {
background-image: url(/assets/img/icon-bullet-left-large-blue.svg);
}
div.gallery-layer a.slide.prev {
background-image: url(/assets/img/icon-bullet-left-large.svg);
}
div.calendar a.slide.next {
background-image: url(/assets/img/icon-bullet-right-large.svg);
}
div.gallery-layer a.slide.next {
background-image: url(/assets/img/icon-bullet-right-large.svg);
}
@media screen and (max-width:800px) {
ul.days span.weekday p.desktop {
display:none;
}
ul.days span.weekday p.mobile {
display:block;
}
}
@media screen and (max-width:500px) {
ul.days li.only-desktop {
display:none;
}
ul.days li {
/* width: 100%; */
}
div.calendar>div.inline.middle {
text-align:center;
}
ul.days span.weekday p.desktop {
display:block;
}
ul.days span.weekday p.mobile {
display:none;
}
ul.days li h2 {
font-size:1rem;
}
}
/* NEWSLETTERS ++ */
div.newsletters {
/* border-bottom:3px solid var(--black); */
padding:100px 0 12px;
margin:0 auto;
display:grid;
justify-self: center;
text-align:center;
}
div.newsletters div.inner {
max-width:620px;
margin:0 auto;
}
div.newsletters form {
display:table;
width:auto;
max-width:260px;
width:100%;
display:table;
margin:0 auto;
margin-top:20px;
text-align: left;
}
div.newsletters div.grid {
display: grid;
width:100%;
display:table;
/* gap: 5px; */
/* grid-template-columns: repeat(4, 1fr); */
}
div.newsletters div.grid div.column {
/* float:left; */
}
div.newsletters div.newsletter-status {
display:none;
}
div.newsletters div.inner {
position:relative;
width:100%;
box-sizing:border-box;
}
div.newsletters h2 {
margin-bottom:20px;
text-transform: uppercase;
font-family: "TTNormsPro-Bold";
}
div.newsletters div.content,
div.newsletters div.content p{
font-size: 1.25rem;
line-height: 1.875rem;
}
div.newsletters div.inner a.close {
position:relative;
right:0;
top:0;
display:table;
margin-left:auto;
margin-bottom:20px;
}
div.newsletters p {
display:inline-table;
/* margin-right:40px; */
font-size: 1.25rem;
line-height: 1.875rem;
font-family: "TTNormsPro-Regular";
vertical-align:middle;
color:var(--black);
margin: 5px 20px 8px 0px;
}
div.newsletters div.newsletter-status p {
font-family: "TTNormsPro-Bold";
}
div.newsletters div.newsletter-status p.h2 {
font-size: 2rem;
line-height: 2rem;
font-family: "TTNormsPro-ExtraBold";
margin-bottom:20px;
margin-top:20px;
}
div.newsletters input {
display:inline-table;
border:2px solid var(--black);
margin-right:20px;
font-family: "TTNormsPro-Regular";
font-size:0.875rem;
padding:4px 5px 3px 5px;
vertical-align:middle;
background-color:var(--white);
color:var(--black);
margin:8px 20px 8px 0px;
width:100%;
box-sizing: border-box;
}
div.newsletters input::placeholder {
color: var(--black);
opacity: 0.9; /* Firefox */
}
div.newsletters.form {
font-size:1rem;
}
div.newsletters.form a.button {
display:inline-table;
border:2px solid var(--black);
font-size:0.875rem;
line-height:0.875rem;
padding:6px 15px 5px 15px;
font-family: "TTNormsPro-Regular";
vertical-align:middle;
color:var(--black);
text-decoration:none;
transition-duration:0.3s;
margin: 8px 20px 8px 0px;
text-align:left;
width:100%;
box-sizing: border-box;
}
div.newsletters.form a.button:hover {
background-color:var(--black);
color:var(--white);
}
div.newsletters.response.layer {
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.3);
z-index:1000;
display:table-cell;
vertical-align:middle;
display:none;
box-sizing:border-box;
padding:0;
}
div.newsletters.response.layer div.inner {
background-color:var(--white);
display:table;
margin:0 auto;
border:3px solid var(--black);
margin-top:150px;
position:relative;
}
div.newsletters.response.layer div.inner img {
width:100%;
}
div.newsletters.response.layer div.inner div.content {
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
right:0;
bottom:0;
padding:30px;
box-sizing:border-box;
}
@media screen and (max-width:920px) {
div.newsletters div.grid div.column.second {
clear:left;
}
}
@media screen and (max-width:820px) {
div.newsletters {
padding:20px 0px 30px 0px;
}
}
@media screen and (max-width:620px) {
div.newsletters {
padding:20px 20px 30px 20px;
}
}
/* NEWSLETTERS -- */
/* ACCESSIBILITY ++ */
header div.accessibility {
display: inline-table;
vertical-align: middle;
/* position:relative; */
}
header div.accessibility div.icon {
background-image: url(/assets/img/icon-eye-full.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 90%;
display: inline-table;
vertical-align: middle;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
/* position: relative; */
transition-duration: 0.3s;
cursor: pointer;
/* position:static; */
}
header div.accessibility-controls {
position: absolute;
right:0px;
top:2.5rem;
z-index: 100;
background-color: #fff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 20px;
padding-top: 22px;
display: none;
text-align: left;
cursor:default;
}
header div.accessibility-controls p {
font-size: 0.75rem;
text-transform: uppercase;
color:var(--black);
font-family: "TTNormsPro-Bold";
}
header div.accessibility-controls ul {
margin: 5px 0 20px 0;
list-style: none;
white-space: nowrap;
/* border: 1px solid var(--black); */
line-height: 0;
overflow: hidden;
display: table;
width: 100%;
}
header div.accessibility-controls ul.font-size {
margin-bottom: 15px;
/* border: 1px solid var(--black); */
gap: 10px;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
header div.accessibility-controls ul.font-size li {
/* display: inline-table; */
/* width: 33.33%; */
border:3px solid var(--black);
/* margin:1%; */
}
header div.accessibility-controls ul.font-size li:first-child {
/* border-right: 1px solid var(--black); */
}
header div.accessibility-controls ul.font-size li a {
text-decoration:none;
}
header div.accessibility-controls ul.font-size li a.active {
background-color: var(--black);
color:var(--white) !important;
}
header div.accessibility-controls ul.font-size li a {
padding: 0px 0.625rem 0 0.6rem;
display: table;
line-height: 2rem;
transition-duration: 0.3s;
font-size: 0.875rem;
width: 100%;
box-sizing: border-box;
color: var(--black);
text-align: center;
}
header div.accessibility-controls a.easy-read {
text-decoration:none;
border:3px solid var(--black);
background-color:var(--white);
color:var(--black);
padding:7px 14px;
display:table;
margin-top:10px;
margin-bottom:20px;
font-family: "TTNormsPro-Bold";
}
header div.accessibility-controls a.easy-read.reset {
width:100%;
box-sizing:border-box;
text-align:center;
margin-bottom:0;
}
header div.accessibility-controls ul.contrast {
gap: 10px;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
header div.accessibility-controls ul.contrast li {
}
header div.accessibility-controls ul.contrast li a {
width: 100%;
height: 2.188rem;
display: table;
color: #919397;
background-position: center center;
background-repeat: no-repeat;
background-image: url(/assets/img/icon-eye.svg);
background-size: 1.5rem;
background-color: #FFF;
border:3px solid transparent;
box-sizing:border-box;
position:relative;
}
header div.accessibility-controls ul.contrast li a span.circle {
width:7px;
height:7px;
border-radius:50%;
position:absolute;
left:4px;
top:4px;
background-color:var(--white);
display:none;
}
header div.accessibility-controls ul.contrast li a.active span.circle {
background-color:var(--black);
display:table;
}
header div.accessibility-controls ul.contrast li a,
header div.accessibility-controls ul.contrast li a.white-black {
border:3px solid var(--black);
}
header div.accessibility-controls ul.contrast li a.white-black.active, header div.accessibility-controls ul.contrast li a.yellow-black.active {
/* background-image: url(/assets/img/icon-eye-reverse-black.svg); */
}
header div.accessibility-controls ul.contrast li a.active {
/* background-position: center top 0.688rem; */
/* background-size: 1.2rem; */
}
header div.accessibility-controls ul.contrast li a.black-white {
background-image: url(/assets/img/icon-eye-white.svg);
background-color: #000;
}
header div.accessibility-controls ul.contrast li a.yellow-black {
background-color: #F9EF6D;
}
header div.accessibility-controls ul.contrast li a.black-yellow {
background-color: #000;
background-image: url(/assets/img/icon-eye-yellow.svg);
}
header div.accessibility-controls ul.contrast li a.black-white.active {
/* background-image: url(/assets/img/icon-eye-white.svg); */
}
header div.accessibility-controls ul.contrast li a.white-black.active, header div.accessibility-controls ul.contrast li a.yellow-black.active {
/* background-image: url(/assets/img/icon-eye.svg); */
}
header div.accessibility-controls ul.contrast li a.black-yellow.active {
/* background-image: url(/assets/img/icon-eye-yellow.svg); */
}
/* ACCESSIBILITY ++ */
/* SECTION ++ */
section {
display:table-row;
}
body.home section {
height:1em;
}
section div.inner {
display:table-cell;
height:100%;
width:100%;
}
section div.inner div.width-wrapper {
padding:0 80px;
box-sizing:border-box;
}
@media screen and (max-width:1400px) {
section div.inner div.width-wrapper {
padding:0 30px;
}
}
@media screen and (max-width:600px) {
section div.inner div.width-wrapper {
padding:0 20px;
}
}
/* SECTION -- */
/* CONTRAST 2 ++ */
:root.contrast-2 {
--grey-light:#000;
--black:#fff;
--white:#000;
}
.contrast-2 body {
}
.contrast-2 header a.logo img{
content: url(/assets/img/logo-white.svg);
}
.contrast-2 a.search {
background-image: url(/assets/img/icon-search-white.svg);
}
.contrast-2 footer a.logo {
background-image: url(/assets/img/logo-white.svg);
}
.contrast-2 a.back {
background-image: url(/assets/img/icon-bullet-left-white.svg);
}
.contrast-2 div.blog div.toggle-archive {
background-color:var(--white);
color:var(--black);
border:1px solid var(--black);
width:100%;
box-sizing:border-box;
position:relative;
}
.contrast-2 div.cookies {
background-color:var(--white);
border-top:1px solid var(--black);
}
.contrast-2 div.cookies div.inline.right a.cookies {
background-color:var(--white);
border:1px solid var(--black);
}
.contrast-2 div.article.museum {
background-color:var(--white);
}
.contrast-2 div.shortcuts a {
background-color: var(--white);
border: 3px solid var(--black);
}
.contrast-2 div.shortcuts a:hover {
color:var(--black);
opacity:0.7;
border-color:var(--black);
}
.contrast-2 ul.socials li a.fb { background-image:url('/assets/img/icon-fb-white.svg'); }
.contrast-2 ul.socials li a.tw { background-image:url('/assets/img/icon-tw-white.svg'); }
.contrast-2 ul.socials li a.ig { background-image:url('/assets/img/icon-in-white.svg'); }
.contrast-2 ul.socials li a.yt { background-image:url('/assets/img/icon-yt-white.svg'); }
.contrast-2 ul.socials li a.th { background-image:url('/assets/img/icon-threads-white.svg'); }
.contrast-2 ul.socials li a.in { background-image:url('/assets/img/icon-linkedin-white.svg'); }
.contrast-2 div.slideshow-buttons a {
background-color:var(--white);
border:1px solid var(--black);
}
.contrast-2 div.slideshow-buttons a:hover,
.contrast-2 div.slideshow-buttons a.active {
background-color:var(--black);
}
.contrast-2 header div.accessibility div.icon {
background-image: url(/assets/img/icon-eye-full-white.svg);
}
.contrast-2 div.calendar a.slide.prev, .contrast-2 div.gallery-layer a.slide.prev {
background-image: url(/assets/img/icon-bullet-left-large-white.svg);
}
.contrast-2 div.calendar a.slide.next, .contrast-2 div.gallery-layer a.slide.next {
background-image: url(/assets/img/icon-bullet-right-large-white.svg);
}
.contrast-2 div.gallery-layer a.download {
background-image: url(/assets/img/icon-download-white.svg);
}
.contrast-2 div.newsletters a.close,
.contrast-2 div.gallery-layer a.close {
background-image: url(/assets/img/icon-close-white.svg);
}
.contrast-2 div.newsletters.response.layer div.inner div.content,
.contrast-2 header div.accessibility-controls {
background-color: var(--white);
border: 1px solid var(--black);
}
.contrast-2 header div.accessibility-controls ul {
/* border: 1px solid var(--black); */
}
.contrast-2 label.checkbox-container a,
.contrast-2 label.checkbox-container,
.contrast-2 header div.accessibility-controls ul.font-size li a{
color: var(--black);
}
.contrast-2 label.checkbox-container input[type=checkbox]:checked:after {
background-image: url(/assets/img/icon-check-white.svg);
}
.contrast-2 label.checkbox-container input[type=checkbox] {
border-color:rgba(255,255,255,0.7);
}
.contrast-2 header div.accessibility-controls ul.font-size li a.active {
color:var(--white);
}
.contrast-2 div.cookies div.inline p {
color:var(--black);
}
.contrast-2 div.gallery-layer.fullscreen {
background-color:var(--white) !important;
}
.contrast-2 body.gallery.lv div.gallery-layer.fullscreen a.logo img {
content: url(/assets/img/logo-lv-white.svg);
}
.contrast-2 body.gallery.en div.gallery-layer.fullscreen a.logo img {
content: url(/assets/img/logo-en-white.svg);
}
.contrast-2 div.gallery-layer.fullscreen a.logo img {
content: url(/assets/img/logo-white.svg);
}
.contrast-2 a.scroll-top {
background-image: url(/assets/img/icon-scroll-white.svg);
background-color:var(--white);
border:2px solid var(--black);
}
@media screen and (max-width:800px) {
.contrast-2 body.lv header a.logo {
content:url('/assets/img/logo-lv-white.svg');
}
.contrast-2 body.en header a.logo {
content:url('/assets/img/logo-en-white.svg');
}
}
.contrast-2 a.newsletters {
background-image: url(/assets/img/icon-newsletters-white.svg);
}
/* CONTRAST 2 -- */
/* CONTRAST 3 ++ */
:root.contrast-3 {
--grey-light:#000;
--black:#000;
--white:#f9f150;
}
.contrast-3 body {
background-color:var(--white);
}
.contrast-3 header {
background-color:var(--white);
}
.contrast-3 footer {
background-color:var(--white);
}
.contrast-3 div.blog div.toggle-archive a.toggle-archive {
color:var(--black);
background-image: url(/assets/img/icon-open-black.svg);
}
.contrast-3 div.blog div.toggle-archive a.toggle-archive.open {
background-image: url(/assets/img/icon-close.svg);
}
.contrast-3 div.blog div.toggle-archive {
background-color:var(--white);
color:var(--black);
border:1px solid var(--black);
width:100%;
box-sizing:border-box;
position:relative;
}
.contrast-3 div.cookies {
background-color:var(--white);
border-top:1px solid var(--black);
}
.contrast-3 div.cookies div.inline.right a.cookies {
background-color:var(--white);
border:1px solid var(--black);
}
.contrast-3 div.article.museum {
background-color:var(--white);
}
.contrast-3 div.shortcuts a {
background-color: var(--white);
border: 3px solid var(--black);
color:var(--black);
}
.contrast-3 div.shortcuts a:hover {
color:var(--black);
opacity:0.7;
border-color:var(--black);
}
.contrast-3 div.slideshow-buttons a {
background-color:var(--white);
border:1px solid var(--black);
}
.contrast-3 div.slideshow-buttons a:hover,
.contrast-3 div.slideshow-buttons a.active {
background-color:var(--black);
}
.contrast-3 div.calendar a.slide.prev, .contrast-3 div.gallery-layer a.slide.prev {
background-image: url(/assets/img/icon-bullet-left-large-black.svg);
}
.contrast-3 div.calendar a.slide.next, .contrast-3 div.gallery-layer a.slide.next {
background-image: url(/assets/img/icon-bullet-right-large-black.svg);
}
.contrast-3 header div.accessibility-controls {
background-color: var(--white);
border: 1px solid var(--black);
}
.contrast-3 div.cookies div.inline p,
.contrast-3 div.cookies div.inline a {
color:var(--black);
}
.contrast-3 div.cookies div.inline a {
border-color:var(--black);
}
.contrast-3 div.gallery-layer.fullscreen {
background-color:var(--white) !important;
}
.contrast-3 a.scroll-top {
background-color:var(--white);
border:2px solid var(--black);
}
.contrast-3 div.newsletters.response.layer div.inner {
background-color:var(--white);
}
/* CONTRAST 3 -- */
/* CONTRAST 4 ++ */
:root.contrast-4 {
--grey-light:#000;
--black:#f9f150;
--white:#000;
}
.contrast-4 body {
background-color:var(--white);
}
.contrast-4 header {
background-color:var(--white);
}
.contrast-4 footer {
background-color:var(--white);
}
.contrast-4 header a.logo img {
content: url(/assets/img/logo-yellow.svg);
}
.contrast-4 a.search {
background-image: url(/assets/img/icon-search-yellow.svg);
}
.contrast-4 footer a.logo {
background-image: url(/assets/img/logo-yellow.svg);
}
.contrast-4 a.back {
background-image: url(/assets/img/icon-bullet-left-yellow.svg);
}
.contrast-4 div.blog div.toggle-archive a.toggle-archive {
color:var(--black);
background-image: url(/assets/img/icon-open-yellow.svg);
}
.contrast-4 div.blog div.toggle-archive a.toggle-archive.open {
background-image: url(/assets/img/icon-close-yellow.svg);
}
.contrast-4 div.blog div.toggle-archive {
background-color:var(--white);
color:var(--black);
border:1px solid var(--black);
width:100%;
box-sizing:border-box;
position:relative;
}
.contrast-4 div.cookies {
background-color:var(--white);
border-top:1px solid var(--black);
}
.contrast-4 div.cookies div.inline.right a.cookies {
background-color:var(--white);
border:1px solid var(--black);
}
.contrast-4 div.article.museum {
background-color:var(--white);
}
.contrast-4 div.shortcuts a {
background-color: var(--white);
border: 3px solid var(--black);
color:var(--black);
}
.contrast-4 div.shortcuts a:hover {
color:var(--black);
opacity:0.7;
border-color:var(--black);
}
.contrast-4 ul.socials li a.fb { background-image:url('/assets/img/icon-fb-yellow.svg'); }
.contrast-4 ul.socials li a.tw { background-image:url('/assets/img/icon-tw-yellow.svg'); }
.contrast-4 ul.socials li a.ig { background-image:url('/assets/img/icon-in-yellow.svg'); }
.contrast-4 ul.socials li a.yt { background-image:url('/assets/img/icon-yt-yellow.svg'); }
.contrast-4 ul.socials li a.th { background-image:url('/assets/img/icon-threads-yellow.svg'); }
.contrast-4 ul.socials li a.in { background-image:url('/assets/img/icon-linkedin-yellow.svg'); }
.contrast-4 div.slideshow-buttons a {
background-color:var(--white);
border:1px solid var(--black);
}
.contrast-4 div.slideshow-buttons a:hover,
.contrast-4 div.slideshow-buttons a.active {
background-color:var(--black);
}
.contrast-4 header div.accessibility div.icon {
background-image: url(/assets/img/icon-eye-full-yellow.svg);
}
.contrast-4 div.calendar a.slide.prev, .contrast-4 div.gallery-layer a.slide.prev {
background-image: url(/assets/img/icon-bullet-left-large-yellow.svg);
}
.contrast-4 div.calendar a.slide.next, .contrast-4 div.gallery-layer a.slide.next {
background-image: url(/assets/img/icon-bullet-right-large-yellow.svg);
}
.contrast-4 div.gallery-layer a.download {
background-image: url(/assets/img/icon-download-yellow.svg);
}
.contrast-4 div.newsletters a.close,
.contrast-4 div.gallery-layer a.close {
background-image: url(/assets/img/icon-close-yellow.svg);
}
.contrast-4 header div.accessibility-controls {
background-color: var(--white);
border: 1px solid var(--black);
}
.contrast-4 div.cookies div.inline p,
.contrast-4 div.cookies div.inline a {
color:var(--black);
}
.contrast-4 div.cookies div.inline a {
border-color:var(--black);
}
.contrast-4 div.gallery-layer.fullscreen {
background-color:var(--white) !important;
}
.contrast-4 div.gallery-layer.fullscreen a.logo img {
content: url(/assets/img/logo-yellow.svg);
}
.contrast-4 body.gallery.lv div.gallery-layer.fullscreen a.logo img {
content: url(/assets/img/logo-lv-yellow.svg);
}
.contrast-4 body.gallery.en div.gallery-layer.fullscreen a.logo img {
content: url(/assets/img/logo-en-yellow.svg);
}
.contrast-4 a.scroll-top {
background-image: url(/assets/img/icon-scroll-yellow.svg);
background-color:var(--white);
border:2px solid var(--black);
}
@media screen and (max-width:800px) {
.contrast-4 body.lv header a.logo {
content:url('/assets/img/logo-lv-yellow.svg');
}
.contrast-4 body.en header a.logo {
content:url('/assets/img/logo-en-yellow.svg');
}
}
.contrast-4 a.newsletters {
background-image: url(/assets/img/icon-newsletters-yellow.svg);
}
.contrast-4 label.checkbox-container a,
.contrast-4 label.checkbox-container,
.contrast-4 header div.accessibility-controls ul.font-size li a{
color: var(--black);
}
.contrast-4 label.checkbox-container input[type=checkbox]:checked:after {
background-image: url(/assets/img/icon-check-yellow.svg);
}
.contrast-4 label.checkbox-container a,
.contrast-4 label.checkbox-container input[type=checkbox] {
border-color:rgba(249, 241, 80, 0.7);
}
/* CONTRAST 4 -- */
/* ARTICLE ++ */
div.article {
margin-top:60px;
margin-bottom:30px;
}
div.article div.inline {
display:inline-block;
vertical-align:top;
width:70%;
box-sizing:border-box;
}
div.article div.inline.right {
width:30%;
}
div.article div.inline.right.center {
text-align:center;
}
div.article div.inline.left {
padding-right:80px;
}
div.article div.description p.title {
font-size: 1.25rem;
font-family: "TTNormsPro-Bold";
margin-bottom:17px;
}
div.article div.inline.left div.content-wrapper {
width:100%;
max-width:1000px;
}
div.article div.inline.left img,
div.article div.inline.right img {
width:auto;
max-height:90vh;
}
div.article div.inline.right div.image-container {
/* border:1px solid red; */
/* display:table; */
/* float: left; */
/* overflow: hidden; */
}
div.article div.inline.right div.image-container p {
/* display:none; */
/* max-width:300px; */
}
div.article div.inline.right img {
/* width:auto; */
/* max-height:700px; */
width:100%;
}
div.article a.back {
margin-bottom:30px;
}
div.article div.line {
width:100%;
height:1px;
border-bottom:3px solid #000;
display:table;
margin:20px 0;
}
div.article p {
font-size:1.25rem;
line-height:1.875rem;
/* margin:20px 0; */
margin-bottom:20px;
color:var(--black);
}
div.article p b {
font-family: "TTNormsPro-Bold";
}
div.blog div.post div.inline div.description p,
div.article div.description p{
font-size:0.875rem;
line-height:1.25rem;
margin:10px 0;
}
div.blog div.post div.inline div.description p:first-child,
div.article div.description p:first-child{
margin-top:20px;
}
div.article div.summary {
font-family: "TTNormsPro-Bold";
}
div.article figure {
margin:40px 0 40px 0;
}
div.article figure img {
width:100%;
}
div.article figure figcaption {
font-size:1rem;
line-height:1.25rem;
margin-top:15px;
color:var(--black);
font-family: "TTNormsPro-Bold";
}
div.article ul,
div.article ol {
margin:20px 0;
margin-left:40px;
}
div.article ul li,
div.article ol li{
font-size:1.25rem;
line-height:1.875rem;
}
body.cookies div.article ol {
counter-reset: section;
list-style-type: none;
}
body.cookies div.article ol li:before {
counter-increment: section;
content: counters(section, ".") ".";
margin-right:5px;
}
body.cookies div.article ol li h3 {
display:inline-block;
}
div.article div.slogan {
margin-top:15px;
}
div.article div.slogan p {
font-size:2rem;
line-height:2rem;
margin-bottom:0;
margin-top:10px;
font-family: "TTNormsPro-Bold";
}
div.article p.date {
margin-top:30px;
margin-bottom:40px;
font-size:1.75rem;
border-top:3px solid var(--black);
border-bottom:3px solid var(--black);
padding:10px 0;
}
div.article a {
font-family: "TTNormsPro-Bold";
color:var(--black);
text-decoration:none;
transition-duration:0.3s;
display:inline-table;
text-align:left;
/* border-bottom:1px solid transparent; */
}
div.article a.gallery.button {
margin-bottom:30px;
/* border:1px solid red; */
/* border-bottom:3px solid #000; */
}
div.article a.gallery.button p {
margin-bottom:10px;
}
div.article a:hover,
div.article a.gallery.button:hover {
text-decoration:underline;
}
div.article ul {
margin-left:30px;
margin-top:15px;
margin-bottom:15px;
}
div.article ul li {
font-size:1.25rem;
line-height:1.625rem;
margin:5px 0;
color:var(--black);
}
div.article div.author {
max-width:400px;
margin-top:50px;
}
div.article div.author img {
width:100%;
max-width:225px;
margin-bottom:5px;
}
div.article div.author p {
margin-top:0;
margin-bottom:0px;
}
div.article div.author p.role {
margin-bottom:20px;
}
div.article p.socials {
margin-bottom:0;
display:inline-block;
}
div.article ul.socials {
display:inline-block;
vertical-align:middle;
margin-left:10px;
}
div.article ul.socials li {
margin-right:10px;
}
/* content tables ++ */
div.article table {
margin:20px 0 40px 0;
display:table;
}
div.article table td,
div.article table th {
font-size:1.25rem;
line-height:1.875rem;
padding:10px;
border-bottom:3px solid var(--black);
text-align:left;
vertical-align:bottom;
color:var(--black);
}
table.bt thead,
table.bt tbody th {
display: none;
}
table.bt tr {
border-bottom:3px solid #000;
}
table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
border: none;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
vertical-align: top;
/* IE 9 */
float: left\9;
width: 100%\9;
/* border-bottom:3px solid #000; */
}
table.bt tfoot th:first-child,
table.bt tfoot td:first-child,
table.bt tbody td:first-child {
padding-top:20px;
padding-bottom:0;
}
table.bt tfoot th:last-child,
table.bt tfoot td:last-child,
table.bt tbody td:last-child {
padding-bottom:20px;
}
table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
content: attr(data-th) ": ";
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
font-family: "TTNormsPro-Bold";
width: 6.5em;
}
table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
display: none;
}
table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
vertical-align: top;
}
.bt-wrapper.active {
max-height: 310px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
display: none;
}
/* content tables -- */
/* images gallery ++ */
div.article div.images {
}
div.article div.images div.inline {
display:inline-block;
box-sizing:border-box;
}
div.article div.images div.inline.width22 {
width:22.33%;
}
div.article div.images div.inline.width33 {
width:33.33%;
}
div.article div.images div.inline.width44 {
width:44.66%;
}
div.article div.images div.inline.width66 {
width:66.66%;
padding-right:40px;
}
div.article div.images div.inline.width66.offset {
margin-top:-30%;
}
div.article div.images div.inline>a {
border-bottom:0 none;
margin-bottom:20px;
display:table;
}
div.article div.images div.inline div.parameters {
display:block;
width:100%;
position:relative;
margin-bottom:80px;
}
div.article div.images div.inline div.parameters p {
font-size:16px;
line-height:22px;
max-width:500px;
margin:0;
}
div.article div.images div.inline div.parameters a {
width:30px;
height:30px;
display:block;
position:absolute;
top:50%;
right:0;
margin-top:-15px;
background-image:url('/assets/img/icon-download.svg');
background-repeat:no-repeat;
background-position:center center;
border-bottom:0 none;
}
/* images gallery -- */
@media screen and (max-width:1400px) {
}
@media screen and (max-width:1200px) {
div.article div.inline {
width:60%;
}
div.article div.inline.right {
width:40%;
}
}
@media screen and (max-width:1000px) {
div.article div.inline {
width:100%;
}
div.article div.inline.right {
width:100%;
margin-top:40px;
}
div.article div.images div.inline.hide-on-mobile {
display:none;
}
div.article div.images div.inline {
width:100% !important;
}
div.article div.images div.inline.width66 {
padding-right:0px;
}
div.article div.images div.inline.width66.offset {
margin-top:0%;
}
}
@media screen and (max-width:800px) {
div.article {
margin-top:20px;
margin-bottom:20px;
}
div.article a.back {
margin-bottom:20px;
}
div.article div.inline {
display:block;
width:100%;
}
div.article div.inline.left {
padding-right:0px;
}
div.article div.table {
margin:20px 0;
}
div.article div.table.col-2 div.table.row div.table.cell,
div.article div.table.col-3 div.table.row div.table.cell {
padding:10px 0;
margin:0 0;
width:100%;
display:block;
}
div.article div.table div.table.row.heading {
display:none;
}
div.article div.table div.table.row div.table.cell p.heading {
display:block;
}
}
/* ARTICLE -- */
/* ARTICLE MUSEUM ++ */
header span.line {
width:100%;
height:0px;
border-bottom:3px solid var(--black);
position:absolute;
display:none;
}
body.museum header ul.menu-sub {
border-bottom:0 none;
}
body.museum header span.line {
display:table;
}
@media screen and (max-width:800px) {
body.museum header span.line {
display:none;
}
}
div.fixed-image {
height:500px;
overflow:hidden;
position:relative;
}
div.fixed-image div.inner {
position:absolute;
width:100%;
height:100vh;
position:fixed;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
z-index:-1;
top:0;
}
div.article.museum {
background-color:#ebebeb;
padding-top:80px;
margin-top:0;
margin-bottom:0;
}
div.article.museum div.inner {
display:table;
}
@media screen and (max-width:800px) {
div.fixed-image {
height:250px;
}
div.article.museum {
padding-top:30px;
}
}
/* ARTICLE MUSEUM -- */
/* ARTICLE DOCUMENTS ++ */
body.documents h1 {
margin-bottom:20px;
}
div.article div.table.full-width {
border-top:3px solid #000;
border-bottom:3px solid #000;
display:table;
width:100%;
text-transform: uppercase;
}
div.article div.table.documents {
/* margin-bottom:20px; */
width:100%;
/* border-bottom:3px solid #000; */
padding:10px 0 10px 0;
margin:0 !important;
}
div.article div.table.documents div.table.row {
}
div.article div.table.documents div.table.row div.table.cell {
padding:10px 0 8px 0;
box-sizing:border-box;
/* border-bottom:3px solid #000; */
}
div.article div.table.documents div.table.row div.table.cell.right {
width:60%;
}
div.article div.table.documents div.table.row div.table.cell.left {
width:40%;
padding-right:80px;
}
div.article div.table.documents div.table.row div.table.cell.left p {
font-size:1.25rem;
line-height:1.625rem;
margin-top:0px;
margin-bottom:0px;
}
div.article div.table.documents div.table.row div.table.cell.left p.title {
font-family:"TTNormsPro-Bold";
font-family: "TTNormsPro-Regular";
margin-top:0px;
margin-bottom:0px;
}
div.article div.table.documents div.table.row div.table.cell a {
font-family:"TTNormsPro-Bold";
font-size:1.25rem;
line-height:1.875rem;
}
@media screen and (max-width:800px) {
div.article div.table.documents div.table.row div.table.cell {
padding:0px 0;
display:table;
width:100%;
/* border:1px solid red; */
margin:0;
}
div.article div.table.documents div.table.row div.table.cell.left,
div.article div.table.documents div.table.row div.table.cell.right {
width:100%;
padding-right:0px;
padding-top:15px;
border-bottom:0 none;
}
div.article div.table.documents div.table.row div.table.cell.right {
/* padding-bottom:15px; */
padding-top:0;
/* border-bottom:3px solid #000; */
}
div.article div.table.documents div.table.row div.table.cell p {
margin:0;
}
div.article div.table.row {
margin:0;
}
div.article div.table.documents {
padding:0;
padding-bottom:20px;
}
}
/* ARTICLE DOCUMENTS -- */
/* BLOG LIST ++ */
div.blog {
margin:20px 0;
}
div.blog.child {
/* border-top:3px solid #000; */
}
div.blog div.post {
border-bottom:3px solid var(--black);
padding:40px 0;
display:table;
width:100%;
margin:0;
}
div.blog.list div.post:last-child {
border-bottom:0 none;
}
div.blog.list.archive {
/* margin-top:-20px; */
}
div.blog.list.archive div.blog {
display:none;
}
div.blog.list.archive.open div.blog {
display:block;
}
div.blog.list.archive div.post:last-child {
border-bottom:3px solid #000;
}
div.blog div.post>a {
text-decoration:none;
display:table;
width:100%;
}
div.blog div.post div.inline {
width:70%;
display:table-cell;
vertical-align:top;
box-sizing:border-box;
height:1em;
}
div.blog div.post div.inline.right {
width:30%;
}
@-moz-document url-prefix() {
div.blog div.post div.inline {
height:100%;
}
}
div.blog div.post->div.inline.left {
padding-right:80px;
}
div.blog div.post div.toggle {
color:var(--black);
text-decoration:none;
display:table;
width:100%;
}
div.blog div.post div.toggle div.table {
width:100%;
}
div.blog div.post div.toggle div.hidden {
/* padding-top:10px; */
display:none;
margin-top:-20px;
}
div.blog div.post div.toggle.visible div.hidden {
display:table;
}
div.blog div.post div.inline div.table {
width:100%;
height:100%;
}
div.blog div.post div.inline h1,
div.blog div.post div.inline h2,
div.blog div.post div.inline h3 {
max-width:1000px;
}
div.blog div.post div.inline p {
max-width:1000px;
margin-top:20px;
margin-bottom:20px;
color:var(--black);
font-size:1.25rem;
line-height:1.875rem;
}
div.blog div.post div.inline a {
color:var(--black);
text-decoration:none;
/* border-bottom:2px solid #000; */
font-family: "TTNormsPro-Bold";
transition-duration:0.3s;
display:inline-table;
}
div.blog div.post div.inline a:hover {
border-bottom:2px solid transparent;
}
div.blog div.post div.inline p.title {
font-family: "TTNormsPro-Bold";
font-family:"TTNormsPro-ExtraBold";
font-size:3.125rem;
line-height:3.438rem;
cursor:pointer;
}
div.blog div.post div.inline div.slogan {
}
div.blog div.post div.inline div.slogan p {
font-family: "TTNormsPro-Bold";
font-size:2rem;
line-height:2.25rem;
}
div.blog div.post div.inline p.date {
margin-top:20px;
font-size:1.75rem;
font-family: "TTNormsPro-Regular";
margin-bottom:0;
}
div.blog div.post div.inline.right {
}
div.blog div.post div.inline.right img {
max-height:600px;
}
div.blog div.toggle-archive {
background-color:var(--black);
color:#fff;
width:100%;
box-sizing:border-box;
position:relative;
}
div.blog div.toggle-archive a.toggle-archive {
padding:15px 15px;
width:100%;
height:14px;
background-image:url('/assets/img/icon-open.svg');
background-position:right 15px center;
background-repeat:no-repeat;
background-size:20px;
display:table;
color:#fff;
box-sizing:border-box;
text-decoration:none;
text-transform:uppercase;
font-family: "TTNormsPro-Bold";
}
div.blog div.toggle-archive a.toggle-archive.open {
background-image:url('/assets/img/icon-close-white.svg');
}
@media screen and (max-width:800px) {
div.blog {
margin:0 0 30px 0;
}
div.blog div.post div.inline,
div.blog div.post div.inline.left,
div.blog div.post div.inline.right {
display:block;
width:100%;
height:auto;
}
div.blog div.post div.inline.right {
margin-top:20px;
}
div.blog div.post div.inline.left {
padding-right:0px;
}
div.blog div.post div.table.hidden div.inline.right {
margin-top:20px;
}
div.blog div.post div.inline p.title {
font-size:2.188rem;
line-height:2.375rem;
}
div.article div.slogan p {
font-size:1.5rem;
line-height:1.625rem;
}
div.blog div.post div.inline div.slogan p {
font-size:1.5rem;
line-height:1.625rem;
}
div.blog div.post div.inline p.date {
font-size:1.5rem;
margin-top:0;
}
div.blog div.post {
padding:30px 0;
}
}
/* BLOG LIST -- */
/* HOME PAGE ++ */
div.table.home {
width:100%;
height:100%;
}
div.table.home div.table.row.bottom div.table.cell {
height:100%;
}
/* blog articles ++ */
div.slideshow-container {
display:table-cell;
width:100%;
height:auto;
}
div.slideshow.home {
margin-top:45px;
position:relative;
width:100%;
height:100%;
position:relative;
/* display:table; */
min-height:400px;
overflow:hidden;
}
div.slideshow.home ul {
list-style:none;
/* display:table-cell; */
box-sizing:border-box;
position:absolute;
left:0px;
top:0;
right:0;
bottom:0;
width:100%;
white-space:nowrap;
left:0px;
height:auto;
}
div.slideshow.home ul li {
width:100%;
display:inline-table;
vertical-align:top;
white-space:normal;
box-sizing:border-box;
height:auto;
}
div.slideshow.home ul li a {
text-decoration:none;
color:var(--black);
width:100%;
display:table;
min-height:400px;
height:auto;
height:100%;
}
div.slideshow.home ul li div.table.row {
/* height:100%; */
}
div.slideshow.home ul li div.table.cell {
width:50%;
vertical-align:top;
box-sizing:border-box;
background-color:var(--white);
height:100%;
}
div.slideshow.home ul li div.table.cell.left {
padding:60px 60px 50px 40px;
}
div.slideshow.home ul li div.table.cell.right {
background-size:cover;
background-position:center center;
}
div.slideshow.home ul li div.table.cell.right img {
width:100%;
}
div.slideshow.home ul li div.table.cell div.container {
height:100%;
display:table;
width:100%;
}
div.slideshow.home ul li div.table.cell div.container div.row {
display:table-row;
}
div.slideshow.home ul li div.table.cell div.container div.cell {
display:table-cell;
}
div.slideshow.home ul li div.table.cell div.container div.cell.top {
height:100%;
}
div.slideshow.home ul li div.table.cell div.table div.table.row {
height:100%;
}
div.slideshow.home ul li div.table.cell div.table div.table.cell {
height:100%;
}
div.slideshow.home ul li div.table.cell.right img {
opacity:0;
}
div.slideshow.home ul li div.table.cell.left p {
max-width:700px;
}
div.slideshow.home ul li div.table.cell.left p.title {
font-family:"TTNormsPro-Bold";
font-family:"TTNormsPro-ExtraBold";
font-size: 3.125rem;
line-height:3.438rem;
}
div.slideshow.home ul li div.table.cell.left div.slogan {
margin-top:15px;
font-family:"TTNormsPro-Bold";
font-size:2rem;
line-height:2rem;
}
div.slideshow.home ul li div.table.cell.left div.slogan p {
font-family:"TTNormsPro-Bold";
font-size:32px;
line-height:32px;
}
div.slideshow.home ul li div.table.cell.left p.date {
margin-top:20px;
font-size:1.75rem;
font-family:"TTNormsPro-Regular";
margin-top:20px;
}
div.slideshow-buttons {
display:table;
width:100%;
text-align:center;
line-height:0;
margin-top:45px;
}
div.slideshow-buttons a {
width:1rem;
height:1rem;
border-radius:50%;
display:inline-table;
margin:0 10px;
background-color:#fff;
transition-duration:0.3s;
}
div.slideshow-buttons a.active {
background-color:var(--black);
}
@media (hover: hover) {
div.slideshow-buttons a:hover {
background-color:var(--black);
}
}
@media screen and (max-width:1000px) {
div.slideshow.home ul li div.table.cell.left p.title {
font-size:2rem;
line-height:2.125rem;
}
div.slideshow.home ul li div.table.cell.left div.slogan,
div.slideshow.home ul li div.table.cell.left div.slogan p {
font-size:1.25rem;
line-height:1.375rem;
}
div.slideshow.home ul li div.table.cell.left p.date {
font-size:1.5rem;
}
}
@media screen and (max-width:800px) {
div.slideshow-buttons {
margin-top:30px;
}
div.slideshow.home {
margin-top:0px;
}
div.slideshow.home div.width-wrapper {
padding:0;
}
div.slideshow.home ul li div.table.cell.left {
padding:40px 20px 40px 20px;
}
div.slideshow.home ul li div.table.row {
/* display:table; */
/* width:100%; */
/* height:100%; */
}
div.slideshow.home ul li a {
position:relative;
}
div.slideshow.home ul li div.table.cell {
width:100%;
height:auto;
display:block;
}
div.slideshow.home ul li div.table.cell.right {
min-height:200px;
/* height:100%;; */
}
}
@media screen and (max-width:600px) {
div.slideshow.home {
margin-top:0px;
}
div.slideshow.home ul li a {
/* min-height:auto; */
}
div.slideshow.home ul li div.table.cell.left {
padding:40px 20px 40px 20px;
min-height:200px;
}
div.slideshow.home ul li div.table.cell.left p.title {
font-size:2rem;
line-height:2.125rem;
}
div.slideshow.home ul li div.table.cell.left div.slogan,
div.slideshow.home ul li div.table.cell.left div.slogan p {
margin-top:10px;
font-size:1.5rem;
line-height:1.75rem;
}
div.slideshow.home ul li div.table.cell.left p.date {
font-size:1.5rem;
}
}
/* blog articles -- */
/* shortcuts ++ */
div.shortcuts {
display:table;
width:100%;
margin-top:45px;
margin-bottom:20px;
height:100%;
}
div.shortcuts div.cell {
display:table-cell;
width:31.33%;
height:100%;
vertical-align:top;
}
div.shortcuts div.cell.first {
padding-right:10px;
}
div.shortcuts div.cell.second {
padding-right:5px;
padding-left:5px;
}
div.shortcuts div.cell.third {
padding-left:10px;
}
div.shortcuts a {
padding:40px;
display:table;
width:100%;
height:100%;
box-sizing:border-box;
text-decoration:none;
font-family:"TTNormsPro-Bold";
font-size:2.25rem;
line-height:2.813rem;
transition-duration:0.3s;
background-color:#326482;
border:3px solid #326482;
color:#ebebeb;
}
div.shortcuts a:hover {
border:3px solid #326482;
background-color:transparent;
color:#326482;
}
div.shortcuts a.blue:hover {
/* border:3px solid #0000ff; */
/* color:#0000ff; */
}
div.shortcuts.red a {
background-color:#fd3c00;
border-color:#fd3c00;
}
div.shortcuts.red a:hover {
color:black;
}
@media screen and (max-width:1000px) {
div.shortcuts a {
font-size:1.875rem;
line-height:2.813rem;
padding:30px;
}
}
@media screen and (max-width:800px) {
div.shortcuts a {
font-size:1.625rem;
line-height:2.25rem;
padding:20px;
}
}
@media screen and (max-width:800px) {
div.shortcuts {
margin-top:30px;
margin-bottom:10px;
}
div.shortcuts div.cell {
display:block;
width:100%;
margin-bottom:10px;
}
div.shortcuts div.cell.first,
div.shortcuts div.cell.second,
div.shortcuts div.cell.third {
padding-left:0px;
padding-right:0px;
}
}
/* shortcuts -- */
/* HOME PAGE -- */
/* NEW MUSEUM ++ */
body.new_museum header {
display:none;
}
body.new_museum div.fixed-header {
width:100%;
height:100vh;
position:fixed;
z-index:-1;
}
body.new_museum div.fixed-header div.fixed-image-1 {
width:100%;
height:100vh;
display:table;
position:fixed;
z-index:100;
overflow:hidden;
}
body.new_museum div.fixed-header div.fixed-image-1 div.image {
position:absolute;
width:100%;
height:100vh;
background-size:cover;
background-position:center center;
}
body.new_museum div.fixed-header div.fixed-image-2 {
z-index:1;
position:fixed;
width:100%;
height:100vh;
display:table;
background-size:cover;
background-position:top center;
}
body.new_museum div.header {
width:100%;
height:100vh;
display:table;
padding-top:30px;
background-size:cover;
box-sizing:border-box;
background-position:center center;
}
body.new_museum div.header div.width-wrapper {
display:table;
width:100%;
height:100%;
box-sizing:border-box;
}
body.new_museum div.header div.width-wrapper div.table-row {
display:table-row;
}
body.new_museum div.header div.width-wrapper div.table-row div.table-cell {
display:table-cell;
}
body.new_museum div.header div.width-wrapper div.table-row.bottom div.table-cell {
height:100%;
vertical-align:middle;
text-align:center;
padding:100px 0;
}
body.new_museum div.header div.width-wrapper div.table-row.bottom div.table-cell div.wrapper {
max-width:300px;
margin:0 auto;
text-align:center;
display:table;
}
body.new_museum div.header div.width-wrapper div.table-row.bottom div.table-cell h1 {
color:#3232eb;
color:#0000ff;
text-transform:uppercase;
font-size:6.25rem;
line-height:8.75rem;
}
body.new_museum div.header a {
display:table;
width:100%;
}
body.new_museum div.header a div.inline {
display:inline-block;
width:33.33%;
vertical-align:middle;
}
body.new_museum div.header a div.inline.middle {
text-align:center;
}
body.new_museum div.header a div.inline.right {
text-align:right;
}
body.new_museum div.header a div.inline img {
max-height:60px;
}
div.new-museum {
margin:40px 0 0 0;
display:table;
background-color:#ebebeb;
width:100%;
}
div.new-museum.child {
text-align:center;
}
div.new-museum div.inner {
padding:40px 80px;
box-sizing:border-box;
display:table;
max-width:640px;
margin:0 auto;
position:relative;
}
div.new-museum div.inner.wide {
max-width:860px;
padding-bottom:0;
}
div.new-museum div.inner.no-top-padding {
padding-top:0;
}
body.new_museum div.transparent-block {
min-height:400px;
}
div.new-museum div.inner p {
font-size:1.25rem;
line-height:1.875rem;
margin:20px auto;
}
div.new-museum div.inner p strong {
color:#3232eb;
}
div.new-museum div.inner p strong.title {
text-align:center;
width:100%;
display:table;
font-family: "TTNormsPro-ExtraBold";
font-size:3.125rem;
line-height: 3.438rem;
color:var(--black);
max-width:400px;
margin:0 auto;
}
body.new_museum div.line-container {
padding:0 80px;
background-color:#ebebeb;
}
body.new_museum span.line {
width:100%;
height:1px;
border-bottom:3px solid #3232eb;
display:table;
box-sizing:border-box;
background-color:#ebebeb;
}
.new-museum img {
max-height:180px;
width:auto;
margin:10px 20px;
}
.new-museum img.flip {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.new-museum .illustration_1,
.new-museum .illustration_2 {
position:absolute;
}
.new-museum .illustration_1 {
left:-220px;
bottom:0;
}
.new-museum .illustration_2 {
top:0;
right:-220px;
}
@media screen and (max-width:1000px) {
body.new_museum div.header div.width-wrapper div.table-row.bottom div.table-cell h1 {
font-size:4.375rem;
line-height:5.625rem;
}
.new-museum .illustration_1,
.new-museum .illustration_2 {
position:relative;
top:0;
}
.new-museum .illustration_1 {
left:0px;
display:none;
}
.new-museum .illustration_2 {
right:0px;
}
}
@media screen and (max-width:800px) {
body.new_museum div.header div.width-wrapper div.table-row.bottom div.table-cell h1 {
font-size:3.125rem;
line-height:4.375rem;
}
div.new-museum div.inner {
padding:40px 30px;
}
body.new_museum div.line-container {
padding:0 30px;
}
}
@media screen and (max-width:600px) {
body.new_museum div.header div.width-wrapper div.table-row.bottom div.table-cell h1 {
font-size:1.875rem;
line-height:2.5rem;
}
div.new-museum div.inner {
padding:20px 20px;
}
body.new_museum div.line-container {
padding:0 20px;
}
}
/* NEW MUSEUM -- */
#layer-html {
display:none;
}