/* CSS generated via Sass. Please do not change css-code here! */
/* Project specific */
@keyframes slideOpenLeft {
from {
transform: translateX(50%) rotate(5deg);
}
}
@keyframes slideOpenRight {
from {
transform: translateX(-50%) rotate(5deg);
}
}
.color-list {
display: flex;
width: 100%;
justify-content: space-evenly;
background-image: linear-gradient(180deg, #e4007e 0%, #e4007e 12.5%, #ff6600 12.5%, #ff6600 25%, #f29f00 25%, #f29f00 37.5%, #0ea300 37.5%, #0ea300 50%, #003300 50%, #003300 62.5%, #0088b9 62.5%, #0088b9 75%, #1448a8 75%, #1448a8 87.5%, #860070 87.5%, #860070 100%);
color: #fff;
line-height: 2.5;
padding: 0 1em;
}
.color-list::after {
width: 5em;
display: block;
content: "#e4007e #ff6600 #f29f00 #0ea300 #003300 #0088b9 #1448a8 #860070";
text-transform: uppercase;
}
.color-list::before {
width: 4em;
display: block;
content: "pink orange yellow green fordgreen cyan blue violet";
}
@keyframes slide-dragger-ani-2 {
0% {
margin-left: 0%;
}
40% {
margin-left: 0%;
}
50% {
margin-left: -100%;
}
90% {
margin-left: -100%;
}
}
@keyframes slide-dragger-ani-3 {
0% {
margin-left: 0%;
}
26.6666666667% {
margin-left: 0%;
}
33.3333333333% {
margin-left: -100%;
}
60% {
margin-left: -100%;
}
66.6666666667% {
margin-left: -200%;
}
93.3333333333% {
margin-left: -200%;
}
}
@keyframes slide-dragger-ani-4 {
0% {
margin-left: 0%;
}
20% {
margin-left: 0%;
}
25% {
margin-left: -100%;
}
45% {
margin-left: -100%;
}
50% {
margin-left: -200%;
}
70% {
margin-left: -200%;
}
75% {
margin-left: -300%;
}
95% {
margin-left: -300%;
}
}
@keyframes slide-dragger-ani-5 {
0% {
margin-left: 0%;
}
16% {
margin-left: 0%;
}
20% {
margin-left: -100%;
}
36% {
margin-left: -100%;
}
40% {
margin-left: -200%;
}
56% {
margin-left: -200%;
}
60% {
margin-left: -300%;
}
76% {
margin-left: -300%;
}
80% {
margin-left: -400%;
}
96% {
margin-left: -400%;
}
}
@keyframes slide-dragger-ani-6 {
0% {
margin-left: 0%;
}
13.3333333333% {
margin-left: 0%;
}
16.6666666667% {
margin-left: -100%;
}
30% {
margin-left: -100%;
}
33.3333333333% {
margin-left: -200%;
}
46.6666666667% {
margin-left: -200%;
}
50% {
margin-left: -300%;
}
63.3333333333% {
margin-left: -300%;
}
66.6666666667% {
margin-left: -400%;
}
80% {
margin-left: -400%;
}
83.3333333333% {
margin-left: -500%;
}
96.6666666667% {
margin-left: -500%;
}
}
@keyframes slide-dragger-ani-7 {
0% {
margin-left: 0%;
}
11.4285714286% {
margin-left: 0%;
}
14.2857142857% {
margin-left: -100%;
}
25.7142857143% {
margin-left: -100%;
}
28.5714285714% {
margin-left: -200%;
}
40% {
margin-left: -200%;
}
42.8571428571% {
margin-left: -300%;
}
54.2857142857% {
margin-left: -300%;
}
57.1428571429% {
margin-left: -400%;
}
68.5714285714% {
margin-left: -400%;
}
71.4285714286% {
margin-left: -500%;
}
82.8571428571% {
margin-left: -500%;
}
85.7142857143% {
margin-left: -600%;
}
97.1428571429% {
margin-left: -600%;
}
}
@keyframes slide-dragger-ani-8 {
0% {
margin-left: 0%;
}
10% {
margin-left: 0%;
}
12.5% {
margin-left: -100%;
}
22.5% {
margin-left: -100%;
}
25% {
margin-left: -200%;
}
35% {
margin-left: -200%;
}
37.5% {
margin-left: -300%;
}
47.5% {
margin-left: -300%;
}
50% {
margin-left: -400%;
}
60% {
margin-left: -400%;
}
62.5% {
margin-left: -500%;
}
72.5% {
margin-left: -500%;
}
75% {
margin-left: -600%;
}
85% {
margin-left: -600%;
}
87.5% {
margin-left: -700%;
}
97.5% {
margin-left: -700%;
}
}
@keyframes slide-dragger-ani-9 {
0% {
margin-left: 0%;
}
8.8888888889% {
margin-left: 0%;
}
11.1111111111% {
margin-left: -100%;
}
20% {
margin-left: -100%;
}
22.2222222222% {
margin-left: -200%;
}
31.1111111111% {
margin-left: -200%;
}
33.3333333333% {
margin-left: -300%;
}
42.2222222222% {
margin-left: -300%;
}
44.4444444444% {
margin-left: -400%;
}
53.3333333333% {
margin-left: -400%;
}
55.5555555556% {
margin-left: -500%;
}
64.4444444444% {
margin-left: -500%;
}
66.6666666667% {
margin-left: -600%;
}
75.5555555556% {
margin-left: -600%;
}
77.7777777778% {
margin-left: -700%;
}
86.6666666667% {
margin-left: -700%;
}
88.8888888889% {
margin-left: -800%;
}
97.7777777778% {
margin-left: -800%;
}
}
@keyframes slide-dragger-ani-10 {
0% {
margin-left: 0%;
}
8% {
margin-left: 0%;
}
10% {
margin-left: -100%;
}
18% {
margin-left: -100%;
}
20% {
margin-left: -200%;
}
28% {
margin-left: -200%;
}
30% {
margin-left: -300%;
}
38% {
margin-left: -300%;
}
40% {
margin-left: -400%;
}
48% {
margin-left: -400%;
}
50% {
margin-left: -500%;
}
58% {
margin-left: -500%;
}
60% {
margin-left: -600%;
}
68% {
margin-left: -600%;
}
70% {
margin-left: -700%;
}
78% {
margin-left: -700%;
}
80% {
margin-left: -800%;
}
88% {
margin-left: -800%;
}
90% {
margin-left: -900%;
}
98% {
margin-left: -900%;
}
}
.glam-page {
clear: both;
background-color: #fff;
font-family: sans-serif;
color: #000;
font-size: 1rem;
line-height: 1.7;
}
.glam-page .hidden {
display: none !important;
}
.glam-page figure[typeof~="mw:File/Thumb"],
.glam-page figure[typeof~="mw:File/Frame"] {
border: none;
padding: 0;
}
.glam-page figure[typeof~="mw:File/Thumb"] > *,
.glam-page figure[typeof~="mw:File/Frame"] > * {
border: none;
padding: 0;
background-color: #eaecf0;
}
.glam-page figure[typeof~="mw:File/Thumb"] > :not(figcaption) > .mw-file-element.mw-file-element,
.glam-page figure[typeof~="mw:File/Frame"] > :not(figcaption) > .mw-file-element.mw-file-element {
margin: 0;
border: none;
display: block;
max-width: 100%;
width: 100%;
}
.glam-page figure[typeof~="mw:File/Thumb"] > :not(figcaption) > .mw-tmh-player,
.glam-page figure[typeof~="mw:File/Frame"] > :not(figcaption) > .mw-tmh-player {
margin: 0;
}
.glam-page figure[typeof~="mw:File/Thumb"] > :not(figcaption) > .mw-tmh-player video,
.glam-page figure[typeof~="mw:File/Frame"] > :not(figcaption) > .mw-tmh-player video {
margin: 0;
width: 100%;
height: auto;
border: none;
}
.glam-page figure[typeof~="mw:File/Thumb"] > figcaption,
.glam-page figure[typeof~="mw:File/Frame"] > figcaption {
padding: 0.3em 0.5em 0.5em;
hyphens: auto;
}
.glam-page ol {
margin-left: 1.6em;
counter-reset: count 0;
}
.glam-page ol > li {
counter-increment: count 1;
}
.glam-page ol > li::marker {
color: #860070;
content: counter(count, decimal) " ";
}
.glam-page ul {
margin-left: 1.6em;
}
.glam-page ul > li::marker {
color: #860070;
content: "🡢 ";
}
.glam-page .c-pink {
color: #e4007e;
}
.glam-page .bg-pink {
background-color: #e4007e;
color: #fff;
}
.glam-page .c-orange {
color: #ff6600;
}
.glam-page .bg-orange {
background-color: #ff6600;
color: #fff;
}
.glam-page .c-yellow {
color: #f29f00;
}
.glam-page .bg-yellow {
background-color: #f29f00;
color: #fff;
}
.glam-page .c-green {
color: #0ea300;
}
.glam-page .bg-green {
background-color: #0ea300;
color: #fff;
}
.glam-page .c-fordgreen {
color: #003300;
}
.glam-page .bg-fordgreen {
background-color: #003300;
color: #fff;
}
.glam-page .c-cyan {
color: #0088b9;
}
.glam-page .bg-cyan {
background-color: #0088b9;
color: #fff;
}
.glam-page .c-blue {
color: #1448a8;
}
.glam-page .bg-blue {
background-color: #1448a8;
color: #fff;
}
.glam-page .c-violet {
color: #860070;
}
.glam-page .bg-violet {
background-color: #860070;
color: #fff;
}
.glam-page .box {
padding: 1em;
}
.glam-page .c-primary {
color: #860070;
}
.glam-page .bg-primary {
background-color: #860070;
color: #fff;
}
.glam-page,
.glam-page *,
.glam-page *::before,
.glam-page *::after {
box-sizing: border-box;
}
.glam-page a {
color: #860070;
}
.glam-page a:not(:hover) {
text-decoration: none;
}
.glam-page a .external {
background-image: none;
margin-right: 0;
}
.glam-page a .external::after {
content: " ›";
}
.glam-page .glam-button {
font-family: sans-serif;
}
.glam-page .mw-ui-button,
.glam-page .mw-ui-button.mw-ui-progressive,
.glam-page .mw-ui-button:hover,
.glam-page .mw-ui-button.mw-ui-progressive:hover {
background-color: #000;
border-color: #000;
color: #fff;
font-weight: 400;
font-family: sans-serif;
}
.glam-page p {
margin: 0.7em 0;
}
.glam-page h2,
.glam-page h3,
.glam-page h4,
.glam-page h5 {
font-family: "Linux Libertine", "Georgia", "Times", serif;
color: #860070;
line-height: 1.2;
border-bottom: none;
font-weight: normal;
font-size: 1.25rem;
}
.glam-page h2 .section-links,
.glam-page h3 .section-links,
.glam-page h4 .section-links,
.glam-page h5 .section-links {
display: none;
}
.glam-page h2:first-child,
.glam-page h3:first-child,
.glam-page h4:first-child,
.glam-page h5:first-child {
margin-top: 0;
}
.glam-page h2 {
font-size: 1.875rem;
}
.glam-page h3 {
font-size: 1.5rem;
}
body.skin-vector-legacy .glam-page {
margin-top: -2.625rem;
}
body.skin-minerva .glam-page {
z-index: 2;
margin-top: -5.1875rem;
}
body:not(.skin-vector-legacy) .glam-page .glam-section:not(.glam-header) {
padding: 0 calc(0.7rem + 3vw);
}
body.skin-minerva .glam-page .glam-section {
margin-left: calc((100% - 100vw) / 2);
margin-right: calc((100% - 100vw) / 2);
}
.glam-page .glam-section.bg-grey, .glam-page .glam-section.glam-header {
background-color: #eaecf0;
}
.glam-page .glam-section.bg-grey figure[typeof~="mw:File/Thumb"] > *,
.glam-page .glam-section.bg-grey figure[typeof~="mw:File/Frame"] > *, .glam-page .glam-section.glam-header figure[typeof~="mw:File/Thumb"] > *,
.glam-page .glam-section.glam-header figure[typeof~="mw:File/Frame"] > * {
background-color: #fff;
}
.glam-page .glam-section.bg-grey {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
overflow: hidden;
}
.glam-page .glam-section > .inner {
margin: 3.125rem auto;
}
.glam-page .glam-section > .inner:not(.wide) {
max-width: 62.08125rem;
}
.glam-page .glam-section.bg-grey + .glam-section.bg-grey {
margin-top: -3.125rem;
padding-top: 0;
}
.glam-page .glam-section.bg-grey + .glam-section.bg-grey > .inner {
margin-top: 0;
}
.glam-page .glam-header > .inner {
position: relative;
}
.glam-page .glam-header > .inner:not(.glam-navi-inner) {
overflow: hidden;
}
.glam-page .glam-header-logo {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 2;
padding: 1em;
}
.glam-page .glam-header-logo > [typeof="mw:File"] > a {
display: inline-block;
position: relative;
}
.glam-page .glam-header-logo > [typeof="mw:File"] > a > img {
display: block;
width: 8.125rem;
height: auto;
}
@media screen and (max-width: 600px) {
.glam-page .glam-header-logo > [typeof="mw:File"] > a > img {
width: calc(6vw + 5rem);
}
}
.glam-page .glam-header-logo > [typeof="mw:File"] > a::before, .glam-page .glam-header-logo > [typeof="mw:File"] > a::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background-color: #860070;
transform-origin: 100% 12.5%;
top: -100%;
right: -66%;
bottom: -600%;
left: -300%;
animation-name: slideOpenLeft;
}
.glam-page .glam-header-logo > [typeof="mw:File"] > a::before {
animation-duration: 1.2s;
animation-delay: 0.4s;
transform: rotate(45deg);
}
.glam-page .glam-header-logo > [typeof="mw:File"] > a::after {
animation-delay: 0.8s;
opacity: 0.5;
transform: translateX(1em) rotate(39deg);
}
.glam-page .glam-header-slide-container {
display: flex;
width: 100%;
background-color: #860070;
font-family: "Linux Libertine", "Georgia", "Times", serif;
overflow: hidden;
font-size: 1.125rem;
min-height: 12rem;
}
.glam-page .glam-header-slide-container h2,
.glam-page .glam-header-slide-container h3,
.glam-page .glam-header-slide-container h4,
.glam-page .glam-header-slide-container h5,
.glam-page .glam-header-slide-container h6 {
font-family: "Montserrat", Arial, sans-serif;
color: #fff;
font-size: 1.875rem;
}
.glam-page .glam-header-slide-container,
.glam-page .glam-header-slide-container a {
color: #fff;
}
.glam-page .glam-header-slide {
background-color: #860070;
overflow: hidden;
position: relative;
flex: 0 0 100%;
}
.glam-page .glam-header-slide > .slide-image {
display: block;
overflow: hidden;
position: relative;
}
.glam-page .glam-header-slide > .slide-image > [typeof="mw:File"] > a {
display: block;
height: calc(16rem + 26vw);
max-height: 29.625rem;
width: 100%;
}
.glam-page .glam-header-slide > .slide-image > [typeof="mw:File"] > a > img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
.glam-page .glam-header-slide > .inner {
position: relative;
padding: 2em;
padding-top: 0;
z-index: 1;
width: 100%;
display: flex;
flex-direction: column;
text-align: center;
}
.glam-page .glam-header-slide > .inner::before, .glam-page .glam-header-slide > .inner::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background-color: #860070;
animation-name: slideOpenRight;
transform-origin: 33% 0;
top: 0;
left: -100%;
bottom: -100%;
right: -100%;
}
.glam-page .glam-header-slide > .inner::before {
animation-duration: 1.2s;
animation-delay: 0.4s;
transform: rotate(-10deg);
}
.glam-page .glam-header-slide > .inner::after {
animation-delay: 0.8s;
opacity: 0.5;
transform: translateY(-0.7em) rotate(-16deg);
}
@media screen and (min-width: 865px) {
.glam-page .glam-header-slide > .inner {
position: absolute;
right: 0;
top: 0;
bottom: 0;
max-width: 21.875rem;
text-align: right;
justify-content: flex-end;
padding-top: 2em;
}
.glam-page .glam-header-slide > .inner::after, .glam-page .glam-header-slide > .inner::before {
transform-origin: 0 20%;
top: -100%;
bottom: -300%;
right: -300%;
left: 33%;
}
.glam-page .glam-header-slide > .inner::before {
transform: rotate(20deg);
}
.glam-page .glam-header-slide > .inner::after {
transform: translateX(-1em) rotate(30deg);
}
}
@media screen and (min-width: 640px) {
body:not(.skin-vector-legacy) .glam-page .glam-header-slide > .inner {
position: absolute;
right: 0;
top: 0;
bottom: 0;
max-width: 21.875rem;
text-align: right;
justify-content: flex-end;
padding-top: 2em;
}
body:not(.skin-vector-legacy) .glam-page .glam-header-slide > .inner::after, body:not(.skin-vector-legacy) .glam-page .glam-header-slide > .inner::before {
transform-origin: 0 20%;
top: -100%;
bottom: -300%;
right: -300%;
left: 33%;
}
body:not(.skin-vector-legacy) .glam-page .glam-header-slide > .inner::before {
transform: rotate(20deg);
}
body:not(.skin-vector-legacy) .glam-page .glam-header-slide > .inner::after {
transform: translateX(-1em) rotate(30deg);
}
}
.glam-page .glam-header-text {
max-width: 40rem;
text-align: right;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-left: auto;
width: calc(100% - 7rem);
padding: 2em;
padding-top: 4em;
line-height: 1.3;
}
.glam-page .glam-lang,
.glam-page .glam-navi {
position: absolute;
top: 0;
font-size: 1rem;
line-height: 1.2;
padding: 0.5rem 1rem;
}
.glam-page .glam-lang-anchor,
.glam-page .glam-navi-anchor {
position: fixed;
top: 0;
}
.glam-page .glam-lang > a,
.glam-page .glam-navi > a {
display: none;
}
.glam-page .glam-lang-off,
.glam-page .glam-navi-off {
display: none;
}
.glam-page .glam-lang-off > a,
.glam-page .glam-navi-off > a {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
}
.glam-page .glam-lang ul,
.glam-page .glam-lang ol,
.glam-page .glam-lang li,
.glam-page .glam-navi ul,
.glam-page .glam-navi ol,
.glam-page .glam-navi li {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}
.glam-page .glam-lang ul.active > a,
.glam-page .glam-lang ul .glam-nav-active > a,
.glam-page .glam-lang ol.active > a,
.glam-page .glam-lang ol .glam-nav-active > a,
.glam-page .glam-lang li.active > a,
.glam-page .glam-lang li .glam-nav-active > a,
.glam-page .glam-navi ul.active > a,
.glam-page .glam-navi ul .glam-nav-active > a,
.glam-page .glam-navi ol.active > a,
.glam-page .glam-navi ol .glam-nav-active > a,
.glam-page .glam-navi li.active > a,
.glam-page .glam-navi li .glam-nav-active > a {
color: currentColor;
}
.glam-page .glam-lang li,
.glam-page .glam-navi li {
margin-top: 0.5rem;
}
.glam-page .glam-lang li.label > :not(ul),
.glam-page .glam-navi li.label > :not(ul) {
opacity: 0.3;
}
.glam-page .glam-lang-trigger,
.glam-page .glam-navi-trigger {
position: absolute;
right: 1rem;
top: 1rem;
z-index: 3;
}
.glam-page .glam-lang {
background-color: #000;
min-width: 20rem;
padding: 2em 5%;
right: 0;
overflow: hidden;
text-align: left;
transition: max-height 0.6s, padding 0.6s;
color: #fff;
font-size: 1.125rem;
max-height: 100rem;
}
.glam-page .glam-lang, .glam-page .glam-lang-trigger {
display: block !important;
}
@media screen and (max-width: 1699px) {
.glam-page .glam-lang-trigger {
right: 4rem;
}
}
.glam-page .glam-lang-trigger > [typeof="mw:File"] > a {
display: block;
padding: 0.5em;
}
.glam-page .glam-lang-trigger > [typeof="mw:File"] > a:nth-child(2) {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.glam-page .glam-lang-trigger img {
display: block;
width: 2.5em;
height: auto;
}
.glam-page .glam-lang-anchor:not(:target) ~ .glam-lang {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
}
.glam-page .glam-lang-anchor:not(:target) ~ .glam-lang-trigger > a:nth-child(2) {
display: none;
}
.glam-page .glam-lang a {
color: #860070;
}
.glam-page .glam-lang-anchor:target ~ .glam-navi-anchor .glam-navi-off {
display: block;
}
.glam-page .glam-navi {
/*
@media screen and (min-width:$navi-breakpoint) {
right: 100%;
width: 25%;
text-align: right;
&-inner {
.glam-navi-trigger {
display: none;
}
}
>a {
display: none;
}
>ul>li {
&:not(.active)>ul {
display: none;
}
&>ul {
position: absolute;
top: 0;
left: 500%;
right: -500%;
display: block;
padding: .5rem 1rem;
text-align: left;
>li {
>ul {
padding-right: 1rem;
}
}
}
}
}
*/
background-color: #000;
min-width: 20rem;
padding: 0.5rem 5%;
right: 0;
overflow: hidden;
text-align: left;
transition: max-height 0.6s, padding 0.6s;
color: #fff;
font-size: 1.125rem;
max-height: 100rem;
}
.glam-page .glam-navi-inner {
position: relative;
z-index: 4;
margin-top: 0;
margin-bottom: 0;
}
.glam-page .glam-navi-trigger > a {
padding: 1rem;
box-sizing: content-box;
}
.glam-page .glam-navi-trigger > a:last-child {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
}
.glam-page .glam-navi-trigger > a:first-child {
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 1.8rem;
width: 1em;
height: 1em;
background-color: transparent;
}
.glam-page .glam-navi-trigger > a:first-child::before, .glam-page .glam-navi-trigger > a:first-child::after,
.glam-page .glam-navi-trigger > a:first-child > span {
content: "";
display: block;
width: 100%;
height: 0.16em;
background-color: #fff;
box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
transition: all 0.5s;
}
@media screen and (max-width: 660px) {
.glam-page .glam-navi {
left: 0;
}
}
.glam-page .glam-navi a {
color: #860070;
}
.glam-page .glam-navi > ul > li {
padding: 0.5em 0;
margin: 0;
}
.glam-page .glam-navi li.label {
display: none;
}
.glam-page .glam-navi li > * {
display: block;
}
.glam-page .glam-navi li li > :not(ul) {
padding-left: 1em;
}
.glam-page .glam-navi li li li > :not(ul) {
padding-left: 2em;
}
.glam-page .glam-navi-anchor:not(:target) ~ .glam-navi {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
}
.glam-page .glam-navi-anchor:target ~ .glam-navi {
padding-top: 2em;
padding-bottom: 2em;
}
.glam-page .glam-navi-anchor:target ~ .glam-navi-trigger > a:last-child {
display: block;
}
.glam-page .glam-navi-anchor:target ~ .glam-navi-trigger > a:first-child::before {
transform: translateY(0.42em) rotate(45deg);
}
.glam-page .glam-navi-anchor:target ~ .glam-navi-trigger > a:first-child > span {
transform: rotate(45deg);
}
.glam-page .glam-navi-anchor:target ~ .glam-navi-trigger > a:first-child::after {
transform: translateY(-0.42em) rotate(-45deg);
box-shadow: none;
}
.glam-page .glam-navi-anchor:target .glam-navi-off {
display: block;
}
.glam-page .glam-slide-dragger {
order: -1;
flex: 0 0 0;
background-color: #0F0;
animation-iteration-count: infinite;
}
.glam-page .glam-slide-dragger:nth-child(2) {
animation-name: slide-dragger-ani-1;
animation-duration: 5s;
}
.glam-page .glam-slide-dragger:nth-child(3) {
animation-name: slide-dragger-ani-2;
animation-duration: 10s;
}
.glam-page .glam-slide-dragger:nth-child(4) {
animation-name: slide-dragger-ani-3;
animation-duration: 15s;
}
.glam-page .glam-slide-dragger:nth-child(5) {
animation-name: slide-dragger-ani-4;
animation-duration: 20s;
}
.glam-page .glam-slide-dragger:nth-child(6) {
animation-name: slide-dragger-ani-5;
animation-duration: 25s;
}
.glam-page .glam-slide-dragger:nth-child(7) {
animation-name: slide-dragger-ani-6;
animation-duration: 30s;
}
.glam-page .glam-slide-dragger:nth-child(8) {
animation-name: slide-dragger-ani-7;
animation-duration: 35s;
}
.glam-page .glam-slide-dragger:nth-child(9) {
animation-name: slide-dragger-ani-8;
animation-duration: 40s;
}
.glam-page .glam-slide-dragger:nth-child(10) {
animation-name: slide-dragger-ani-9;
animation-duration: 45s;
}
.glam-page .glam-slide-dragger:nth-child(11) {
animation-name: slide-dragger-ani-10;
animation-duration: 50s;
}
.glam-page .toc.toc {
border: none;
background-color: transparent;
display: block;
padding: 0;
}
.glam-page .toc.toc > ul {
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.2;
}
.glam-page .toc.toc > ul > li {
padding: 0.5em 0;
border-top: 1px solid #eaecf0;
position: relative;
}
.glam-page .toc.toc > ul > li::before {
content: "";
position: absolute;
right: calc(100% + 0.6em);
top: 0.7em;
display: block;
width: 0.6em;
height: 0.6em;
border: 2px solid currentColor;
opacity: 0.3;
border-bottom: transparent;
border-right: transparent;
transform: rotate(225deg);
}
body:not(.skin-minerva) .glam-page .toc.toc .toctitle {
padding: 0;
display: flex;
}
body:not(.skin-minerva) .glam-page .toc.toc .toctitle h2 {
font-size: 1rem;
color: currentColor;
font-family: sans-serif;
font-weight: 400;
opacity: 0.3;
}
body:not(.skin-minerva) .glam-page .toc.toc .toctitle h2::after {
content: ":";
}
body:not(.skin-minerva) .glam-page .toc.toc .toctitle > * {
position: relative;
}
body:not(.skin-minerva) .glam-page .toc.toc .toctitle > *:last-child {
margin-left: auto;
}
body:not(.skin-minerva) .glam-page .toc.toc .toctitle .toctogglespan::before, body:not(.skin-minerva) .glam-page .toc.toc .toctitle .toctogglespan::after {
content: none;
}
body:not(.skin-minerva) .glam-page .toc.toc .toctitle .toctogglespan .toctogglelabel::after {
content: "";
display: block;
border: 2px solid currentColor;
opacity: 0.3;
border-bottom: transparent;
border-right: transparent;
transform: translateY(0.5em) rotate(45deg);
transform-origin: 33% 33%;
transition: all 0.5s;
width: 1em;
height: 1em;
}
.glam-page .toc.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::after {
content: "";
transform: translateY(0.5em) rotate(-135deg);
}
.glam-page .toc.toc .tocnumber {
display: none;
}
.glam-logos {
text-align: center;
}
.glam-logo {
display: inline-block;
vertical-align: middle;
margin: 1em;
transition: all 0.3s ease-in-out;
}
.glam-logo:not(:hover) {
transform: scale(0.89);
}
.glam-circle {
text-align: center;
line-height: 1.2;
}
.glam-circle > * {
margin: 0 auto 1em;
}
.glam-circle > .glam-circle-image {
width: 80%;
}
.glam-circle-image {
width: 100%;
display: block;
overflow: hidden;
position: relative;
overflow: hidden;
border-radius: 50%;
background-color: #eaecf0;
}
.glam-circle-image > [typeof="mw:File"] > a {
display: block;
padding: 100% 0 0;
width: 100%;
}
.glam-circle-image > [typeof="mw:File"] > a > img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
min-height: 100%;
height: 100%;
width: auto;
}
.glam-intro {
font-size: 1.125rem;
}
.gallery.mw-gallery-packed {
margin-left: 0;
margin-right: 0;
display: flex;
flex-wrap: wrap;
}
.gallery.mw-gallery-packed .gallerybox .gallerytext {
line-height: 1.2;
text-align: left;
}
.gallery.mw-gallery-packed .gallerybox .gallerytext > :first-child {
margin-top: 0;
}
.glam-infoline {
font-size: 1rem;
line-height: 1.1;
position: relative;
z-index: 1;
}
.glam-infoline > span {
display: inline-block;
overflow: hidden;
padding: 0.4em 5em 0.4em 0.7em;
color: #fff;
position: relative;
}
.glam-infoline > span::before, .glam-infoline > span::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #860070;
transform-origin: 0 0;
transform: translateX(-3em) skew(-30deg);
z-index: -1;
}
.glam-infoline > span::after {
transform: skew(-60deg);
opacity: 0.5;
}
.glam-infoline + h2, .glam-infoline + h3 {
margin-top: 0;
}
.glam-info-table,
.glam-info-table tbody,
.glam-info-table tr,
.glam-info-table td,
.glam-info-table th {
display: block;
width: 100%;
border: none;
}
.glam-info-table tr {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0;
border-top: 1px solid #eaecf0;
}
.glam-section.bg-grey .glam-info-table tr {
border-color: #fff;
}
.glam-info-table tr > td, .glam-info-table tr > th {
padding: 0.5em 0;
line-height: 1.2;
width: auto;
}
.glam-info-table tr > td:last-child:not(:first-child), .glam-info-table tr > th:last-child:not(:first-child) {
font-weight: bold;
text-align: right;
margin-left: 1em;
}
.glam-info-table tr > td:last-child:first-child, .glam-info-table tr > th:last-child:first-child {
flex: 0 0 100%;
}
.glam-info-table tr > td div.glam-logo, .glam-info-table tr > th div.glam-logo {
margin: 0.5em auto;
display: block;
text-align: center;
}
.glam-calendar-mini {
line-height: 1.2;
padding: 0;
margin: 0;
}
.glam-calendar-mini tr {
padding: 0;
}
.glam-calendar-mini tr td,
.glam-calendar-mini tr th {
padding: 0.5em 0;
border-top: 1px solid #eaecf0;
}
.glam-section.bg-grey .glam-calendar-mini tr td,
.glam-section.bg-grey .glam-calendar-mini tr th {
border-color: #fff;
}
.glam-calendar-mini tr td:first-child,
.glam-calendar-mini tr th:first-child {
padding-right: 1em;
}
.glam-calendar-mini tr td:first-child br,
.glam-calendar-mini tr th:first-child br {
display: none;
}
.glam-grid-2 {
grid-template-columns: repeat(2, 1fr);
}
.glam-grid-marginal {
grid-template-columns: 2fr 1fr;
}
.glam-grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.glam-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.glam-grid-6 {
grid-template-columns: repeat(6, 1fr);
}
.glam-grid-12 {
grid-template-columns: repeat(12, 1fr);
}
.glam-grid-2,
.glam-grid-marginal,
.glam-grid-3,
.glam-grid-4,
.glam-grid-6,
.glam-grid-12 {
display: grid;
grid-gap: 2rem;
}
@media (max-width: 600px) {
.glam-grid-2,
.glam-grid-marginal,
.glam-grid-3,
.glam-grid-4,
.glam-grid-6,
.glam-grid-12 {
grid-template-columns: 1fr;
}
}
@media (max-width: 825px) {
body.skin-vector-legacy .glam-grid-2,
body.skin-vector-legacy .glam-grid-marginal,
body.skin-vector-legacy .glam-grid-3,
body.skin-vector-legacy .glam-grid-4,
body.skin-vector-legacy .glam-grid-6,
body.skin-vector-legacy .glam-grid-12 {
grid-template-columns: 1fr;
}
}
