html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} @-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
::after,
::before {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
.container--wide {
max-width: 1560px;
}
}
.container-fluid {
width: 100%;
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -30px;
margin-left: -30px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@font-face {
font-family: "Averta Std CY";
src: url(//traduki.eu/wp-content/themes/traduki/css/fonts/AvertaStdCY-Bold.woff2) format("woff2"), url(//traduki.eu/wp-content/themes/traduki/css/fonts/AvertaStdCY-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta Std CY";
src: url(//traduki.eu/wp-content/themes/traduki/css/fonts/AvertaStdCY-RegularItalic.woff2) format("woff2"), url(//traduki.eu/wp-content/themes/traduki/css/fonts/AvertaStdCY-RegularItalic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Averta Std CY";
src: url(//traduki.eu/wp-content/themes/traduki/css/fonts/AvertaStdCY-Regular.woff2) format("woff2"), url(//traduki.eu/wp-content/themes/traduki/css/fonts/AvertaStdCY-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta Std CY";
src: url(//traduki.eu/wp-content/themes/traduki/css/fonts/AvertaStdCY-BoldItalic.woff2) format("woff2"), url(//traduki.eu/wp-content/themes/traduki/css/fonts/AvertaStdCY-BoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Radio Grotesk";
src: url(//traduki.eu/wp-content/themes/traduki/css/fonts/RadioGrotesk-Regular.woff2) format("woff2"), url(//traduki.eu/wp-content/themes/traduki/css/fonts/RadioGrotesk-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
} html {
box-sizing: border-box;
font-size: 62.5%;
color: #4c597c;
font-family: "Averta Std CY", sans-serif;
}
*,
*:before,
*:after {
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
font-family: inherit;
font-size: 1.7rem;
line-height: 1.7;
}
*:focus:not(:focus-visible),
*:before:focus:not(:focus-visible),
*:after:focus:not(:focus-visible) {
outline: none;
}
html,
body {
overflow-x: hidden;
width: 100vw;
min-width: 100vw;
max-width: 100vw;
}
.clearfix:before {
display: block;
content: "";
clear: both;
}
a > object {
pointer-events: none;
}
body {
position: relative;
}
img {
max-width: 100%;
height: auto;
}
.section {
padding: 80px 0;
}
@media (min-width: 960px) {
.section {
padding: 120px 0;
}
}
.dash {
background: #e06249;
height: 4px;
width: 60px;
margin-bottom: 28px;
}
@media (min-width: 960px) {
.dash {
height: 6px;
width: 88px;
margin-bottom: 35px;
}
}
.dash--small {
width: 24px;
height: 2px;
margin-bottom: 22px;
}
.is-hidden {
display: none !important;
}
.no-padding-bottom {
padding-bottom: 0;
}
.no-margin-bottom {
margin-bottom: 0;
}
.podcast {
margin-bottom: 16px;
}
@media (min-width: 960px) {
.podcast {
margin-bottom: 32px;
}
.podcast iframe {
display: block;
}
}
.video-container {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.document {
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #e06249;
letter-spacing: 0;
position: relative;
display: block;
}
.document--pdf, .document--zip {
padding: 12px 0 12px 40px;
}
.document--pdf:before, .document--zip:before {
content: "";
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 32px;
height: 32px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.document--pdf:before {
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/svgs/pdf-icon.svg);
}
.document--zip:before {
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/svgs/zip-icon.svg);
}
.js-more-content {
overflow: hidden;
}
.js-more-content.is-collapsed > *:nth-child(n+4) {
display: none;
}
h1,
h2,
h3 {
font-family: "Radio Grotesk", sans-serif;
font-weight: 300;
line-height: 1.1;
}
h1, .h1 {
font-size: 5.4rem;
margin-bottom: 12px;
word-spacing: -0.5rem;
}
h2 {
font-size: 3.6rem;
margin-bottom: 24px;
word-spacing: -0.3rem;
text-rendering: optimizeLegibility;
}
h2 span {
font-size: 3.6rem;
font-weight: 400;
font-family: "Averta Std CY", sans-serif;
}
h3 {
font-size: 2.8rem;
margin-bottom: 24px;
word-spacing: -0.3rem;
}
h4 {
font-size: 2.4rem;
margin-bottom: 24px;
}
h5 {
font-weight: 600;
font-size: 2.2rem;
letter-spacing: 0.75px;
margin-bottom: 24px;
}
p {
line-height: 1.9;
margin-bottom: 24px;
}
.sub-heading {
font-size: 2.4rem;
line-height: 1.4;
margin-bottom: 12px;
}
.fl-r {
float: right;
}
.fl-l {
float: left;
}
.no-mar-bot {
margin-bottom: 0 !important;
}
.mar-bot {
margin-bottom: 24px;
}
.mar-bot-lg {
margin-bottom: 48px;
}
.pad-l-0 {
padding-left: 0;
}
.pad-r-0 {
padding-right: 0;
}
.ta-r {
text-align: right;
}
.ta-c,
.text-align-center {
text-align: center;
}
.relative {
position: relative;
}
.t-header {
display: inline-block;
position: relative;
padding: 24px;
text-align: center;
margin-left: 36px;
}
.t-header:before, .t-header:after {
content: "";
width: 63px;
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/svgs/t.svg);
background-size: 63px 35px;
height: 35px;
display: block;
right: -35px;
position: absolute;
top: 0;
}
.t-header:after {
transform: rotate(180deg);
left: -35px;
bottom: 0;
right: auto;
top: auto;
}
.header {
padding: 24px 0;
}
.header .logo {
width: 180px;
display: block;
float: left;
max-height: 68.05px;
}
.header .nav {
float: left;
}
.header .nav li {
display: inline-block;
position: relative;
}
.header .nav li + li {
margin-left: 12px;
}
.header .nav a {
text-decoration: none;
font-size: 1.7rem;
font-weight: 600;
line-height: 58px;
padding: 12px 6px;
position: relative;
}
.header .nav a:before {
content: "";
background: #e06249;
height: 4px;
bottom: -25px;
position: absolute;
left: 0;
opacity: 0;
transition: 0.5s ease;
width: 100%;
}
.header .nav a:hover:before {
opacity: 1;
bottom: 0px;
}
@media (min-width: 1200px) {
.header .nav a:hover + .sub-menu {
display: block;
}
}
.header .nav .current_page_item > a:before {
opacity: 1;
bottom: 0px;
}
.header .sub-menu {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 400px;
background: #fff;
z-index: 10;
padding: 20px 0;
}
.header .sub-menu:hover {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.header .sub-menu li {
margin: 0;
margin-left: 12px;
}
.header .sub-menu a {
font-size: 16px;
line-height: 1.5;
display: block;
color: #4c597c;
}
.homepage-header,
.page-header {
align-items: center;
margin-bottom: 96px;
}
.homepage-header .hero-image,
.page-header .hero-image {
width: 100%;
}
.homepage-header video,
.page-header video {
width: 100%;
}
.page-header {
margin-bottom: 48px;
}
.hero {
padding: 32px 0;
}
@media (min-width: 768px) {
.hero {
padding: 80px 0;
}
.page-template-common-ground .hero {
min-height: calc(100vh - 115px);
}
}
.hero h1 {
font-size: 32px;
font-weight: 400;
margin-bottom: 24px;
}
.hero h1 span {
font-size: 32px;
font-weight: 400;
font-family: "Averta Std CY", sans-serif;
}
@media (min-width: 960px) {
.hero h1 {
font-size: 52px;
margin-bottom: 38px;
}
.hero h1 span {
font-size: 52px;
}
}
@media (min-width: 1200px) {
.hero h1 {
font-size: 70px;
}
.hero h1 span {
font-size: 70px;
}
}
.hero .sub-heading * {
font-size: 16px;
letter-spacing: 0.6px;
line-height: 24px;
}
@media (min-width: 960px) {
.hero .sub-heading * {
margin-bottom: 0;
font-size: 24px;
line-height: 40px;
}
}
.hero img {
max-width: 100%;
height: auto;
}
.tabs nav {
border-bottom: 1px solid rgba(76, 89, 124, 0.3);
display: flex;
margin-bottom: 24px;
padding-top: 4px;
}
@media (max-width: 959px) {
.tabs nav {
overflow-x: auto;
}
}
@media (min-width: 960px) {
.tabs nav {
margin-bottom: 50px;
padding-top: 8px;
}
}
.tabs label {
cursor: pointer;
display: block;
padding-right: 24px;
font-size: 24px;
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
}
@media (min-width: 960px) {
.tabs label {
font-size: 24px;
padding-right: 64px;
}
}
.tabs label span {
font-size: 14px;
line-height: 24px;
display: block;
margin: 3px 0 11px;
font-weight: 400;
text-transform: none;
}
.tabs .tab-content {
display: none;
position: relative;
}
.tabs h2 {
text-transform: uppercase;
font-weight: 700;
font-size: 24px;
line-height: 1;
letter-spacing: 0;
margin-bottom: 28px;
}
@media (min-width: 960px) {
.tabs h2 {
font-size: 32px;
margin-bottom: 44px;
}
}
.tabs input {
display: none;
}
.tabs input:nth-of-type(1):checked ~ nav > label:nth-child(1) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(1):checked ~ nav > label:nth-child(1)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(1):checked ~ nav > label:nth-child(1)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(1):checked ~ .tab-content-wrapper .tab-content:nth-of-type(1) {
display: block !important;
}
.tabs input:nth-of-type(2):checked ~ nav > label:nth-child(2) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(2):checked ~ nav > label:nth-child(2)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(2):checked ~ nav > label:nth-child(2)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(2):checked ~ .tab-content-wrapper .tab-content:nth-of-type(2) {
display: block !important;
}
.tabs input:nth-of-type(3):checked ~ nav > label:nth-child(3) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(3):checked ~ nav > label:nth-child(3)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(3):checked ~ nav > label:nth-child(3)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(3):checked ~ .tab-content-wrapper .tab-content:nth-of-type(3) {
display: block !important;
}
.tabs input:nth-of-type(4):checked ~ nav > label:nth-child(4) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(4):checked ~ nav > label:nth-child(4)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(4):checked ~ nav > label:nth-child(4)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(4):checked ~ .tab-content-wrapper .tab-content:nth-of-type(4) {
display: block !important;
}
.tabs input:nth-of-type(5):checked ~ nav > label:nth-child(5) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(5):checked ~ nav > label:nth-child(5)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(5):checked ~ nav > label:nth-child(5)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(5):checked ~ .tab-content-wrapper .tab-content:nth-of-type(5) {
display: block !important;
}
.tabs input:nth-of-type(6):checked ~ nav > label:nth-child(6) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(6):checked ~ nav > label:nth-child(6)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(6):checked ~ nav > label:nth-child(6)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(6):checked ~ .tab-content-wrapper .tab-content:nth-of-type(6) {
display: block !important;
}
.tabs input:nth-of-type(7):checked ~ nav > label:nth-child(7) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(7):checked ~ nav > label:nth-child(7)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(7):checked ~ nav > label:nth-child(7)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(7):checked ~ .tab-content-wrapper .tab-content:nth-of-type(7) {
display: block !important;
}
.tabs input:nth-of-type(8):checked ~ nav > label:nth-child(8) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(8):checked ~ nav > label:nth-child(8)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(8):checked ~ nav > label:nth-child(8)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(8):checked ~ .tab-content-wrapper .tab-content:nth-of-type(8) {
display: block !important;
}
.tabs input:nth-of-type(9):checked ~ nav > label:nth-child(9) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(9):checked ~ nav > label:nth-child(9)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(9):checked ~ nav > label:nth-child(9)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(9):checked ~ .tab-content-wrapper .tab-content:nth-of-type(9) {
display: block !important;
}
.tabs input:nth-of-type(10):checked ~ nav > label:nth-child(10) {
font-weight: 700;
position: relative;
}
.tabs input:nth-of-type(10):checked ~ nav > label:nth-child(10)::after {
position: absolute;
width: calc(100% - 24px);
bottom: 0;
content: "";
background: #e06249;
height: 6px;
}
@media (min-width: 960px) {
.tabs input:nth-of-type(10):checked ~ nav > label:nth-child(10)::after {
width: calc(100% - 64px);
}
}
.tabs input:nth-of-type(10):checked ~ .tab-content-wrapper .tab-content:nth-of-type(10) {
display: block !important;
}
.timetable__item {
box-shadow: 0 0 10px 0 rgba(209, 209, 209, 0.15);
border: 1px solid rgba(76, 89, 124, 0.3);
margin-bottom: 16px;
}
.timetable summary {
transition: background 0.2s ease;
}
.timetable summary[open], .timetable summary:hover {
background: rgba(76, 89, 124, 0.1);
}
.timetable summary::-webkit-details-marker {
display: none;
}
.timetable summary > div {
display: flex;
font-size: 12px;
line-height: 16px;
cursor: pointer;
padding: 16px;
}
@media (min-width: 960px) {
.timetable summary > div {
padding: 30px 34px;
font-size: 14px;
line-height: 18px;
}
}
.timetable summary > div > div:first-child {
width: 33%;
margin-right: 16px;
flex-shrink: 0;
}
@media (min-width: 960px) {
.timetable summary > div > div:first-child {
margin-right: 24px;
}
}
.timetable__time {
font-weight: 600;
font-size: 14px;
}
@media (min-width: 960px) {
.timetable__time {
font-size: 18px;
}
}
.timetable__location {
font-weight: 300;
font-size: 12px;
}
@media (min-width: 960px) {
.timetable__location {
font-size: 14px;
}
}
.timetable__title {
font-weight: 700;
font-size: 14px;
}
@media (min-width: 960px) {
.timetable__title {
font-size: 18px;
}
}
.timetable__content {
padding: 16px;
font-size: 12px;
}
@media (min-width: 960px) {
.timetable__content {
padding: 30px 34px;
font-size: 14px;
}
}
.video a {
background: #4c597c;
color: #fff;
margin-bottom: 16px;
padding: 16px 32px;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 700;
text-decoration: none;
}
.video-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 100;
padding: 24px;
}
.video-modal.is-open {
display: block;
}
.video-modal div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
width: 100%;
max-width: 1080px;
padding-top: 56.25vh;
}
.video-modal iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.video-modal__close {
color: #fff;
position: absolute;
top: 24px;
right: 24px;
cursor: pointer;
background: none;
border: none;
}
.video-modal__close object {
pointer-events: none;
}
.person img {
display: block;
margin-bottom: 16px;
}
.person__content {
display: flex;
}
.person__content div {
width: calc(100% - 24px);
padding-right: 12px;
}
.person__content strong {
font-size: 18px;
letter-spacing: 0.6px;
}
.person__content span {
font-size: 14px;
letter-spacing: 0.47px;
line-height: 24px;
}
.page-template-common-ground .page-header {
min-height: calc(100vh - 48px - 116px);
}
.page-template-common-ground .common-ground-logo {
margin-bottom: 28px;
}
@media (min-width: 961px) {
.page-template-common-ground .common-ground-logo {
margin-bottom: 60px;
}
}
.page-template-common-ground .page-header .secondary-button {
margin: 20px 28px;
}
@media (min-width: 961px) {
.page-template-common-ground .page-header .secondary-button {
margin: 30px 0 60px;
}
}
.page-template-common-ground img {
max-width: 100%;
}
.page-template-common-ground .cg-description {
background: #EBDAC6;
padding-top: 80px;
}
@media (min-width: 961px) {
.page-template-common-ground .cg-description {
padding-top: 190px;
}
}
.page-template-common-ground .cg-description p {
color: #e06249;
font-weight: 700;
margin-bottom: 80px;
font-size: 24px;
line-height: 32px;
}
@media (max-width: 767px) {
.page-template-common-ground .cg-description p {
margin-top: 48px;
}
}
@media (min-width: 992px) {
.page-template-common-ground .cg-description p {
margin-bottom: 170px;
font-size: 32px;
line-height: 46px;
}
}
.page-template-common-ground .cg-description:after {
background: #D4998C;
height: 228px;
width: 100%;
display: block;
}
@media (min-width: 768px) {
.page-template-common-ground .cg-description:after {
content: "";
}
}
.page-template-common-ground .cg-text-image {
padding: 56px 0;
}
@media (min-width: 961px) {
.page-template-common-ground .cg-text-image {
padding: 112px 0;
}
}
.page-template-common-ground .cg-text-image .button, .page-template-common-ground .cg-text-image .show-more-button--component, .page-template-common-ground .cg-text-image .option-button--sign-up {
margin: 0;
}
.links-banner {
background: #ECDBC9;
padding: 60px 0;
}
@media (min-width: 960px) {
.links-banner {
padding: 120px 0;
}
}
.links-banner .col-md-6 {
text-align: left;
}
@media (max-width: 767px) {
.links-banner .col-md-6 {
text-align: center;
}
}
@media (min-width: 768px) {
.links-banner .col-md-6.text-right {
text-align: right;
}
}
.links-banner .button, .links-banner .show-more-button--component, .links-banner .option-button--sign-up {
margin: 0;
}
.links-banner .align-items-center {
text-align: center;
}
.page-template-cg-event img {
max-width: 100%;
height: auto;
}
.page-template-cg-event details > summary {
list-style: none;
}
.page-template-cg-event details > summary::-webkit-details-marker {
display: none;
}
.page-template-cg-event .invitation h2 {
font-weight: 700;
font-size: 64px;
letter-spacing: 1px;
line-height: 76px;
margin: 60px 0;
}
.page-template-cg-event .invitation__author {
padding-top: 4px;
}
.page-template-cg-event .invitation__author img {
width: 100%;
height: auto;
}
.page-template-cg-event .invitation__author span {
text-transform: uppercase;
color: #e06249;
font-size: 12px;
letter-spacing: 0.4px;
line-height: 24px;
margin-bottom: 6px;
}
.page-template-cg-event .invitation__author p,
.page-template-cg-event .invitation__author * {
font-size: 12px;
line-height: 20px;
}
.page-template-cg-event .invitation__author b {
display: inline-block;
font-size: 18px;
}
.page-template-cg-event .invitation .button, .page-template-cg-event .invitation .show-more-button--component, .page-template-cg-event .invitation .option-button--sign-up {
border-color: #4c597c;
color: #4c597c;
}
.page-template-cg-event .invitation .button::before, .page-template-cg-event .invitation .show-more-button--component::before, .page-template-cg-event .invitation .option-button--sign-up::before {
background-color: #4c597c;
}
.page-template-cg-event .invitation .button:hover, .page-template-cg-event .invitation .show-more-button--component:hover, .page-template-cg-event .invitation .option-button--sign-up:hover {
color: #fff;
}
.page-template-cg-event .invitation .button:hover::before, .page-template-cg-event .invitation .show-more-button--component:hover::before, .page-template-cg-event .invitation .option-button--sign-up:hover::before {
background-color: #4c597c;
}
.page-template-cg-event .program h4 {
margin-top: 24px;
}
.page-template-cg-event .program .film {
margin-bottom: 48px;
align-items: center;
}
.page-template-cg-event .program .film .image-container {
width: 100%;
height: 400px;
background-size: cover;
background-position: center;
position: relative;
cursor: pointer !important;
}
.page-template-cg-event .program .film .image-container .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
}
.page-template-cg-event .program .film__desc {
color: #e06249;
font-weight: 700;
margin-bottom: 23px;
}
.page-template-cg-event .map hr {
opacity: 0.5;
border: none;
border-top: 1px solid #979797;
margin: 0;
}
.page-template-cg-event .map .our-venues {
background: #e06249;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 4px 20px;
font-size: 16px;
letter-spacing: 0.53px;
line-height: 34px;
font-weight: 700;
margin-bottom: 24px;
}
@media (min-width: 960px) {
.page-template-cg-event .map .our-venues {
margin-bottom: 46px;
}
}
.page-template-cg-event .map #map {
height: 515px;
}
.page-template-cg-event .map-nav__item {
padding: 26px 0 16px;
font-size: 18px;
letter-spacing: 0;
line-height: 32px;
cursor: pointer;
transition: background 0.2s ease;
padding-left: 96px;
position: relative;
}
.page-template-cg-event .map-nav__item object {
position: absolute;
top: 32px;
left: 0;
}
.page-template-cg-event .map-nav__item:hover {
background: #f2f2f2;
}
.page-template-cg-event .map-nav__title {
font-size: 21px;
font-weight: 700;
text-decoration: underline;
}
.page-template-cg-event .sponsor img {
width: 100%;
width: auto;
}
.page-template-cg-event .past-events {
background: #EFDAC6;
}
.ay-trailer-popup-trigger {
cursor: pointer;
}
.ay-full-essays-list {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
display: none;
}
.ay-full-essays-list:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: black;
opacity: 0;
transition: opacity 4s ease;
cursor: pointer;
}
.ay-full-essays-list.active {
display: block;
}
.ay-full-essays-list.active:before {
opacity: 0.5;
}
.ay-full-essays-list .ay-full-essay {
position: absolute;
width: 90%;
max-width: 900px;
height: 100%;
top: 0;
right: 0;
background: #fff;
overflow-y: auto;
padding: 96px;
transform: translateX(100%);
transition: transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}
@media (max-width: 800px) {
.ay-full-essays-list .ay-full-essay {
padding: 48px;
}
}
@media (max-width: 500px) {
.ay-full-essays-list .ay-full-essay {
padding: 24px;
}
}
.ay-full-essays-list .ay-full-essay svg {
position: absolute;
left: 24px;
cursor: pointer;
fill: #e06249;
padding: 24px;
top: 24px;
width: 80px;
height: 80px;
}
@media (max-width: 800px) {
.ay-full-essays-list .ay-full-essay svg {
top: 6px;
left: auto;
right: 6px;
}
}
.ay-full-essays-list .ay-full-essay * {
line-height: 2;
}
.ay-full-essays-list .ay-full-essay ol {
padding-left: 24px;
list-style: decimal;
}
.ay-full-essays-list .ay-full-essay.active {
transform: translateX(0) !important;
}
.ay-full-essays-list .ay-full-essay cite {
margin-bottom: 24px;
display: block;
font-size: 1.9rem;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
font-style: normal;
text-align: right;
}
.ay-full-essays-list .ay-full-essay cite span {
display: block;
opacity: 0.6;
}
.ay-full-essays-list .ay-full-essay header {
position: relative;
}
.ay-full-essays-list .ay-full-essay header h2 {
line-height: 1.1;
margin-bottom: 24px;
font-size: 5.4rem;
}
.ay-full-essays-list .ay-full-essay header h2:before {
background: #e06249;
}
.ay-full-essays-list .ay-full-essay header h4 {
text-align: right;
}
.ay-full-essays-list .ay-full-essay .image-wrapper {
float: left;
padding-right: 48px;
padding-bottom: 24px;
}
.ay-full-essays-list .ay-full-essay .image-wrapper img {
object-fit: cover;
object-position: center;
width: 180px;
height: 180px;
border-radius: 50%;
top: 0;
left: 0;
margin-bottom: 6px;
}
@media (max-width: 700px) {
.ay-full-essays-list .ay-full-essay .image-wrapper {
padding-right: 24px;
padding-bottom: 12px;
}
.ay-full-essays-list .ay-full-essay .image-wrapper img {
width: 100px;
height: 100px;
}
}
.ay-full-essays-list .ay-full-essay .image-wrapper p {
font-size: 1.3rem;
margin-bottom: 0;
text-align: center;
}
.ay-full-essays-list .ay-full-participant {
max-width: 600px;
}
.ay-full-essays-list .ay-full-participant .social {
display: flex;
justify-content: center;
}
.ay-full-essays-list .ay-full-participant .social svg {
position: static;
}
.ay-full-essays-list .ay-full-participant > p {
text-align: justify;
}
.ay-full-essays-list .ay-full-participant header {
text-align: center;
}
.ay-full-essays-list .ay-full-participant header h2 {
text-align: center;
margin-bottom: 24px;
}
.ay-full-essays-list .ay-full-participant header h2:before {
left: 50%;
transform: translateX(-50%);
}
.ay-full-essays-list .ay-full-participant header img {
object-fit: cover;
object-position: center;
width: 190px;
height: 190px;
border-radius: 50%;
margin-bottom: 12px;
display: inline-block;
}
.ay-full-essays-list .ay-full-participant header p {
font-size: 1.4rem;
} .page-template-cg-archipelago,
.page-template-buch-wien,
.page-template-buch-wien-2022,
.page-template-leipzig-2022,
[class*=page-template-leipzig-] {
background: #8da2c1;
overflow-x: hidden;
}
.page-template-cg-archipelago > .container-fluid,
.page-template-buch-wien > .container-fluid,
.page-template-buch-wien-2022 > .container-fluid,
.page-template-leipzig-2022 > .container-fluid,
[class*=page-template-leipzig-] > .container-fluid {
padding-left: 0;
padding-right: 0;
}
.page-template-cg-archipelago .container,
.page-template-buch-wien .container,
.page-template-buch-wien-2022 .container,
.page-template-leipzig-2022 .container,
[class*=page-template-leipzig-] .container {
max-width: 1340px;
}
.page-template-cg-archipelago .header,
.page-template-cg-archipelago .footer,
.page-template-buch-wien .header,
.page-template-buch-wien .footer,
.page-template-buch-wien-2022 .header,
.page-template-buch-wien-2022 .footer,
.page-template-leipzig-2022 .header,
.page-template-leipzig-2022 .footer,
[class*=page-template-leipzig-] .header,
[class*=page-template-leipzig-] .footer {
padding-left: 30px;
padding-right: 30px;
}
.page-template-cg-archipelago .header,
.page-template-buch-wien .header,
.page-template-buch-wien-2022 .header,
.page-template-leipzig-2022 .header,
[class*=page-template-leipzig-] .header {
position: relative;
z-index: 15;
}
.page-template-cg-archipelago .footer,
.page-template-buch-wien .footer,
.page-template-buch-wien-2022 .footer,
.page-template-leipzig-2022 .footer,
[class*=page-template-leipzig-] .footer {
position: relative;
z-index: 10;
}
.page-template-cg-archipelago h1,
.page-template-buch-wien h1,
.page-template-buch-wien-2022 h1,
.page-template-leipzig-2022 h1,
[class*=page-template-leipzig-] h1 {
font-size: 8.2rem;
letter-spacing: 2.5px;
margin-bottom: 40px;
}
@media (max-width: 500px) {
.page-template-cg-archipelago h1,
.page-template-buch-wien h1,
.page-template-buch-wien-2022 h1,
.page-template-leipzig-2022 h1,
[class*=page-template-leipzig-] h1 {
font-size: 7rem;
}
}
.page-template-cg-archipelago section,
.page-template-buch-wien section,
.page-template-buch-wien-2022 section,
.page-template-leipzig-2022 section,
[class*=page-template-leipzig-] section {
padding-top: 100px;
padding-bottom: 100px;
}
.page-template-cg-archipelago h2,
.page-template-buch-wien h2,
.page-template-buch-wien-2022 h2,
.page-template-leipzig-2022 h2,
[class*=page-template-leipzig-] h2 {
font-weight: bold;
font-size: 5.9rem;
letter-spacing: 0.5px;
position: relative;
padding-bottom: 40px;
margin-bottom: 80px;
}
.page-template-cg-archipelago h2:before,
.page-template-buch-wien h2:before,
.page-template-buch-wien-2022 h2:before,
.page-template-leipzig-2022 h2:before,
[class*=page-template-leipzig-] h2:before {
width: 200px;
height: 8px;
content: "";
background: #fff;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.page-template-cg-archipelago sidebar,
.page-template-buch-wien sidebar,
.page-template-buch-wien-2022 sidebar,
.page-template-leipzig-2022 sidebar,
[class*=page-template-leipzig-] sidebar {
width: 250px;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 4;
transform: translateX(-175px);
transition: transform 0.3s ease;
}
.page-template-cg-archipelago sidebar:hover,
.page-template-buch-wien sidebar:hover,
.page-template-buch-wien-2022 sidebar:hover,
.page-template-leipzig-2022 sidebar:hover,
[class*=page-template-leipzig-] sidebar:hover {
transform: translateX(0);
}
.page-template-cg-archipelago sidebar:hover:before,
.page-template-buch-wien sidebar:hover:before,
.page-template-buch-wien-2022 sidebar:hover:before,
.page-template-leipzig-2022 sidebar:hover:before,
[class*=page-template-leipzig-] sidebar:hover:before {
opacity: 0.6;
}
.page-template-cg-archipelago sidebar svg,
.page-template-buch-wien sidebar svg,
.page-template-buch-wien-2022 sidebar svg,
.page-template-leipzig-2022 sidebar svg,
[class*=page-template-leipzig-] sidebar svg {
width: 50px;
}
.page-template-cg-archipelago sidebar:before,
.page-template-buch-wien sidebar:before,
.page-template-buch-wien-2022 sidebar:before,
.page-template-leipzig-2022 sidebar:before,
[class*=page-template-leipzig-] sidebar:before {
background: #000;
opacity: 0.3;
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
mix-blend-mode: overlay;
transition: opacity 0.3s ease;
}
.page-template-cg-archipelago sidebar ul,
.page-template-buch-wien sidebar ul,
.page-template-buch-wien-2022 sidebar ul,
.page-template-leipzig-2022 sidebar ul,
[class*=page-template-leipzig-] sidebar ul {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
z-index: 10;
padding-top: 50px;
}
.page-template-cg-archipelago sidebar ul a,
.page-template-buch-wien sidebar ul a,
.page-template-buch-wien-2022 sidebar ul a,
.page-template-leipzig-2022 sidebar ul a,
[class*=page-template-leipzig-] sidebar ul a {
padding: 10px;
display: block;
cursor: pointer;
position: relative;
display: flex;
flex-direction: row-reverse;
text-decoration: none;
}
.page-template-cg-archipelago sidebar g,
.page-template-buch-wien sidebar g,
.page-template-buch-wien-2022 sidebar g,
.page-template-leipzig-2022 sidebar g,
[class*=page-template-leipzig-] sidebar g {
fill: #fff;
}
.page-template-cg-archipelago sidebar span,
.page-template-buch-wien sidebar span,
.page-template-buch-wien-2022 sidebar span,
.page-template-leipzig-2022 sidebar span,
[class*=page-template-leipzig-] sidebar span {
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
font-size: 1.5rem;
font-style: normal;
color: #fff;
line-height: 80px;
margin-right: 20px;
}
@media (max-width: 800px) {
.page-template-cg-archipelago sidebar,
.page-template-buch-wien sidebar,
.page-template-buch-wien-2022 sidebar,
.page-template-leipzig-2022 sidebar,
[class*=page-template-leipzig-] sidebar {
top: auto;
bottom: 0;
transform: translateX(0);
width: 100%;
height: 70px;
}
.page-template-cg-archipelago sidebar a,
.page-template-buch-wien sidebar a,
.page-template-buch-wien-2022 sidebar a,
.page-template-leipzig-2022 sidebar a,
[class*=page-template-leipzig-] sidebar a {
height: 70px;
display: grid;
place-items: center;
}
.page-template-cg-archipelago sidebar span,
.page-template-buch-wien sidebar span,
.page-template-buch-wien-2022 sidebar span,
.page-template-leipzig-2022 sidebar span,
[class*=page-template-leipzig-] sidebar span {
display: none;
}
.page-template-cg-archipelago sidebar ul,
.page-template-buch-wien sidebar ul,
.page-template-buch-wien-2022 sidebar ul,
.page-template-leipzig-2022 sidebar ul,
[class*=page-template-leipzig-] sidebar ul {
flex-direction: row;
justify-content: space-evenly;
align-content: center;
padding-top: 0;
}
}
.page-template-cg-archipelago p,
.page-template-cg-archipelago li,
.page-template-buch-wien p,
.page-template-buch-wien li,
.page-template-buch-wien-2022 p,
.page-template-buch-wien-2022 li,
.page-template-leipzig-2022 p,
.page-template-leipzig-2022 li,
[class*=page-template-leipzig-] p,
[class*=page-template-leipzig-] li {
font-size: 1.9rem;
}
.page-template-cg-archipelago p *,
.page-template-cg-archipelago li *,
.page-template-buch-wien p *,
.page-template-buch-wien li *,
.page-template-buch-wien-2022 p *,
.page-template-buch-wien-2022 li *,
.page-template-leipzig-2022 p *,
.page-template-leipzig-2022 li *,
[class*=page-template-leipzig-] p *,
[class*=page-template-leipzig-] li * {
font-size: 1.9rem;
}
.page-template-cg-archipelago .ay-participants,
.page-template-buch-wien .ay-participants,
.page-template-buch-wien-2022 .ay-participants,
.page-template-leipzig-2022 .ay-participants,
[class*=page-template-leipzig-] .ay-participants {
padding: 0;
color: #e06249;
}
.page-template-cg-archipelago .ay-participants h2:before,
.page-template-buch-wien .ay-participants h2:before,
.page-template-buch-wien-2022 .ay-participants h2:before,
.page-template-leipzig-2022 .ay-participants h2:before,
[class*=page-template-leipzig-] .ay-participants h2:before {
background: #4f322e;
}
.page-template-cg-archipelago .ay-participants .inner,
.page-template-buch-wien .ay-participants .inner,
.page-template-buch-wien-2022 .ay-participants .inner,
.page-template-leipzig-2022 .ay-participants .inner,
[class*=page-template-leipzig-] .ay-participants .inner {
padding-top: 100px;
padding-bottom: 100px;
}
.page-template-cg-archipelago .ay-participants .ay-participant,
.page-template-buch-wien .ay-participants .ay-participant,
.page-template-buch-wien-2022 .ay-participants .ay-participant,
.page-template-leipzig-2022 .ay-participants .ay-participant,
[class*=page-template-leipzig-] .ay-participants .ay-participant {
margin-bottom: 20px;
}
.page-template-cg-archipelago .ay-participants .ay-participants-list,
.page-template-buch-wien .ay-participants .ay-participants-list,
.page-template-buch-wien-2022 .ay-participants .ay-participants-list,
.page-template-leipzig-2022 .ay-participants .ay-participants-list,
[class*=page-template-leipzig-] .ay-participants .ay-participants-list {
--auto-grid-min-size: 250px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(var(--auto-grid-min-size, 14rem), 100%), 1fr));
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-participants .ay-participants-list,
.page-template-buch-wien .ay-participants .ay-participants-list,
.page-template-buch-wien-2022 .ay-participants .ay-participants-list,
.page-template-leipzig-2022 .ay-participants .ay-participants-list,
[class*=page-template-leipzig-] .ay-participants .ay-participants-list {
--auto-grid-min-size: 150px;
}
}
.page-template-cg-archipelago .ay-participants .people-banner,
.page-template-buch-wien .ay-participants .people-banner,
.page-template-buch-wien-2022 .ay-participants .people-banner,
.page-template-leipzig-2022 .ay-participants .people-banner,
[class*=page-template-leipzig-] .ay-participants .people-banner {
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/archipelago-yugoslavia/people.svg);
background-size: cover;
width: 300px;
height: 100%;
position: absolute;
top: 0;
left: calc(100% + 80px);
}
.page-template-cg-archipelago .ay-participants .ay-participant .card,
.page-template-buch-wien .ay-participants .ay-participant .card,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card,
.page-template-leipzig-2022 .ay-participants .ay-participant .card,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card {
cursor: pointer;
transition: 1s ease transform;
transform: scale(1);
}
.page-template-cg-archipelago .ay-participants .ay-participant .card.front,
.page-template-buch-wien .ay-participants .ay-participant .card.front,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card.front,
.page-template-leipzig-2022 .ay-participants .ay-participant .card.front,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card.front {
text-align: center;
padding: 30px;
position: relative;
}
.page-template-cg-archipelago .ay-participants .ay-participant .card.front img,
.page-template-buch-wien .ay-participants .ay-participant .card.front img,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card.front img,
.page-template-leipzig-2022 .ay-participants .ay-participant .card.front img,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card.front img {
width: 160px;
height: 160px;
background: #fff;
border-radius: 50%;
object-fit: cover;
display: inline-block;
margin-bottom: 30px;
filter: grayscale(1);
transition: filter 0.3s ease;
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-participants .ay-participant .card.front img,
.page-template-buch-wien .ay-participants .ay-participant .card.front img,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card.front img,
.page-template-leipzig-2022 .ay-participants .ay-participant .card.front img,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card.front img {
width: 130px;
height: 130px;
}
}
.page-template-cg-archipelago .ay-participants .ay-participant .card.front h5,
.page-template-buch-wien .ay-participants .ay-participant .card.front h5,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card.front h5,
.page-template-leipzig-2022 .ay-participants .ay-participant .card.front h5,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card.front h5 {
margin-bottom: 10px;
line-height: 1.3;
}
.page-template-cg-archipelago .ay-participants .ay-participant .card.front h6,
.page-template-buch-wien .ay-participants .ay-participant .card.front h6,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card.front h6,
.page-template-leipzig-2022 .ay-participants .ay-participant .card.front h6,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card.front h6 {
color: #4f322e;
text-transform: uppercase;
letter-spacing: 2px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
transform: translateY(20px);
font-size: 1.5rem;
opacity: 0;
transition: 0.5s ease opacity, 0.5s ease transform;
}
.page-template-cg-archipelago .ay-participants .ay-participant .card:hover,
.page-template-buch-wien .ay-participants .ay-participant .card:hover,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card:hover,
.page-template-leipzig-2022 .ay-participants .ay-participant .card:hover,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card:hover {
transform: scale(1.1);
}
.page-template-cg-archipelago .ay-participants .ay-participant .card:hover img,
.page-template-buch-wien .ay-participants .ay-participant .card:hover img,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card:hover img,
.page-template-leipzig-2022 .ay-participants .ay-participant .card:hover img,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card:hover img {
filter: grayscale(0);
}
.page-template-cg-archipelago .ay-participants .ay-participant .card:hover h6,
.page-template-buch-wien .ay-participants .ay-participant .card:hover h6,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card:hover h6,
.page-template-leipzig-2022 .ay-participants .ay-participant .card:hover h6,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card:hover h6 {
opacity: 1;
transform: translateY(0);
}
.page-template-cg-archipelago .ay-participants .ay-participant .card .back,
.page-template-buch-wien .ay-participants .ay-participant .card .back,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card .back,
.page-template-leipzig-2022 .ay-participants .ay-participant .card .back,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card .back {
display: none;
}
.page-template-cg-archipelago .ay-participants .ay-participant .card h5,
.page-template-buch-wien .ay-participants .ay-participant .card h5,
.page-template-buch-wien-2022 .ay-participants .ay-participant .card h5,
.page-template-leipzig-2022 .ay-participants .ay-participant .card h5,
[class*=page-template-leipzig-] .ay-participants .ay-participant .card h5 {
line-height: 1.1;
}
.page-template-cg-archipelago .ay-header,
.page-template-buch-wien .ay-header,
.page-template-buch-wien-2022 .ay-header,
.page-template-leipzig-2022 .ay-header,
[class*=page-template-leipzig-] .ay-header {
color: #242241;
padding-top: 80px;
position: relative;
z-index: 5;
background: #7193b8;
}
.page-template-cg-archipelago .ay-header .container,
.page-template-buch-wien .ay-header .container,
.page-template-buch-wien-2022 .ay-header .container,
.page-template-leipzig-2022 .ay-header .container,
[class*=page-template-leipzig-] .ay-header .container {
z-index: 3;
position: relative;
}
.page-template-cg-archipelago .ay-header h3,
.page-template-buch-wien .ay-header h3,
.page-template-buch-wien-2022 .ay-header h3,
.page-template-leipzig-2022 .ay-header h3,
[class*=page-template-leipzig-] .ay-header h3 {
position: relative;
margin-bottom: 30px;
}
.page-template-cg-archipelago .ay-header h3,
.page-template-buch-wien .ay-header h3,
.page-template-buch-wien-2022 .ay-header h3,
.page-template-leipzig-2022 .ay-header h3,
[class*=page-template-leipzig-] .ay-header h3 {
padding-left: 200px;
font-size: 2.8rem;
letter-spacing: 2px;
}
.page-template-cg-archipelago .ay-header h3:before,
.page-template-buch-wien .ay-header h3:before,
.page-template-buch-wien-2022 .ay-header h3:before,
.page-template-leipzig-2022 .ay-header h3:before,
[class*=page-template-leipzig-] .ay-header h3:before {
content: "";
position: absolute;
top: 50%;
transform: translatey(-50%);
left: 0;
width: 180px;
height: 6px;
background: #fff;
}
.page-template-cg-archipelago .ay-header svg,
.page-template-buch-wien .ay-header svg,
.page-template-buch-wien-2022 .ay-header svg,
.page-template-leipzig-2022 .ay-header svg,
[class*=page-template-leipzig-] .ay-header svg {
position: absolute;
top: 100%;
z-index: 2;
transform: scaleX(1.1) translateY(-5px);
}
.page-template-cg-archipelago .ay-header .wave-border,
.page-template-buch-wien .ay-header .wave-border,
.page-template-buch-wien-2022 .ay-header .wave-border,
.page-template-leipzig-2022 .ay-header .wave-border,
[class*=page-template-leipzig-] .ay-header .wave-border {
top: calc(100% + 20px);
z-index: 1;
}
.page-template-cg-archipelago .ay-header p,
.page-template-buch-wien .ay-header p,
.page-template-buch-wien-2022 .ay-header p,
.page-template-leipzig-2022 .ay-header p,
[class*=page-template-leipzig-] .ay-header p {
margin: 0;
}
.page-template-cg-archipelago .ay-header img,
.page-template-buch-wien .ay-header img,
.page-template-buch-wien-2022 .ay-header img,
.page-template-leipzig-2022 .ay-header img,
[class*=page-template-leipzig-] .ay-header img {
position: absolute;
width: 55%;
top: 50%;
right: -80px;
z-index: -1;
transform: translatey(-50%);
}
.page-template-cg-archipelago .ay-header .ay-ctas,
.page-template-buch-wien .ay-header .ay-ctas,
.page-template-buch-wien-2022 .ay-header .ay-ctas,
.page-template-leipzig-2022 .ay-header .ay-ctas,
[class*=page-template-leipzig-] .ay-header .ay-ctas {
margin-top: 30px;
font-weight: bold;
margin-bottom: -150px;
position: relative;
z-index: 2;
}
.page-template-cg-archipelago .ay-header .ay-ctas a,
.page-template-buch-wien .ay-header .ay-ctas a,
.page-template-buch-wien-2022 .ay-header .ay-ctas a,
.page-template-leipzig-2022 .ay-header .ay-ctas a,
[class*=page-template-leipzig-] .ay-header .ay-ctas a {
font-size: 2rem;
text-decoration: none;
display: block;
height: 100%;
padding-top: 15px;
}
.page-template-cg-archipelago .ay-header .ay-ctas .ay-cta,
.page-template-buch-wien .ay-header .ay-ctas .ay-cta,
.page-template-buch-wien-2022 .ay-header .ay-ctas .ay-cta,
.page-template-leipzig-2022 .ay-header .ay-ctas .ay-cta,
[class*=page-template-leipzig-] .ay-header .ay-ctas .ay-cta {
align-items: center;
display: flex;
}
.page-template-cg-archipelago .ay-header .ay-ctas .ay-cta svg,
.page-template-buch-wien .ay-header .ay-ctas .ay-cta svg,
.page-template-buch-wien-2022 .ay-header .ay-ctas .ay-cta svg,
.page-template-leipzig-2022 .ay-header .ay-ctas .ay-cta svg,
[class*=page-template-leipzig-] .ay-header .ay-ctas .ay-cta svg {
position: static;
height: 80px;
margin-right: 24px;
display: inline-block;
}
.page-template-cg-archipelago .ay-header .ay-ctas .ay-cta svg g,
.page-template-buch-wien .ay-header .ay-ctas .ay-cta svg g,
.page-template-buch-wien-2022 .ay-header .ay-ctas .ay-cta svg g,
.page-template-leipzig-2022 .ay-header .ay-ctas .ay-cta svg g,
[class*=page-template-leipzig-] .ay-header .ay-ctas .ay-cta svg g {
fill: #fff;
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-header .ay-ctas .ay-cta svg,
.page-template-buch-wien .ay-header .ay-ctas .ay-cta svg,
.page-template-buch-wien-2022 .ay-header .ay-ctas .ay-cta svg,
.page-template-leipzig-2022 .ay-header .ay-ctas .ay-cta svg,
[class*=page-template-leipzig-] .ay-header .ay-ctas .ay-cta svg {
position: static;
height: 50px;
}
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-header,
.page-template-buch-wien .ay-header,
.page-template-buch-wien-2022 .ay-header,
.page-template-leipzig-2022 .ay-header,
[class*=page-template-leipzig-] .ay-header {
padding-top: 24px;
}
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-header,
.page-template-buch-wien .ay-header,
.page-template-buch-wien-2022 .ay-header,
.page-template-leipzig-2022 .ay-header,
[class*=page-template-leipzig-] .ay-header {
padding-bottom: 200px;
}
.page-template-cg-archipelago .ay-header img,
.page-template-buch-wien .ay-header img,
.page-template-buch-wien-2022 .ay-header img,
.page-template-leipzig-2022 .ay-header img,
[class*=page-template-leipzig-] .ay-header img {
position: static;
transform: translateY(0);
width: 100%;
margin-top: 24px;
}
}
.page-template-cg-archipelago .ay-intro,
.page-template-buch-wien .ay-intro,
.page-template-buch-wien-2022 .ay-intro,
.page-template-leipzig-2022 .ay-intro,
[class*=page-template-leipzig-] .ay-intro {
background: #d0c8bb;
padding-bottom: 280px;
color: #573931;
padding-top: calc(20% + 30px);
position: relative;
padding-left: 96px;
padding-right: 96px;
border-bottom: 8px solid #1c503e;
}
.page-template-cg-archipelago .ay-intro .leipzig-logo,
.page-template-buch-wien .ay-intro .leipzig-logo,
.page-template-buch-wien-2022 .ay-intro .leipzig-logo,
.page-template-leipzig-2022 .ay-intro .leipzig-logo,
[class*=page-template-leipzig-] .ay-intro .leipzig-logo {
margin-top: 48px;
margin-bottom: 48px;
max-width: 300px;
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-intro,
.page-template-buch-wien .ay-intro,
.page-template-buch-wien-2022 .ay-intro,
.page-template-leipzig-2022 .ay-intro,
[class*=page-template-leipzig-] .ay-intro {
padding-left: 0;
padding-right: 0;
}
}
.page-template-cg-archipelago .ay-intro .grass,
.page-template-buch-wien .ay-intro .grass,
.page-template-buch-wien-2022 .ay-intro .grass,
.page-template-leipzig-2022 .ay-intro .grass,
[class*=page-template-leipzig-] .ay-intro .grass {
position: absolute;
bottom: 0;
right: 48px;
max-width: 900px;
z-index: 0;
}
.page-template-cg-archipelago .ay-postcard,
.page-template-buch-wien .ay-postcard,
.page-template-buch-wien-2022 .ay-postcard,
.page-template-leipzig-2022 .ay-postcard,
[class*=page-template-leipzig-] .ay-postcard {
text-align: center;
color: #fff;
}
.page-template-cg-archipelago .ay-postcard span,
.page-template-buch-wien .ay-postcard span,
.page-template-buch-wien-2022 .ay-postcard span,
.page-template-leipzig-2022 .ay-postcard span,
[class*=page-template-leipzig-] .ay-postcard span {
font-weight: bold;
display: inline-block;
vertical-align: middle;
margin-right: 30px;
font-size: 2.4rem;
}
.page-template-cg-archipelago .ay-postcard .button, .page-template-cg-archipelago .ay-postcard .show-more-button--component, .page-template-cg-archipelago .ay-postcard .option-button--sign-up,
.page-template-buch-wien .ay-postcard .button,
.page-template-buch-wien .ay-postcard .show-more-button--component,
.page-template-buch-wien .ay-postcard .option-button--sign-up,
.page-template-buch-wien-2022 .ay-postcard .button,
.page-template-buch-wien-2022 .ay-postcard .show-more-button--component,
.page-template-buch-wien-2022 .ay-postcard .option-button--sign-up,
.page-template-leipzig-2022 .ay-postcard .button,
.page-template-leipzig-2022 .ay-postcard .show-more-button--component,
.page-template-leipzig-2022 .ay-postcard .option-button--sign-up,
[class*=page-template-leipzig-] .ay-postcard .button,
[class*=page-template-leipzig-] .ay-postcard .show-more-button--component,
[class*=page-template-leipzig-] .ay-postcard .option-button--sign-up {
vertical-align: middle;
margin-bottom: 0;
}
.page-template-cg-archipelago .ay-videos,
.page-template-cg-archipelago .ay-participants,
.page-template-buch-wien .ay-videos,
.page-template-buch-wien .ay-participants,
.page-template-buch-wien-2022 .ay-videos,
.page-template-buch-wien-2022 .ay-participants,
.page-template-leipzig-2022 .ay-videos,
.page-template-leipzig-2022 .ay-participants,
[class*=page-template-leipzig-] .ay-videos,
[class*=page-template-leipzig-] .ay-participants {
padding-left: 72px;
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-videos,
.page-template-cg-archipelago .ay-participants,
.page-template-buch-wien .ay-videos,
.page-template-buch-wien .ay-participants,
.page-template-buch-wien-2022 .ay-videos,
.page-template-buch-wien-2022 .ay-participants,
.page-template-leipzig-2022 .ay-videos,
.page-template-leipzig-2022 .ay-participants,
[class*=page-template-leipzig-] .ay-videos,
[class*=page-template-leipzig-] .ay-participants {
padding-left: 0;
}
}
.page-template-cg-archipelago .ay-videos,
.page-template-buch-wien .ay-videos,
.page-template-buch-wien-2022 .ay-videos,
.page-template-leipzig-2022 .ay-videos,
[class*=page-template-leipzig-] .ay-videos {
color: #4f322e;
border-bottom: 8px solid #573931;
}
.page-template-cg-archipelago .ay-videos h2:before,
.page-template-buch-wien .ay-videos h2:before,
.page-template-buch-wien-2022 .ay-videos h2:before,
.page-template-leipzig-2022 .ay-videos h2:before,
[class*=page-template-leipzig-] .ay-videos h2:before {
background: #e06249;
}
.page-template-cg-archipelago .ay-videos h3,
.page-template-buch-wien .ay-videos h3,
.page-template-buch-wien-2022 .ay-videos h3,
.page-template-leipzig-2022 .ay-videos h3,
[class*=page-template-leipzig-] .ay-videos h3 {
font-family: "Averta Std CY", sans-serif;
font-weight: 600;
font-size: 3.6rem;
}
.page-template-cg-archipelago .ay-videos h4,
.page-template-buch-wien .ay-videos h4,
.page-template-buch-wien-2022 .ay-videos h4,
.page-template-leipzig-2022 .ay-videos h4,
[class*=page-template-leipzig-] .ay-videos h4 {
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
font-size: 1.9rem;
font-style: normal;
margin-bottom: 12px;
display: block;
opacity: 0.6;
}
.page-template-cg-archipelago .ay-videos .ay-videos-day,
.page-template-buch-wien .ay-videos .ay-videos-day,
.page-template-buch-wien-2022 .ay-videos .ay-videos-day,
.page-template-leipzig-2022 .ay-videos .ay-videos-day,
[class*=page-template-leipzig-] .ay-videos .ay-videos-day {
margin-bottom: 96px;
padding-bottom: 96px;
position: relative;
}
.page-template-cg-archipelago .ay-videos .ay-videos-day:before,
.page-template-buch-wien .ay-videos .ay-videos-day:before,
.page-template-buch-wien-2022 .ay-videos .ay-videos-day:before,
.page-template-leipzig-2022 .ay-videos .ay-videos-day:before,
[class*=page-template-leipzig-] .ay-videos .ay-videos-day:before {
width: 200px;
height: 8px;
content: "";
background: #e06249;
position: absolute;
bottom: 0;
left: 50%;
display: block;
transform: translateX(-50%) translateY(50%);
}
.page-template-cg-archipelago .ay-videos .ay-videos-day:last-of-type:before,
.page-template-buch-wien .ay-videos .ay-videos-day:last-of-type:before,
.page-template-buch-wien-2022 .ay-videos .ay-videos-day:last-of-type:before,
.page-template-leipzig-2022 .ay-videos .ay-videos-day:last-of-type:before,
[class*=page-template-leipzig-] .ay-videos .ay-videos-day:last-of-type:before {
display: none;
}
.page-template-cg-archipelago .ay-videos .video-grid,
.page-template-buch-wien .ay-videos .video-grid,
.page-template-buch-wien-2022 .ay-videos .video-grid,
.page-template-leipzig-2022 .ay-videos .video-grid,
[class*=page-template-leipzig-] .ay-videos .video-grid {
--auto-grid-min-size: 450px;
gap: 80px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(var(--auto-grid-min-size, 14rem), 100%), 1fr));
}
.page-template-cg-archipelago .ay-videos .video-grid iframe,
.page-template-buch-wien .ay-videos .video-grid iframe,
.page-template-buch-wien-2022 .ay-videos .video-grid iframe,
.page-template-leipzig-2022 .ay-videos .video-grid iframe,
[class*=page-template-leipzig-] .ay-videos .video-grid iframe {
max-width: 100%;
}
.page-template-cg-archipelago .ay-videos svg,
.page-template-buch-wien .ay-videos svg,
.page-template-buch-wien-2022 .ay-videos svg,
.page-template-leipzig-2022 .ay-videos svg,
[class*=page-template-leipzig-] .ay-videos svg {
transform: scaleX(-1);
max-height: 400px;
}
.page-template-cg-archipelago .ay-videos aside,
.page-template-buch-wien .ay-videos aside,
.page-template-buch-wien-2022 .ay-videos aside,
.page-template-leipzig-2022 .ay-videos aside,
[class*=page-template-leipzig-] .ay-videos aside {
align-self: flex-end;
}
.page-template-cg-archipelago .ay-videos .aspect,
.page-template-buch-wien .ay-videos .aspect,
.page-template-buch-wien-2022 .ay-videos .aspect,
.page-template-leipzig-2022 .ay-videos .aspect,
[class*=page-template-leipzig-] .ay-videos .aspect {
position: relative; width: 100%;
padding-top: 56.25%; }
.page-template-cg-archipelago .ay-videos .aspect iframe,
.page-template-buch-wien .ay-videos .aspect iframe,
.page-template-buch-wien-2022 .ay-videos .aspect iframe,
.page-template-leipzig-2022 .ay-videos .aspect iframe,
[class*=page-template-leipzig-] .ay-videos .aspect iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}
.page-template-cg-archipelago .ay-theme,
.page-template-buch-wien .ay-theme,
.page-template-buch-wien-2022 .ay-theme,
.page-template-leipzig-2022 .ay-theme,
[class*=page-template-leipzig-] .ay-theme {
position: relative;
color: #fff;
}
.page-template-cg-archipelago .ay-theme h2,
.page-template-buch-wien .ay-theme h2,
.page-template-buch-wien-2022 .ay-theme h2,
.page-template-leipzig-2022 .ay-theme h2,
[class*=page-template-leipzig-] .ay-theme h2 {
margin-bottom: 48px;
}
.page-template-cg-archipelago .ay-theme h2:before,
.page-template-buch-wien .ay-theme h2:before,
.page-template-buch-wien-2022 .ay-theme h2:before,
.page-template-leipzig-2022 .ay-theme h2:before,
[class*=page-template-leipzig-] .ay-theme h2:before {
background: #e06249;
}
.page-template-cg-archipelago .ay-theme .theme-content,
.page-template-buch-wien .ay-theme .theme-content,
.page-template-buch-wien-2022 .ay-theme .theme-content,
.page-template-leipzig-2022 .ay-theme .theme-content,
[class*=page-template-leipzig-] .ay-theme .theme-content {
position: relative;
padding-left: 24px;
}
.page-template-cg-archipelago .ay-theme .statue,
.page-template-buch-wien .ay-theme .statue,
.page-template-buch-wien-2022 .ay-theme .statue,
.page-template-leipzig-2022 .ay-theme .statue,
[class*=page-template-leipzig-] .ay-theme .statue {
max-width: 650px;
width: 100%;
position: absolute;
bottom: -100px;
right: calc(100% - 80px);
}
.page-template-cg-archipelago .ay-theme small,
.page-template-buch-wien .ay-theme small,
.page-template-buch-wien-2022 .ay-theme small,
.page-template-leipzig-2022 .ay-theme small,
[class*=page-template-leipzig-] .ay-theme small {
margin-bottom: 30px;
font-weight: bold;
font-size: 2.4rem;
display: block;
}
.page-template-cg-archipelago .ay-theme p,
.page-template-buch-wien .ay-theme p,
.page-template-buch-wien-2022 .ay-theme p,
.page-template-leipzig-2022 .ay-theme p,
[class*=page-template-leipzig-] .ay-theme p {
margin-bottom: 48px;
}
.page-template-cg-archipelago .ay-theme .button, .page-template-cg-archipelago .ay-theme .show-more-button--component, .page-template-cg-archipelago .ay-theme .option-button--sign-up,
.page-template-buch-wien .ay-theme .button,
.page-template-buch-wien .ay-theme .show-more-button--component,
.page-template-buch-wien .ay-theme .option-button--sign-up,
.page-template-buch-wien-2022 .ay-theme .button,
.page-template-buch-wien-2022 .ay-theme .show-more-button--component,
.page-template-buch-wien-2022 .ay-theme .option-button--sign-up,
.page-template-leipzig-2022 .ay-theme .button,
.page-template-leipzig-2022 .ay-theme .show-more-button--component,
.page-template-leipzig-2022 .ay-theme .option-button--sign-up,
[class*=page-template-leipzig-] .ay-theme .button,
[class*=page-template-leipzig-] .ay-theme .show-more-button--component,
[class*=page-template-leipzig-] .ay-theme .option-button--sign-up {
margin-bottom: 0;
}
.page-template-cg-archipelago .ay-theme cite,
.page-template-buch-wien .ay-theme cite,
.page-template-buch-wien-2022 .ay-theme cite,
.page-template-leipzig-2022 .ay-theme cite,
[class*=page-template-leipzig-] .ay-theme cite {
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
font-size: 1.9rem;
font-style: normal;
margin-bottom: 24px;
display: block;
}
.page-template-cg-archipelago .ay-theme cite span,
.page-template-buch-wien .ay-theme cite span,
.page-template-buch-wien-2022 .ay-theme cite span,
.page-template-leipzig-2022 .ay-theme cite span,
[class*=page-template-leipzig-] .ay-theme cite span {
display: block;
opacity: 0.6;
}
.page-template-cg-archipelago .ay-venues,
.page-template-buch-wien .ay-venues,
.page-template-buch-wien-2022 .ay-venues,
.page-template-leipzig-2022 .ay-venues,
[class*=page-template-leipzig-] .ay-venues {
color: #fff;
}
.page-template-cg-archipelago .ay-venues h2:before,
.page-template-buch-wien .ay-venues h2:before,
.page-template-buch-wien-2022 .ay-venues h2:before,
.page-template-leipzig-2022 .ay-venues h2:before,
[class*=page-template-leipzig-] .ay-venues h2:before {
background: #d0c8bb;
}
.page-template-cg-archipelago .ay-venues iframe,
.page-template-buch-wien .ay-venues iframe,
.page-template-buch-wien-2022 .ay-venues iframe,
.page-template-leipzig-2022 .ay-venues iframe,
[class*=page-template-leipzig-] .ay-venues iframe {
margin-top: 30px;
}
.page-template-cg-archipelago .ay-essays,
.page-template-buch-wien .ay-essays,
.page-template-buch-wien-2022 .ay-essays,
.page-template-leipzig-2022 .ay-essays,
[class*=page-template-leipzig-] .ay-essays {
color: #573931;
padding-bottom: 0; }
.page-template-cg-archipelago .ay-essays h2:before,
.page-template-buch-wien .ay-essays h2:before,
.page-template-buch-wien-2022 .ay-essays h2:before,
.page-template-leipzig-2022 .ay-essays h2:before,
[class*=page-template-leipzig-] .ay-essays h2:before {
background: #e06249;
}
.page-template-cg-archipelago .ay-essays > .container,
.page-template-buch-wien .ay-essays > .container,
.page-template-buch-wien-2022 .ay-essays > .container,
.page-template-leipzig-2022 .ay-essays > .container,
[class*=page-template-leipzig-] .ay-essays > .container {
padding-bottom: 48px;
}
.page-template-cg-archipelago .ay-essays [data-slug=xb-essay],
.page-template-buch-wien .ay-essays [data-slug=xb-essay],
.page-template-buch-wien-2022 .ay-essays [data-slug=xb-essay],
.page-template-leipzig-2022 .ay-essays [data-slug=xb-essay],
[class*=page-template-leipzig-] .ay-essays [data-slug=xb-essay] {
background: #cf9286;
}
.page-template-cg-archipelago .ay-essays .essay-intro,
.page-template-buch-wien .ay-essays .essay-intro,
.page-template-buch-wien-2022 .ay-essays .essay-intro,
.page-template-leipzig-2022 .ay-essays .essay-intro,
[class*=page-template-leipzig-] .ay-essays .essay-intro {
margin: auto;
position: relative;
}
.page-template-cg-archipelago .ay-essays .essay-intro h2,
.page-template-buch-wien .ay-essays .essay-intro h2,
.page-template-buch-wien-2022 .ay-essays .essay-intro h2,
.page-template-leipzig-2022 .ay-essays .essay-intro h2,
[class*=page-template-leipzig-] .ay-essays .essay-intro h2 {
text-align: center;
}
.page-template-cg-archipelago .ay-essays .essay-intro h2:before,
.page-template-buch-wien .ay-essays .essay-intro h2:before,
.page-template-buch-wien-2022 .ay-essays .essay-intro h2:before,
.page-template-leipzig-2022 .ay-essays .essay-intro h2:before,
[class*=page-template-leipzig-] .ay-essays .essay-intro h2:before {
left: 50%;
transform: translateX(-50%);
}
.page-template-cg-archipelago .ay-essays .essay-intro .heart,
.page-template-buch-wien .ay-essays .essay-intro .heart,
.page-template-buch-wien-2022 .ay-essays .essay-intro .heart,
.page-template-leipzig-2022 .ay-essays .essay-intro .heart,
[class*=page-template-leipzig-] .ay-essays .essay-intro .heart {
position: absolute;
width: 360px;
bottom: 0;
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-essays .essay-intro .heart,
.page-template-buch-wien .ay-essays .essay-intro .heart,
.page-template-buch-wien-2022 .ay-essays .essay-intro .heart,
.page-template-leipzig-2022 .ay-essays .essay-intro .heart,
[class*=page-template-leipzig-] .ay-essays .essay-intro .heart {
display: none;
}
}
.page-template-cg-archipelago .ay-essays .essay-intro .heart.heart-left,
.page-template-buch-wien .ay-essays .essay-intro .heart.heart-left,
.page-template-buch-wien-2022 .ay-essays .essay-intro .heart.heart-left,
.page-template-leipzig-2022 .ay-essays .essay-intro .heart.heart-left,
[class*=page-template-leipzig-] .ay-essays .essay-intro .heart.heart-left {
right: calc(100% + 60px);
}
.page-template-cg-archipelago .ay-essays .essay-intro .heart.heart-right,
.page-template-buch-wien .ay-essays .essay-intro .heart.heart-right,
.page-template-buch-wien-2022 .ay-essays .essay-intro .heart.heart-right,
.page-template-leipzig-2022 .ay-essays .essay-intro .heart.heart-right,
[class*=page-template-leipzig-] .ay-essays .essay-intro .heart.heart-right {
left: calc(100% + 60px);
}
.page-template-cg-archipelago .ay-essays hr,
.page-template-buch-wien .ay-essays hr,
.page-template-buch-wien-2022 .ay-essays hr,
.page-template-leipzig-2022 .ay-essays hr,
[class*=page-template-leipzig-] .ay-essays hr {
max-width: 800px;
width: 80%;
margin-bottom: 48px;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list,
.page-template-buch-wien .ay-essays .ay-essays-list,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list,
.page-template-leipzig-2022 .ay-essays .ay-essays-list,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list {
display: flex;
flex-wrap: wrap;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay,
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay {
flex-basis: 50%;
padding: 30px 120px 30px 50px;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
flex-basis: 50%;
color: #fff;
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay,
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay {
flex-basis: 100%;
}
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay:nth-child(odd),
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay:nth-child(odd),
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay:nth-child(odd),
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay:nth-child(odd),
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay:nth-child(odd) {
text-align: right;
flex-direction: row-reverse;
padding: 30px 50px 30px 120px;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay:nth-child(odd) img,
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay:nth-child(odd) img,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay:nth-child(odd) img,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay:nth-child(odd) img,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay:nth-child(odd) img {
margin-right: auto;
margin-left: 0;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay:nth-child(odd) > span,
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay:nth-child(odd) > span,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay:nth-child(odd) > span,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay:nth-child(odd) > span,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay:nth-child(odd) > span {
padding-left: 24px;
padding-right: 0;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay img,
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay img,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay img,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay img,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay img {
object-fit: cover;
object-position: center;
width: 100px;
height: 100px;
border-radius: 50%;
margin-right: 0;
margin-left: auto;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay cite,
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay cite,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay cite,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay cite,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay cite {
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
font-size: 1.7rem;
font-style: normal;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay > span,
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay > span,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay > span,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay > span,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay > span {
padding-right: 24px;
padding-left: 0;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .ay-essay h3,
.page-template-buch-wien .ay-essays .ay-essays-list .ay-essay h3,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .ay-essay h3,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .ay-essay h3,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .ay-essay h3 {
margin-bottom: 0;
font-family: "Averta Std CY", sans-serif;
font-weight: 600;
margin-bottom: 10px;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .featured-essay,
.page-template-buch-wien .ay-essays .ay-essays-list .featured-essay,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .featured-essay,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .featured-essay,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .featured-essay {
flex-basis: 100%;
display: block;
color: #573931;
margin-bottom: 48px;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .featured-essay .col-12,
.page-template-buch-wien .ay-essays .ay-essays-list .featured-essay .col-12,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .featured-essay .col-12,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .featured-essay .col-12,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .featured-essay .col-12 {
position: relative;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .featured-essay img,
.page-template-buch-wien .ay-essays .ay-essays-list .featured-essay img,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .featured-essay img,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .featured-essay img,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .featured-essay img {
width: 200px;
height: 200px;
margin-bottom: 24px;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .featured-essay cite,
.page-template-buch-wien .ay-essays .ay-essays-list .featured-essay cite,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .featured-essay cite,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .featured-essay cite,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .featured-essay cite {
margin-bottom: 24px;
display: block;
font-size: 1.9rem;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .featured-essay p,
.page-template-buch-wien .ay-essays .ay-essays-list .featured-essay p,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .featured-essay p,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .featured-essay p,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .featured-essay p {
margin-bottom: 48px;
}
.page-template-cg-archipelago .ay-essays .ay-essays-list .featured-essay h2,
.page-template-buch-wien .ay-essays .ay-essays-list .featured-essay h2,
.page-template-buch-wien-2022 .ay-essays .ay-essays-list .featured-essay h2,
.page-template-leipzig-2022 .ay-essays .ay-essays-list .featured-essay h2,
[class*=page-template-leipzig-] .ay-essays .ay-essays-list .featured-essay h2 {
margin-bottom: 48px;
}
.page-template-cg-archipelago .ay-leipzig,
.page-template-buch-wien .ay-leipzig,
.page-template-buch-wien-2022 .ay-leipzig,
.page-template-leipzig-2022 .ay-leipzig,
[class*=page-template-leipzig-] .ay-leipzig {
color: #fff;
}
.page-template-cg-archipelago .ay-leipzig p,
.page-template-buch-wien .ay-leipzig p,
.page-template-buch-wien-2022 .ay-leipzig p,
.page-template-leipzig-2022 .ay-leipzig p,
[class*=page-template-leipzig-] .ay-leipzig p {
font-size: 1.7rem;
}
.page-template-cg-archipelago .ay-leipzig h2,
.page-template-buch-wien .ay-leipzig h2,
.page-template-buch-wien-2022 .ay-leipzig h2,
.page-template-leipzig-2022 .ay-leipzig h2,
[class*=page-template-leipzig-] .ay-leipzig h2 {
font-size: 4rem;
margin-bottom: 48px;
}
.page-template-cg-archipelago .ay-leipzig h2:before,
.page-template-buch-wien .ay-leipzig h2:before,
.page-template-buch-wien-2022 .ay-leipzig h2:before,
.page-template-leipzig-2022 .ay-leipzig h2:before,
[class*=page-template-leipzig-] .ay-leipzig h2:before {
background: #dd5b41;
}
.page-template-cg-archipelago .ay-leipzig .button, .page-template-cg-archipelago .ay-leipzig .show-more-button--component, .page-template-cg-archipelago .ay-leipzig .option-button--sign-up,
.page-template-buch-wien .ay-leipzig .button,
.page-template-buch-wien .ay-leipzig .show-more-button--component,
.page-template-buch-wien .ay-leipzig .option-button--sign-up,
.page-template-buch-wien-2022 .ay-leipzig .button,
.page-template-buch-wien-2022 .ay-leipzig .show-more-button--component,
.page-template-buch-wien-2022 .ay-leipzig .option-button--sign-up,
.page-template-leipzig-2022 .ay-leipzig .button,
.page-template-leipzig-2022 .ay-leipzig .show-more-button--component,
.page-template-leipzig-2022 .ay-leipzig .option-button--sign-up,
[class*=page-template-leipzig-] .ay-leipzig .button,
[class*=page-template-leipzig-] .ay-leipzig .show-more-button--component,
[class*=page-template-leipzig-] .ay-leipzig .option-button--sign-up {
margin-bottom: 0;
}
.page-template-cg-archipelago .ay-leipzig img,
.page-template-buch-wien .ay-leipzig img,
.page-template-buch-wien-2022 .ay-leipzig img,
.page-template-leipzig-2022 .ay-leipzig img,
[class*=page-template-leipzig-] .ay-leipzig img {
padding: 0 70px;
}
@media (max-width: 800px) {
.page-template-cg-archipelago .ay-leipzig img,
.page-template-buch-wien .ay-leipzig img,
.page-template-buch-wien-2022 .ay-leipzig img,
.page-template-leipzig-2022 .ay-leipzig img,
[class*=page-template-leipzig-] .ay-leipzig img {
padding: 0;
margin-bottom: 24px;
}
}
.page-template-cg-archipelago .ay-leipzig .row > *,
.page-template-buch-wien .ay-leipzig .row > *,
.page-template-buch-wien-2022 .ay-leipzig .row > *,
.page-template-leipzig-2022 .ay-leipzig .row > *,
[class*=page-template-leipzig-] .ay-leipzig .row > * {
align-self: center;
}
.ay-day {
display: none;
}
.ay-day h4 {
font-size: 2.6rem;
text-transform: uppercase;
position: relative;
padding-bottom: 12px;
}
.ay-day h4:before {
width: 200px;
height: 5px;
content: "";
background: #e06249;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.ay-day.active {
display: block;
}
.ay-day li {
background: #c4b3a1;
margin-bottom: 24px;
}
.ay-day li.active .ay-event-heading {
background: #e06249;
color: #fff;
}
.ay-day li.active .ay-event-heading g {
fill: #fff;
}
.ay-day li.active .ay-event-body {
display: block;
}
.ay-day .ay-event-heading {
border-bottom: 5px solid #573931;
padding: 24px;
cursor: pointer;
display: flex;
}
@media (max-width: 600px) {
.ay-day .ay-event-heading {
display: block;
}
}
.ay-day .ay-event-heading address {
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
margin-bottom: 12px;
font-size: 1.5rem;
font-style: normal;
opacity: 0.7;
}
.ay-day .ay-event-heading h5 {
margin-bottom: 0;
}
.ay-day .ay-event-heading p {
margin-bottom: 0;
}
.ay-day .ay-event-heading > div:first-child {
padding-right: 48px;
}
.ay-day .ay-event-heading > div:first-child h5 {
white-space: nowrap;
text-transform: uppercase;
font-size: 1.5rem;
}
.ay-day .ay-event-heading svg {
width: 75px;
margin-bottom: 12px;
}
@media (max-width: 600px) {
.ay-day .ay-event-heading svg {
display: none;
}
}
.ay-day .ay-event-heading g {
fill: #573931;
}
.ay-day .ay-event-body {
display: none;
padding: 48px;
}
.ay-day .ay-event-body *:last-child {
margin-bottom: 0;
}
.ay-day .ay-event-body ul {
padding-left: 24px;
list-style: disc;
margin-bottom: 24px;
}
.ay-day .ay-event-body ul li {
margin-bottom: 12px;
}
.ay-timetable-heading {
display: flex;
background: #c4b3a1;
margin-bottom: 24px;
border-bottom: 4px solid #573931;
}
@media (max-width: 800px) {
.ay-timetable-heading {
overflow-x: auto;
overflow-y: hidden;
}
}
.ay-timetable-heading > div {
padding: 15px;
margin-right: 12px;
cursor: pointer;
transition: all 0.3s ease;
}
.ay-timetable-heading > div:last-child {
margin-right: 0;
}
.ay-timetable-heading .active {
background: #e06249;
color: #fff;
transform: scale(1.15);
}
.ay-timetable-heading label,
.ay-timetable-heading p {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}
.ay-timetable-heading label {
font-weight: bold;
font-size: 1.8rem;
line-height: 1;
}
.ay-timetable-heading p {
margin-bottom: 0;
line-height: 1;
font-size: 1.5rem;
opacity: 0.7;
}
.page-template-bfw-2022,
[class*=page-template-bfw-] {
--main-bg: #eedac5;
--main-color: #242143;
--main-mid: rgb(244 121 31 / 30%);
--accent-bg: #f4791f;
--accent-color: #fff;
background-color: var(--main-bg);
color: var(--main-color);
}
@media (max-width: 767px) {
.page-template-bfw-2022 .cg-illustration,
[class*=page-template-bfw-] .cg-illustration {
padding-left: 0;
}
}
.page-template-bfw-2022 .dash,
[class*=page-template-bfw-] .dash {
background: var(--accent-bg);
}
.page-template-bfw-2022 .sub-heading,
[class*=page-template-bfw-] .sub-heading {
padding-bottom: 30px;
}
.page-template-bfw-2022 .hero,
[class*=page-template-bfw-] .hero {
--main-bg: #1a332b;
--main-color: rgb(244 121 31);
padding-bottom: 0;
position: relative;
}
.page-template-bfw-2022 img,
[class*=page-template-bfw-] img {
display: block;
}
.page-template-bfw-2022 .curve-divider,
[class*=page-template-bfw-] .curve-divider {
color: var(--c-main-bg);
width: 100%;
left: 0;
bottom: -2px;
transform: scaleX(-1);
position: absolute;
}
.page-template-bfw-2022 .page-template-cg-event .button, .page-template-bfw-2022 .page-template-cg-event .show-more-button--component, .page-template-bfw-2022 .page-template-cg-event .option-button--sign-up,
[class*=page-template-bfw-] .page-template-cg-event .button,
[class*=page-template-bfw-] .page-template-cg-event .show-more-button--component,
[class*=page-template-bfw-] .page-template-cg-event .option-button--sign-up {
background: var(--accent-bg);
color: var(--accent-color);
}
.page-template-bfw-2022 .links-banner,
[class*=page-template-bfw-] .links-banner {
--main-bg: #1a332b;
background-color: var(--main-bg);
background-size: cover;
background-position: 0 -100px;
background-repeat: no-repeat;
}
.page-template-bfw-2022 .sponsor,
[class*=page-template-bfw-] .sponsor {
--main-bg: #17503e;
--main-color: #fff;
}
.page-template-bfw-2022 .sponsor img,
[class*=page-template-bfw-] .sponsor img {
background: var(--main-color);
border-radius: 20px;
padding: 20px;
}
.page-template-bfw-2022 .past-events,
[class*=page-template-bfw-] .past-events {
--main-bg: #1a332b;
--main-color: #fff;
}
.dash-title {
font-size: 5rem;
font-weight: bold;
letter-spacing: 0.5px;
position: relative;
padding-bottom: 30px;
margin-bottom: 60px;
}
.dash-title:before {
width: 200px;
height: 8px;
content: "";
background: var(--accent-bg);
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.box {
background-color: var(--main-bg) !important;
color: var(--main-color);
}
.bfw-timetable .ay-timetable-heading {
background: var(--main-mid);
border-bottom-color: var(--main-color);
}
.bfw-timetable .ay-timetable-heading .active {
background: var(--accent-bg);
color: var(--accent-color);
}
.bfw-timetable .ay-event-heading {
border-bottom-color: var(--main-color);
}
.bfw-timetable .ay-event-heading > :first-child {
flex-basis: 150px;
flex-shrink: 0;
}
.bfw-timetable .ay-event-heading > :first-child h5 {
white-space: normal !important;
}
.bfw-timetable .ay-day li.active .ay-event-heading {
background: var(--accent-bg);
color: var(--accent-color);
}
.bfw-timetable .ay-day li {
background: var(--main-mid);
}
.bfw-timetable .ay-day h4:before {
background: var(--accent-bg);
}
body .cluster {
--spacing: 24px;
}
body .cluster > * {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin: calc(var(--spacing) / 2 * -1);
}
body .cluster > * > * {
margin: calc(var(--spacing) / 2);
}
body .cluster[data-variant=flex-end] > * {
justify-content: flex-end;
}
body .cluster [data-variant=push-right] {
margin-right: auto;
}
.site-head {
color: #4c597c;
color: var(--header-text-colour);
padding: 24px 48px;
position: relative;
z-index: 50;
background: #fff;
background: var(--header-background-colour);
}
.site-head a {
text-decoration: none;
}
.site-head .logo svg {
height: 75px;
width: 225px;
display: block;
}
.main-menu {
font-weight: bold;
--spacing: 18px;
}
.main-menu a {
font-size: 1.9rem;
letter-spacing: 0.3px;
position: relative;
padding-bottom: 8px;
display: block;
line-height: 1;
}
.main-menu a:before {
background: #e06249;
height: 3px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
content: "";
opacity: 0;
transform: translateY(24px);
transition: all ease-in-out 0.2s;
}
.main-menu a:hover:before {
opacity: 1;
transform: translateY(0);
}
.main-menu > .menu-item-has-children {
position: relative;
padding-right: 1.25em;
}
.main-menu > .menu-item-has-children:after {
content: "";
-webkit-mask: url(//traduki.eu/wp-content/themes/traduki/assets/svgs/down-arrow.svg);
-webkit-mask-size: 0.8em;
background: currentColor;
width: 0.8em;
height: 0.8em;
position: absolute;
right: 0;
top: 5px;
}
.main-menu > .menu-item-has-children .sub-menu {
position: absolute;
right: 0;
width: max-content;
max-width: 300px;
padding: 24px;
top: 100%;
display: none;
color: #4c597c;
}
.main-menu > .menu-item-has-children .sub-menu:after {
content: "";
position: absolute;
height: calc(100% - 12px);
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: -1;
border-radius: 6px;
}
.main-menu > .menu-item-has-children .sub-menu li {
transform: translateY(5px);
}
.main-menu > .menu-item-has-children .sub-menu a {
display: inline-block;
}
.main-menu > .menu-item-has-children:hover .sub-menu {
display: block;
}
.main-menu .current-menu-item > a:before,
.main-menu > .current-menu-ancestor > a:before {
opacity: 1;
transform: translateY(0);
}
.main-menu .current-menu-ancestor > a:before {
background: currentColor;
opacity: 0.2;
}
.top-nav {
transform: scale(0.9);
transform-origin: right;
}
.top-nav .cluster {
--spacing:12px;
}
.site-navigation {
align-self: baseline;
flex-grow: 1;
}
.site-navigation > .cluster {
--spacing: 1rem;
}
.site-navigation > .cluster:first-child {
--spacing: 0;
}
.site-navigation > * + * {
margin-top: 0;
}
.search-bar {
display: inline-flex;
position: relative;
}
.search-bar:before {
content: "";
width: 100%;
height: 100%;
border-radius: 50px;
background: currentColor;
opacity: 0.1;
position: absolute;
z-index: -1;
}
.search-bar input {
border: none;
background: none;
font-size: 1.7rem;
padding: 6px 24px;
font-weight: bold;
}
.search-bar input[type=search]::placeholder {
color: inherit;
opacity: 0.5;
}
.search-bar button {
margin-bottom: 0;
background: none;
color: inherit;
padding: 0 12px;
font-size: 2.4rem;
border: none;
transition: color 0.2s ease;
}
.search-bar button:hover {
color: #fff;
}
.search-bar .clear-search {
font-size: 2.6rem;
}
.search-bar .clear-search:before {
display: none;
}
.search-bar .clear-search:hover {
color: inherit;
}
.search-bar .clear-search.inactive {
opacity: 0;
pointer-events: none;
}
.icon {
width: 0.75em;
width: 1cap;
height: 0.75em;
height: 1cap;
font-size: inherit !important;
}
.language-switch {
position: relative;
display: flex;
position: relative;
font-size: 1.5rem;
}
.language-switch a {
aspect-ratio: 1/1;
padding: 9.6px;
font-weight: bold;
color: inherit;
font-size: inherit;
transition: color 0.3s ease;
}
.language-switch a:last-child {
position: relative;
}
.language-switch a:last-child:hover:after {
transform: translate(-50%, -50%);
}
.language-switch a:last-child:after {
content: "";
position: absolute;
background: #e06249;
width: 100%;
border-radius: 50%;
height: 100%;
aspect-ratio: 1/1;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
transition: transform 0.3s ease;
z-index: -1;
}
.language-switch a:hover {
color: #fff !important;
}
.language-switch:hover a {
color: inherit;
}
.language-switch .active {
color: #fff;
}
.language-switch .active:last-child:after {
transform: translate(-50%, -50%);
}
.language-switch .active + a:after {
transform: translate(calc(-50% - 1.5em - 14.2px), -50%);
}
.language-switch a:hover + a:after {
transform: translate(calc(-50% - 1.5em - 14.2px), -50%) !important;
}
.language-switch a:last-child:hover:after {
transform: translate(-50%, -50%);
}
.menu-toggle {
background-color: transparent;
border: none;
cursor: pointer;
display: flex;
padding: 0;
color: inherit;
line-height: 1;
width: 4rem;
display: none;
}
.menu-toggle:before {
display: none;
}
.line {
fill: none;
stroke: currentColor;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.opened .line, .line,
.opened .line1,
.line1,
.opened .line2,
.line2,
.opened .line3,
.line3 {
stroke-width: 8;
}
.line1 {
stroke-dasharray: 60 207;
}
.line2 {
stroke-dasharray: 60 60;
}
.line3 {
stroke-dasharray: 60 207;
}
.page-template-bfw .timetable summary {
overflow: hidden;
}
.page-template-bfw .timetable .button, .page-template-bfw .timetable .show-more-button--component, .page-template-bfw .timetable .option-button--sign-up {
margin-top: 24px;
margin-bottom: 0;
}
.page-template-bfw .essay-button {
margin-bottom: 96px;
}
.page-template-bfw .ay-full-essays-list .ay-full-essay {
right: auto;
left: 0;
transform: translateX(-100%);
}
.page-template-bfw .ay-full-essays-list h2 {
padding-bottom: 40px;
position: relative;
}
.page-template-bfw .ay-full-essays-list h2::before {
width: 200px;
height: 8px;
content: "";
background: #fff;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.page-template-bfw .ay-full-essays-list .ay-full-essay header h2::before {
background: #e06249;
}
@media (max-width: 1120px) {
.top-bar-button, .option-button--new-books {
display: none !important;
}
.main-menu.main-menu {
display: none;
}
.menu-toggle {
display: block;
}
.menu-open .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
}
.menu-open .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
}
.menu-open .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
}
.menu-open .main-menu {
display: block;
width: 90%;
max-width: 80%;
margin-left: auto;
background: #fff;
padding: 24px;
color: #4c597c;
margin-top: 12px;
border-radius: 6px;
z-index: 100;
position: absolute;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 2px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.06), 0 8px 8px rgba(0, 0, 0, 0.06), 0 16px 16px rgba(0, 0, 0, 0.06);
}
.menu-open .main-menu a {
display: inline !important;
}
.menu-open .main-menu .sub-menu {
display: block;
position: static;
padding-top: 0;
padding-bottom: 0;
}
.menu-open .main-menu .sub-menu:after {
display: none;
}
.menu-open .main-menu .sub-menu li {
padding-top: 6px;
padding-bottom: 6px;
}
}
@media (max-width: 880px) {
.site-head .logo svg {
height: 45px;
width: 135px;
}
.search-bar input {
max-width: 125px;
}
}
@media (max-width: 680px) {
.site-head .social-links__component {
display: none !important;
}
.site-head .logo svg {
height: 45px;
width: 135px;
}
.site-head form {
display: none;
}
}
.top-bar-button, .option-button--new-books {
background: var(--header-text-colour);
color: var(--header-background-colour);
display: flex;
height: 100%;
padding: 6px 24px;
border-radius: 50px;
}
.top-bar-button svg, .option-button--new-books svg {
width: 22px;
height: 22px;
margin-right: 10px;
}
.top-bar-button span, .option-button--new-books span {
font-size: 1.7rem;
font-weight: bold;
}
.scroll-top.scroll-top {
--accent-bg: #dd5a3f;
--accent-color: #fff;
background: var(--accent-bg);
color: var(--accent-color);
border-radius: 50%;
padding: 10px;
margin-bottom: 0;
position: fixed;
z-index: 80;
bottom: 50px;
right: 50px;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 300ms, opacity 300ms;
}
.scroll-top.scroll-top svg {
width: 50px;
display: block;
}
.scroll-top.scroll-top:before {
display: none;
}
.scroll-top.scroll-top.active {
visibility: visible;
opacity: 1;
transition: visibility 0s linear 0s, opacity 300ms;
}
@keyframes slide-left {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.page-template-buchhandel .document--pdf,
.page-template-buchhandel .document--zip,
.page-template-buchhandel .document {
padding: 0 !important;
padding-left: 40px !important;
line-height: 1.5;
opacity: 0.7;
}
.page-template-buchhandel .hero {
padding-bottom: 0;
background: #f0dcc6;
color: #dd5c42;
}
.page-template-buchhandel .svg-divider {
width: 100%;
fill: #f0dcc6;
}
.page-template-buchhandel .section {
padding-top: 48px;
}
.page-template-buchhandel .bottom-divider {
transform: translateY(1px) rotate(180deg);
fill: #4c597c;
}
.page-template-buchhandel .bottom-section {
padding-top: 96px;
background: #4c597c;
color: #fff;
}
.page-template-buchhandel .links-section {
padding: 48px;
border-radius: 10px;
background: rgba(76, 89, 124, 0.1);
}
.page-template-buchhandel .links-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
grid-gap: 24px;
margin-bottom: 48px;
}
.page-template-buchhandel .document {
font-size: 2rem;
margin-top: 12px;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(1),
[class*=page-template-leipzig-] .container-fluid > :nth-child(1) {
z-index: 19;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(2),
[class*=page-template-leipzig-] .container-fluid > :nth-child(2) {
z-index: 18;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(3),
[class*=page-template-leipzig-] .container-fluid > :nth-child(3) {
z-index: 17;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(4),
[class*=page-template-leipzig-] .container-fluid > :nth-child(4) {
z-index: 16;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(5),
[class*=page-template-leipzig-] .container-fluid > :nth-child(5) {
z-index: 15;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(6),
[class*=page-template-leipzig-] .container-fluid > :nth-child(6) {
z-index: 14;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(7),
[class*=page-template-leipzig-] .container-fluid > :nth-child(7) {
z-index: 13;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(8),
[class*=page-template-leipzig-] .container-fluid > :nth-child(8) {
z-index: 12;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(9),
[class*=page-template-leipzig-] .container-fluid > :nth-child(9) {
z-index: 11;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(10),
[class*=page-template-leipzig-] .container-fluid > :nth-child(10) {
z-index: 10;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(11),
[class*=page-template-leipzig-] .container-fluid > :nth-child(11) {
z-index: 9;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(12),
[class*=page-template-leipzig-] .container-fluid > :nth-child(12) {
z-index: 8;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(13),
[class*=page-template-leipzig-] .container-fluid > :nth-child(13) {
z-index: 7;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(14),
[class*=page-template-leipzig-] .container-fluid > :nth-child(14) {
z-index: 6;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(15),
[class*=page-template-leipzig-] .container-fluid > :nth-child(15) {
z-index: 5;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(16),
[class*=page-template-leipzig-] .container-fluid > :nth-child(16) {
z-index: 4;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(17),
[class*=page-template-leipzig-] .container-fluid > :nth-child(17) {
z-index: 3;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(18),
[class*=page-template-leipzig-] .container-fluid > :nth-child(18) {
z-index: 2;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(19),
[class*=page-template-leipzig-] .container-fluid > :nth-child(19) {
z-index: 1;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(20),
[class*=page-template-leipzig-] .container-fluid > :nth-child(20) {
z-index: 0;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(21),
[class*=page-template-leipzig-] .container-fluid > :nth-child(21) {
z-index: -1;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(22),
[class*=page-template-leipzig-] .container-fluid > :nth-child(22) {
z-index: -2;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(23),
[class*=page-template-leipzig-] .container-fluid > :nth-child(23) {
z-index: -3;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(24),
[class*=page-template-leipzig-] .container-fluid > :nth-child(24) {
z-index: -4;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(25),
[class*=page-template-leipzig-] .container-fluid > :nth-child(25) {
z-index: -5;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(26),
[class*=page-template-leipzig-] .container-fluid > :nth-child(26) {
z-index: -6;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(27),
[class*=page-template-leipzig-] .container-fluid > :nth-child(27) {
z-index: -7;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(28),
[class*=page-template-leipzig-] .container-fluid > :nth-child(28) {
z-index: -8;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(29),
[class*=page-template-leipzig-] .container-fluid > :nth-child(29) {
z-index: -9;
}
.page-template-leipzig-2022 .container-fluid > :nth-child(30),
[class*=page-template-leipzig-] .container-fluid > :nth-child(30) {
z-index: -10;
}
.page-template-leipzig-2022 .theme\:intro,
[class*=page-template-leipzig-] .theme\:intro {
--main-bg: #e3c1af !important;
--main-color: rgb(35, 32, 67) !important;
--accent-bg: #dd5a3f !important;
--accent-color: rgb(255, 255, 255) !important;
--heading-color: rgb(35, 32, 67) !important;
--main-color-25: rgb(206 134 126 / 25%) !important;
}
.page-template-leipzig-2022 .theme\:footer,
[class*=page-template-leipzig-] .theme\:footer {
--main-bg: #234a38 !important;
--main-color: #e2c1ae !important;
--accent-bg: #e06249 !important;
--accent-color: #fff !important;
--heading-color: #e2c1ae !important;
}
.page-template-leipzig-2022 .theme\:participants,
[class*=page-template-leipzig-] .theme\:participants {
--main-bg: #e4c6b6 !important;
--main-color: #232043 !important;
--accent-bg: #dd5a3f !important;
--accent-color: rgb(255, 255, 255) !important;
--heading-color: rgb(35, 32, 67) !important;
--main-color-25: rgba(35, 32, 67, 0.25) !important;
}
.page-template-leipzig-2022 .ay-header img,
[class*=page-template-leipzig-] .ay-header img {
height: auto !important;
}
.page-template-leipzig-2022 .ay-full-essay header h2,
[class*=page-template-leipzig-] .ay-full-essay header h2 {
--main-color: #4c597c;
color: var(--main-color) !important;
}
.page-template-leipzig-2022 .ay-intro img,
[class*=page-template-leipzig-] .ay-intro img {
display: block;
}
.page-template-leipzig-2022 .ay-intro .illo,
[class*=page-template-leipzig-] .ay-intro .illo {
width: 400px;
transform: translateY(1px);
}
@media (max-width: 1040px) {
.page-template-leipzig-2022 .ay-intro .illo,
[class*=page-template-leipzig-] .ay-intro .illo {
display: none;
}
}
.page-template-leipzig-2022 .theme\:videos,
[class*=page-template-leipzig-] .theme\:videos {
--main-bg: #232043;
--main-color: #fff;
--accent-bg: #dd5a3f;
--accent-color: rgb(255, 255, 255);
--heading-color: rgb(35, 32, 67);
--main-color-25: rgba(35, 32, 67, 0.25);
}
.page-template-leipzig-2022 .theme\:header,
[class*=page-template-leipzig-] .theme\:header {
--main-bg: #d4988b !important;
--main-color: #26243f !important;
--accent-bg: #e06249 !important;
--accent-color: #fff !important;
--heading-color: #26243f !important;
}
.page-template-leipzig-2022 .ay-leipzig img,
[class*=page-template-leipzig-] .ay-leipzig img {
margin-top: 48px;
margin-bottom: 0;
}
.page-template-leipzig-2022 .ay-theme,
[class*=page-template-leipzig-] .ay-theme {
--main-bg: #d4a146;
--main-color: #26243f;
--heading-color: #26243f;
padding: 0;
}
.page-template-leipzig-2022 .ay-theme .statue,
[class*=page-template-leipzig-] .ay-theme .statue {
position: static;
display: block;
transform: scale(1.01);
max-width: none;
width: 100%;
}
.page-template-leipzig-2022 .ay-theme .sidebar-content,
[class*=page-template-leipzig-] .ay-theme .sidebar-content {
padding: 96px 48px;
max-width: 60ch;
box-sizing: content-box;
}
.page-template-leipzig-2022 .leipzig-3-background,
[class*=page-template-leipzig-] .leipzig-3-background {
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
}
.page-template-leipzig-2022 .ay-leipzig img,
[class*=page-template-leipzig-] .ay-leipzig img {
margin-top: 0;
padding: 0;
}
.page-template-leipzig-2022 .ay-leipzig .sidebar-content,
[class*=page-template-leipzig-] .ay-leipzig .sidebar-content {
max-width: 600px;
}
.page-template-leipzig-2022 .ay-participants .ay-participants-list,
[class*=page-template-leipzig-] .ay-participants .ay-participants-list {
--auto-grid-min-size: 200px;
grid-gap: 24px;
}
.page-template-leipzig-2022 .ay-participants .ay-participants-list .card.front,
[class*=page-template-leipzig-] .ay-participants .ay-participants-list .card.front {
padding: 0;
}
.page-template-leipzig-2022 .ay-participants .ay-participants-list .ay-participant,
[class*=page-template-leipzig-] .ay-participants .ay-participants-list .ay-participant {
margin-bottom: 0;
}
.page-template-leipzig-2022 .ay-participants .container,
[class*=page-template-leipzig-] .ay-participants .container {
max-width: 1060px;
position: relative;
}
.page-template-leipzig-2022 .ay-participants .illos,
[class*=page-template-leipzig-] .ay-participants .illos {
gap: 24px;
}
.page-template-leipzig-2022 .ay-participants .illo-left,
.page-template-leipzig-2022 .ay-participants .illo-right,
[class*=page-template-leipzig-] .ay-participants .illo-left,
[class*=page-template-leipzig-] .ay-participants .illo-right {
position: absolute;
}
@media (max-width: 1200px) {
.page-template-leipzig-2022 .ay-participants .illo-left,
.page-template-leipzig-2022 .ay-participants .illo-right,
[class*=page-template-leipzig-] .ay-participants .illo-left,
[class*=page-template-leipzig-] .ay-participants .illo-right {
position: static;
transform: translate(0, 70px) !important;
}
}
.page-template-leipzig-2022 .ay-participants .illo-left,
[class*=page-template-leipzig-] .ay-participants .illo-left {
right: 100%;
transform: translate(0, -80px);
width: 400px;
top: 0;
}
.page-template-leipzig-2022 .ay-participants .illo-right,
[class*=page-template-leipzig-] .ay-participants .illo-right {
left: 100%;
bottom: 0;
width: 350px;
}
.flex {
display: flex;
}
.align-bottom {
align-items: flex-end;
}
.center {
align-items: center;
justify-content: center;
}
.grid, .switcher, .has-sidebar {
margin: calc(var(--row-gap, var(--gap)) / -2) calc(var(--col-gap, var(--gap)) / -2);
}
.grid > *, .switcher > *, .has-sidebar > * {
margin: calc(var(--row-gap, var(--gap)) / 2) calc(var(--col-gap, var(--gap)) / 2);
}
@supports (aspect-ratio: 1/1) {
.switcher, .has-sidebar {
gap: var(--row-gap, var(--gap)) var(--col-gap, var(--gap));
}
.switcher, .has-sidebar,
.switcher > *,
.has-sidebar > * {
margin: 0;
}
}
.has-sidebar { --_sidebar-partner-min-width: var(--sidebar-partner-min-width, 45%);
display: flex;
flex-wrap: wrap;
}
.has-sidebar:not([data-sidebar-right]) > :first-child, .has-sidebar[data-sidebar-right] > :last-child {
flex-basis: var(--sidebar-width);
flex-grow: 1;
min-width: 0;
}
.has-sidebar:not([data-sidebar-right]) > :last-child, .has-sidebar[data-sidebar-right] > :first-child {
flex-basis: 0;
flex-grow: 999;
min-width: min(100%, var(--_sidebar-partner-min-width));
}
.switcher {
--_switcher-threshold: 800px;
display: flex;
flex-wrap: wrap;
}
.switcher > * {
flex-grow: 1;
flex-basis: calc((var(--switcher-threshold, var(--_switcher-threshold)) - 100%) * 999);
}
.switcher .switcher-big {
flex-grow: 1.3;
}
.responsive-inline-padding {
padding-left: 96px;
padding-right: 96px;
}
@media (max-width: 1000px) {
.responsive-inline-padding {
padding-left: 48px;
padding-right: 48px;
}
}
@media (max-width: 800px) {
.responsive-inline-padding {
padding-left: 30px;
padding-right: 30px;
}
}
.font-size-1\.9, .font-size-1\.9 * {
font-size: 1.9rem;
}
.mar-t-0 {
margin-top: 0 !important;
}
.mar-t-xs {
margin-top: 6px !important;
}
.mar-t-sm {
margin-top: 12px !important;
}
.mar-t-md {
margin-top: 24px !important;
}
.mar-t-lg {
margin-top: 48px !important;
}
.mar-t-xlg {
margin-top: 96px !important;
}
.mar-t-100 {
margin-top: calc(100% - 2px) !important;
}
.mar-b-0 {
margin-bottom: 0 !important;
}
.mar-b-xs {
margin-bottom: 6px !important;
}
.mar-b-sm {
margin-bottom: 12px !important;
}
.mar-b-md {
margin-bottom: 24px !important;
}
.mar-b-lg {
margin-bottom: 48px !important;
}
.mar-b-xlg {
margin-bottom: 96px !important;
}
.mar-b-100 {
margin-bottom: calc(100% - 2px) !important;
}
.mar-l-0 {
margin-left: 0 !important;
}
.mar-l-xs {
margin-left: 6px !important;
}
.mar-l-sm {
margin-left: 12px !important;
}
.mar-l-md {
margin-left: 24px !important;
}
.mar-l-lg {
margin-left: 48px !important;
}
.mar-l-xlg {
margin-left: 96px !important;
}
.mar-l-100 {
margin-left: calc(100% - 2px) !important;
}
.mar-r-0 {
margin-right: 0 !important;
}
.mar-r-xs {
margin-right: 6px !important;
}
.mar-r-sm {
margin-right: 12px !important;
}
.mar-r-md {
margin-right: 24px !important;
}
.mar-r-lg {
margin-right: 48px !important;
}
.mar-r-xlg {
margin-right: 96px !important;
}
.mar-r-100 {
margin-right: calc(100% - 2px) !important;
}
.mar-0 {
margin: 0 !important;
}
.mar-xs {
margin: 6px !important;
}
.mar-sm {
margin: 12px !important;
}
.mar-md {
margin: 24px !important;
}
.mar-lg {
margin: 48px !important;
}
.mar-xlg {
margin: 96px !important;
}
.mar-100 {
margin: calc(100% - 2px) !important;
}
.pad-t-0 {
padding-top: 0 !important;
}
.pad-t-xs {
padding-top: 6px !important;
}
.pad-t-sm {
padding-top: 12px !important;
}
.pad-t-md {
padding-top: 24px !important;
}
.pad-t-lg {
padding-top: 48px !important;
}
.pad-t-xlg {
padding-top: 96px !important;
}
.pad-t-100 {
padding-top: calc(100% - 2px) !important;
}
.pad-b-0 {
padding-bottom: 0 !important;
}
.pad-b-xs {
padding-bottom: 6px !important;
}
.pad-b-sm {
padding-bottom: 12px !important;
}
.pad-b-md {
padding-bottom: 24px !important;
}
.pad-b-lg {
padding-bottom: 48px !important;
}
.pad-b-xlg {
padding-bottom: 96px !important;
}
.pad-b-100 {
padding-bottom: calc(100% - 2px) !important;
}
.pad-l-0 {
padding-left: 0 !important;
}
.pad-l-xs {
padding-left: 6px !important;
}
.pad-l-sm {
padding-left: 12px !important;
}
.pad-l-md {
padding-left: 24px !important;
}
.pad-l-lg {
padding-left: 48px !important;
}
.pad-l-xlg {
padding-left: 96px !important;
}
.pad-l-100 {
padding-left: calc(100% - 2px) !important;
}
.pad-r-0 {
padding-right: 0 !important;
}
.pad-r-xs {
padding-right: 6px !important;
}
.pad-r-sm {
padding-right: 12px !important;
}
.pad-r-md {
padding-right: 24px !important;
}
.pad-r-lg {
padding-right: 48px !important;
}
.pad-r-xlg {
padding-right: 96px !important;
}
.pad-r-100 {
padding-right: calc(100% - 2px) !important;
}
.pad-0 {
padding: 0 !important;
}
.pad-xs {
padding: 6px !important;
}
.pad-sm {
padding: 12px !important;
}
.pad-md {
padding: 24px !important;
}
.pad-lg {
padding: 48px !important;
}
.pad-xlg {
padding: 96px !important;
}
.pad-100 {
padding: calc(100% - 2px) !important;
}
.top-0 {
top: 0 !important;
}
.top-xs {
top: 6px !important;
}
.top-sm {
top: 12px !important;
}
.top-md {
top: 24px !important;
}
.top-lg {
top: 48px !important;
}
.top-xlg {
top: 96px !important;
}
.top-100 {
top: calc(100% - 2px) !important;
}
.left-0 {
left: 0 !important;
}
.left-xs {
left: 6px !important;
}
.left-sm {
left: 12px !important;
}
.left-md {
left: 24px !important;
}
.left-lg {
left: 48px !important;
}
.left-xlg {
left: 96px !important;
}
.left-100 {
left: calc(100% - 2px) !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-xs {
bottom: 6px !important;
}
.bottom-sm {
bottom: 12px !important;
}
.bottom-md {
bottom: 24px !important;
}
.bottom-lg {
bottom: 48px !important;
}
.bottom-xlg {
bottom: 96px !important;
}
.bottom-100 {
bottom: calc(100% - 2px) !important;
}
.right-0 {
right: 0 !important;
}
.right-xs {
right: 6px !important;
}
.right-sm {
right: 12px !important;
}
.right-md {
right: 24px !important;
}
.right-lg {
right: 48px !important;
}
.right-xlg {
right: 96px !important;
}
.right-100 {
right: calc(100% - 2px) !important;
}
.gap-0 {
--gap: 0 !important;
}
.gap-xs {
--gap: 6px !important;
}
.gap-sm {
--gap: 12px !important;
}
.gap-md {
--gap: 24px !important;
}
.gap-lg {
--gap: 48px !important;
}
.gap-xlg {
--gap: 96px !important;
}
.gap-100 {
--gap: calc(100% - 2px) !important;
}
.display-block {
display: block !important;
}
.display-flex {
display: flex !important;
}
.display-grid {
display: grid !important;
}
.display-none {
display: none !important;
}
.display-inline-flex {
display: inline-flex !important;
}
.display-inline {
display: inline !important;
}
.display-inline-block {
display: inline-block !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.color-main-bg {
color: var(--main-bg) !important;
}
.color-accent-bg {
color: var(--accent-bg) !important;
}
.color-accent-color {
color: var(--accent-color) !important;
}
.color-main-color {
color: var(--main-color) !important;
}
.bg-position-center {
background-position: center !important;
}
.curve {
position: absolute;
left: 0;
width: 100%;
bottom: 100%;
height: auto;
overflow: hidden;
line-height: 0;
}
.curve svg {
position: relative;
display: block;
width: calc(115% + 1.3px);
height: auto;
transform: scale(1.01);
}
.reflect {
transform: scaleX(-1);
}
.scale-10 {
transform: scale(1.1);
transform-origin: bottom;
}
.grid {
--grid-width: 300px;
}
@supports (display: grid) {
.grid {
display: grid;
grid-gap: var(--gap);
grid-template-columns: repeat(var(--grid-auto, auto-fill), minmax(var(--grid-width), 1fr));
grid-template-columns: repeat(var(--grid-auto, auto-fill), minmax(min(var(--grid-width), 100%), 1fr));
}
.grid,
.grid > * {
margin: 0;
}
}
.align-space-between {
align-items: space-between !important;
}
.justify-space-between {
justify-content: space-between;
}
.align-space-evenly {
align-items: space-evenly !important;
}
.justify-space-evenly {
justify-content: space-evenly;
}
.align-left {
align-items: flex-start !important;
}
.justify-left {
justify-content: flex-start;
}
.align-center {
align-items: center !important;
}
.justify-center {
justify-content: center;
}
.align-right {
align-items: flex-end !important;
}
.justify-right {
justify-content: flex-end;
}
.align-top {
align-items: flex-start !important;
}
.justify-top {
justify-content: flex-start;
}
.align-bottom {
align-items: flex-end !important;
}
.justify-bottom {
justify-content: flex-end;
}
.align-equal {
align-items: stretch !important;
}
.justify-equal {
justify-content: stretch;
}
.align-base {
align-items: baseline !important;
}
.justify-base {
justify-content: baseline;
}
.curved-bottom-left {
border-bottom-left-radius: 60vw 6vw;
overflow: hidden;
}
.curved-bottom-right {
border-bottom-right-radius: 60vw 6vw;
overflow: hidden;
}
.curved-bottom-adjust {
margin-top: -6vw !important;
padding-top: 6vw !important;
background: var(--main-bg) !important;
z-index: -1;
}
.illustration-frame {
display: flex;
overflow: hidden;
}
.illustration-frame img {
min-height: 100%;
width: 100%;
max-width: 80vw;
object-fit: cover;
object-position: left;
}
.flex-col {
display: flex;
flex-direction: column;
gap: var(--gap);
}
.theme\:sarajevo,
[data-theme=sarajevo] {
--c-main-color-h: 193;
--c-main-color-s: 18%;
--c-main-color-l: 16%;
--c-main-color: hsl(
var(--c-main-color-h),
var(--c-main-color-s),
var(--c-main-color-l)
);
--c-main-bg-h: 189;
--c-main-bg-s: 28%;
--c-main-bg-l: 59%;
--c-main-bg: hsl(
var(--c-main-bg-h),
var(--c-main-bg-s),
var(--c-main-bg-l)
);
--c-accent-bg-h: 28;
--c-accent-bg-s: 11%;
--c-accent-bg-l: 89%;
--c-accent-bg: hsl(
var(--c-accent-bg-h),
var(--c-accent-bg-s),
var(--c-accent-bg-l)
);
--c-heading-color-h: 28;
--c-heading-color-s: 11%;
--c-heading-color-l: 89%;
--c-heading-color: hsl(
var(--c-heading-color-h),
var(--c-heading-color-s),
var(--c-heading-color-l)
);
}
.theme\:sarajevo .residency > img,
[data-theme=sarajevo] .residency > img {
bottom: 0;
}
.theme\:skopje,
[data-theme=skopje] {
--c-main-color-h: 213;
--c-main-color-s: 34%;
--c-main-color-l: 20%;
--c-main-color: hsl(
var(--c-main-color-h),
var(--c-main-color-s),
var(--c-main-color-l)
);
--c-main-bg-h: 210;
--c-main-bg-s: 40%;
--c-main-bg-l: 59%;
--c-main-bg: hsl(
var(--c-main-bg-h),
var(--c-main-bg-s),
var(--c-main-bg-l)
);
--c-accent-bg-h: 28;
--c-accent-bg-s: 11%;
--c-accent-bg-l: 89%;
--c-accent-bg: hsl(
var(--c-accent-bg-h),
var(--c-accent-bg-s),
var(--c-accent-bg-l)
);
--c-heading-color-h: 28;
--c-heading-color-s: 11%;
--c-heading-color-l: 89%;
--c-heading-color: hsl(
var(--c-heading-color-h),
var(--c-heading-color-s),
var(--c-heading-color-l)
);
}
.theme\:skopje .residency > img,
[data-theme=skopje] .residency > img {
bottom: 0;
}
.theme\:tirana,
[data-theme=tirana] {
--c-main-color-h: 28;
--c-main-color-s: 11%;
--c-main-color-l: 89%;
--c-main-color: hsl(
var(--c-main-color-h),
var(--c-main-color-s),
var(--c-main-color-l)
);
--c-main-color-h: 24;
--c-main-color-s: 64%;
--c-main-color-l: 46%;
--c-main-color: hsl(
var(--c-main-color-h),
var(--c-main-color-s),
var(--c-main-color-l)
);
--c-main-bg-h: 179;
--c-main-bg-s: 17%;
--c-main-bg-l: 74%;
--c-main-bg: hsl(
var(--c-main-bg-h),
var(--c-main-bg-s),
var(--c-main-bg-l)
);
--c-accent-bg-h: 28;
--c-accent-bg-s: 11%;
--c-accent-bg-l: 89%;
--c-accent-bg: hsl(
var(--c-accent-bg-h),
var(--c-accent-bg-s),
var(--c-accent-bg-l)
);
--c-heading-color-h: 28;
--c-heading-color-s: 11%;
--c-heading-color-l: 89%;
--c-heading-color: hsl(
var(--c-heading-color-h),
var(--c-heading-color-s),
var(--c-heading-color-l)
);
}
.theme\:tirana .residency > img,
[data-theme=tirana] .residency > img {
bottom: 0;
}
.theme\:pristina,
[data-theme=pristina] {
--c-main-color-h: 36deg;
--c-main-color-s: 7.9365079365%;
--c-main-color-l: 87.6470588235%;
--c-main-color: hsl(
var(--c-main-color-h),
var(--c-main-color-s),
var(--c-main-color-l)
);
--c-main-bg-h: 22.3529411765deg;
--c-main-bg-s: 37.7777777778%;
--c-main-bg-l: 73.5294117647%;
--c-main-bg: hsl(
var(--c-main-bg-h),
var(--c-main-bg-s),
var(--c-main-bg-l)
);
--c-accent-bg-h: 9.1764705882deg;
--c-accent-bg-s: 85.8585858586%;
--c-accent-bg-l: 61.1764705882%;
--c-accent-bg: hsl(
var(--c-accent-bg-h),
var(--c-accent-bg-s),
var(--c-accent-bg-l)
);
--c-heading-color-h: 9.1764705882deg;
--c-heading-color-s: 85.8585858586%;
--c-heading-color-l: 61.1764705882%;
--c-heading-color: hsl(
var(--c-heading-color-h),
var(--c-heading-color-s),
var(--c-heading-color-l)
);
}
.theme\:pristina .residency > img,
[data-theme=pristina] .residency > img {
bottom: 0;
}
.theme--dark {
--theme-bg: #4d5a7b;
--theme-color: #fff;
--theme-button: #e06249;
--theme-button-color: #fff;
}
.theme--mauve {
--theme-bg: #6f3f54;
--theme-color: #fff;
--theme-button: #e06249;
--theme-button-color: #fff;
}
.theme--light {
--theme-bg: #fff;
--theme-color: #4c597c;
--theme-button: #e06249;
--theme-button-color: #fff;
}
.theme--beige {
--theme-bg: #cbb6b4;
--theme-color: #58363c;
--theme-button: #e06249;
--theme-button-color: #fff;
}
.theme--orange {
--theme-bg: #ecdbc9;
--theme-color: #dc4f33;
--theme-button: #e06249;
--theme-button-color: #fff;
}
.theme--brown {
--theme-bg: #58363c;
--theme-color: #fff;
--theme-button: #e06249;
--theme-button-color: #fff;
}
.cg-text-image[class*=theme],
.cg-digital--header {
background: var(--theme-bg);
color: var(--theme-color);
position: relative;
}
.cg-text-image[class*=theme] .secondary-button,
.cg-digital--header .secondary-button {
border-color: var(--theme-button);
color: var(--theme-button);
}
.cg-text-image[class*=theme] .secondary-button:before,
.cg-digital--header .secondary-button:before {
background: var(--theme-button);
}
.cg-text-image[class*=theme] .secondary-button:hover,
.cg-digital--header .secondary-button:hover {
color: var(--theme-button-color);
}
.cg-text-image[class*=theme] .divider,
.cg-digital--header .divider {
position: absolute;
bottom: calc(100% - 1px);
width: 100%;
overflow: hidden;
left: 0;
}
.cg-text-image[class*=theme] .divider svg,
.cg-digital--header .divider svg {
width: 100%;
height: 50px;
display: block;
fill: var(--theme-bg);
transform: scale(1);
}
.cg-text-image[class*=theme] .container,
.cg-digital--header .container {
max-width: 1400px;
}
@media (max-width: 768px) {
.cg-text-image[class*=theme] h2,
.cg-digital--header h2 {
margin-top: 24px;
}
}
.cg-text-image.has-divider:not(:last-of-type) {
padding-bottom: 146px;
}
.cg-digital--header.page-header {
min-height: 0;
margin-bottom: 0;
padding-bottom: 146px;
padding-top: 96px;
}
.cg-digital--header.page-header .cg-illustration {
padding-right: 0;
}
.cg-digital--header.page-header h1 {
color: #e06249;
}
@media (min-width: 1200px) {
.cg-digital--header.page-header h1 {
font-size: 70px;
}
}
.page-template-bfw-2023,
.page-template-bfw-2023-v2,
.page-template-bfw-24 {
--blue--dark: #101532;
--blue--medium: #163864;
--blue--light: #6072a9;
--yellow--light: hsl(225, 30%, 92%);
--yellow--medium: #e6bd72;
--yellow--medium-50: hsla(225, 30%, 72%, 0.3);
--yellow--dark: hsl(37, 59%, 50%);
--accent-bg: var(--yellow--medium);
--main-mid: var(--yellow--medium-50);
background: var(--yellow--light);
}
.page-template-bfw-2023 .program .film__desc,
.page-template-bfw-2023-v2 .program .film__desc,
.page-template-bfw-24 .program .film__desc {
color: var(--yellow--dark);
}
.page-template-bfw-2023 [data-slug=essay],
.page-template-bfw-2023-v2 [data-slug=essay],
.page-template-bfw-24 [data-slug=essay] {
color: #4c597c;
}
.page-template-bfw-2023 .ay-full-essays-list .ay-full-essay cite,
.page-template-bfw-2023-v2 .ay-full-essays-list .ay-full-essay cite,
.page-template-bfw-24 .ay-full-essays-list .ay-full-essay cite {
opacity: 0.75;
}
.bfw-23--wrapper {
max-width: 2800px;
margin: 0 auto;
}
.bfw-23--featured-image {
width: auto;
position: relative;
aspect-ratio: 1;
margin-right: 48px;
}
.bfw-23--featured-image svg {
width: 285%;
position: absolute;
z-index: 0;
top: 0;
right: 0;
}
.bfw-23--header {
display: block;
padding-top: 48px;
color: #fff;
background: var(--blue--medium);
}
.bfw-23--header p {
margin: 0;
}
.bfw-23--header h1 {
font-size: max(3rem, 2.75rem + 4vw, 4.5rem);
color: var(--yellow--medium);
}
.bfw-23--header g g g path {
fill: var(--yellow--light);
}
.bfw-23--timetable {
display: flex;
position: relative;
flex-wrap: wrap;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
gap: 48px 96px;
align-items: flex-start;
color: var(--blue--dark);
--main-mid: rgba(255, 255, 255, 0.8);
}
.bfw-23--timetable .ay-timetable-body {
flex-grow: 6;
flex-basis: 0;
min-width: 50%;
--accent-bg: var(--blue--dark);
}
.bfw-23--timetable .ay-timetable-heading {
flex-grow: 1;
flex-basis: 0;
min-width: 280px;
overflow: visible;
flex-direction: column;
--accent-bg: var(--blue--dark);
}
.bfw-23--timetable .ay-timetable-heading > div {
margin: 0;
padding: 24px;
}
@media (max-width: 1000px) {
.bfw-23--timetable .ay-timetable-heading {
flex-direction: row;
overflow-x: auto;
}
}
.bfw-23--timetable .ay-day h4 {
font-size: 3.2rem;
color: #fff;
--accent-bg: var(--yellow--medium);
}
.bfw-23--intro-text {
background: var(--blue--dark);
box-sizing: content-box;
color: #fff;
padding: min(8vw, 96px);
max-width: 60ch;
margin-left: auto;
margin-bottom: 192px;
position: relative;
}
@media (max-width: 1000px) {
.bfw-23--intro-text {
margin-bottom: 96px;
}
}
.bfw-23--intro-text .essay-button {
margin-bottom: 0;
margin-top: 48px;
--accent-bg: #e06249;
}
.bfw-23--header--wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(385px, 100%), 1fr));
}
.bfw-23--header--text-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.bfw-23--illustration {
padding-right: 48px;
transform: translateX(-96px);
max-width: 100%;
align-self: flex-end;
}
@media (max-width: 800px) {
.bfw-23--illustration {
padding-right: 0;
}
}
.bfw-23--header--sub-heading {
padding-bottom: 0 !important;
margin: 0;
}
.bfw-23--sponsor {
background-color: var(--blue--medium) !important;
}
.bfw-23--sponsor svg {
color: var(--blue--medium);
}
.bfw-23--past-events {
background-color: var(--blue--dark) !important;
}
.bfw-23--past-events .curve {
margin-bottom: -2px;
}
.bfw-23--past-events svg {
color: var(--blue--dark);
}
.bfw-23--links-banner {
background-color: var(--blue--dark) !important;
}
.page-template-bfw-2023, .page-template-bfw-24 {
background-color: var(--blue--medium);
color: #fff;
}
.page-template-bfw-2023 .bfw-23--links-banner, .page-template-bfw-24 .bfw-23--links-banner {
clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
}
.page-template-bfw-2023 .bfw-23--past-events, .page-template-bfw-24 .bfw-23--past-events {
padding-top: 10%;
margin-top: -10%;
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
}
.page-template-bfw-2023 .bfw-23--sponsor, .page-template-bfw-24 .bfw-23--sponsor {
padding-top: 10%;
padding-bottom: calc(10% + 48px);
background: var(--blue--light) !important;
clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
}
.page-template-bfw-2023 .page-template-cg-event .program h4, .page-template-bfw-24 .page-template-cg-event .program h4 {
font-size: 3.2rem;
line-height: 1.4;
}
.bfw-23--timetable .ay-timetable-heading > div {
padding: 20px;
min-width: 110px;
}
.page-template-bfw-24 {
background: #1c503e;
}
.page-template-bfw-24 .bfw-23--intro {
overflow: hidden;
}
.page-template-bfw-24 .bfw-timetable {
color: #1c503e;
}
.page-template-bfw-24 .bfw-timetable .ay-day li, .page-template-bfw-24 .bfw-timetable .ay-timetable-heading {
background: rgb(232, 204, 187);
}
.page-template-bfw-24 .bfw-23--intro-text .essay-button {
margin-top: 0;
}
.page-template-bfw-24 .bfw-timetable h4 {
color: rgb(232, 204, 187);
}
.page-template-bfw-24 .bfw-23--links-banner {
background: #DD6249 !important;
}
.page-template-bfw-24 .past-events {
background: #242143 !important;
padding-left: 24px;
padding-right: 24px;
}
@media (max-width: 767px) {
.page-template-bfw-24 .past-events img {
margin-bottom: 24px;
}
}
.page-template-bfw-24 .program {
padding-left: 24px;
padding-right: 24px;
}
@media (max-width: 1000px) {
.page-template-bfw-24 .bfw-23--timetable .ay-timetable-heading {
overflow-x: auto;
overflow-y: hidden;
}
}
.page-template-bfw-24 .ay-timetable-heading label {
font-size: 1.6rem;
line-height: 1.1;
display: block;
margin-bottom: 5px;
}
.page-template-bfw-24 .bfw-23--intro-text {
background: #d09388;
}
.page-template-bfw-24 .bfw-23--intro-text .button, .page-template-bfw-24 .bfw-23--intro-text .show-more-button--component, .page-template-bfw-24 .bfw-23--intro-text .option-button--sign-up {
background: #D5A75C;
}
.page-template-bfw-24 .bfw-23--intro-text:before, .page-template-bfw-24 .bfw-23--intro-text:after {
content: "";
position: absolute;
width: 200vw;
height: calc(50% - 75px);
top: 50px;
left: -100vw;
z-index: -1;
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/bfw-24/chairs-pattern.svg);
}
.page-template-bfw-24 .bfw-23--intro-text:before {
top: auto;
bottom: 50px;
}
.page-template-bfw-24 .bfw-23--timetable .ay-timetable-heading, .page-template-bfw-24 .bfw-23--timetable .ay-timetable-body {
--accent-bg: #DD6249;
}
.page-template-bfw-24 .bfw-timetable .ay-event-heading, .page-template-bfw-24 .bfw-timetable .ay-timetable-heading {
border-bottom-color: #D5A75C;
}
.page-template-bfw-24 .hero__component {
--mobile--image--padding: 12px;
--desktop--image--padding: 12px;
--background-color: #1c503e;
overflow: hidden;
background-image: linear-gradient(0deg, #1c503e 50%, transparent 50%);
--heading-color: #fff;
--text-color: #fff;
position: relative;
}
.page-template-bfw-24 .hero__component h1 {
font-size: clamp(42px, 22px + 4vw, 86px);
}
.page-template-bfw-24 .hero__component .text {
position: relative;
z-index: 2;
}
.page-template-bfw-24 .hero__component .image {
position: relative;
position: relative;
}
.page-template-bfw-24 .hero__component .image svg {
position: relative;
z-index: 1;
width: 80%;
}
.page-template-bfw-24 .hero__component .image::before {
content: "";
display: block;
left: 0px;
right: 0px;
background: #DD6249;
z-index: 0;
height: 150px;
TOP: 0;
border-radius: 50% 50% 0 0;
position: absolute;
}
.page-template-bfw-24 .hero__component .image:after {
content: "";
position: absolute;
height: 90%;
border-image: conic-gradient(#DD6249 0 0) fill 0 //0 100vw;
}
@media (min-width: 960px) {
.page-template-bfw-24 .hero__component {
padding-right: 150px;
}
}
.page-template-bfw-24 .bfw-23--intro {
position: relative;
}
.bfw24--sponsors-and-past {
--overlap: clamp(0px, -68.182px + 13.636vw, 150px);
--divider--height: clamp(40px, 17.778px + 4.444vw, 80px);
background-color: #D09388;
clip-path: polygon(0 var(--divider--height, 0), 100% 0, 100% 100%, 0 100%);
display: grid;
grid-template-columns: clamp(200px, 63.636px + 27.273vw, 500px) var(--overlap) minmax(0, 1fr);
}
.bfw24--sponsors-and-past > * {
grid-row: 1;
}
.bfw24--sponsors-and-past > *:nth-child(1) {
grid-column: 1/3;
}
.bfw24--sponsors-and-past > *:nth-child(2) {
grid-column: 2/4;
}
@media (max-width: 1040px) {
.bfw24--sponsors-and-past {
display: block;
}
.bfw24--sponsors-and-past > *:nth-child(2) {
margin-top: calc(-1 * var(--divider--height, 0));
}
}
.bfw24--sponsors {
background: #D5A75C;
clip-path: polygon(0 0, 100% 0, calc(100% - var(--overlap, 0)) 100%, 0 100%);
padding: clamp(24px, 6.857px + 3.429vw, 48px);
padding-right: calc(var(--overlap, 0) + clamp(24px, 6.857px + 3.429vw, 48px));
padding-top: calc(var(--divider--height, 0) + clamp(24px, 6.857px + 3.429vw, 48px));
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(12px, 6.545px + 1.091vw, 24px);
}
@media (max-width: 1040px) {
.bfw24--sponsors {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--divider--height, 0)));
}
}
@media (max-width: 1040px) {
.bfw24--sponsors {
padding-bottom: calc(var(--divider--height, 0) + clamp(24px, 6.857px + 3.429vw, 48px));
padding-right: clamp(24px, 6.857px + 3.429vw, 48px);
}
}
.bfw24--sponsors h2 {
font-size: clamp(22px, 19.273px + 0.545vw, 28px);
margin-bottom: 0;
}
.bfw24--sponsors img {
background: #fff;
border-radius: 20px;
padding: 20px;
}
.bfw24--past {
padding-right: clamp(24px, 6.857px + 3.429vw, 48px);
padding-left: calc(var(--overlap, 0) / 2 + clamp(24px, 6.857px + 3.429vw, 48px));
padding-top: calc(var(--divider--height, 0) + clamp(24px, 6.857px + 3.429vw, 48px));
gap: clamp(12px, -4.364px + 3.273vw, 48px);
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 700px) {
.bfw24--past {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.bfw24--past--image {
max-width: 550px;
display: flex;
flex-direction: column;
justify-content: flex-end;
transform: scale(1.2);
transform-origin: right bottom;
}
.bfw24--past--content {
display: flex;
justify-content: center;
flex-direction: column;
padding-bottom: var(--divider--height, 0);
}
.bfw24--past--content h2 {
display: flex;
flex-direction: column;
gap: 12px;
}
.bfw24--past--content h2:after {
content: "";
height: 6px;
width: 100px;
max-width: 100%;
background: var(--underlined-heading--color, #D5A75C);
}
.bfw24--films {
display: grid;
gap: clamp(24px, 18.545px + 1.091vw, 36px);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
}
.bfw24--films .film.film {
margin-bottom: 0;
}
.bfw24--films .film.film .image-container {
height: auto;
aspect-ratio: 4.5/3;
}
.hero__component {
--_background-color: #ecdfc7;
--_text-color: #4c597c;
--_heading-color: #e06249;
--_text-size: var(--text-size, clamp(16px, 13.143px + 0.571vw, 20px));
--_mobile--gap: 24px;
--_desktop--gap: var(--_mobile--gap);
--_text--column: 0.9fr;
--_image--column: 1fr;
--_image--align: flex-end;
--_image--justify: center;
--_desktop--image--padding: 24px 24px 0;
--_mobile--image--padding: 0 24px;
--_image--width: 700px;
display: grid;
grid-gap: var(--mobile--gap, var(--_mobile--gap));
align-items: center;
background: var(--background-color, var(--_background-color));
color: var(--text-color, var(--_text-color));
}
@media (min-width: 960px) {
.hero__component {
grid-template-columns: var(--text--column, var(--_text--column)) var(--image--column, var(--_image--column));
grid-gap: var(--desktop--gap, var(--_desktop--gap));
}
}
.hero__component hgroup p {
font-size: var(--_text-size);
margin-bottom: 0;
}
.hero__component h1 {
color: var(--heading-color, var(--_heading-color));
font-size: clamp(36px, 10.286px + 5.143vw, 72px);
}
.hero__component img, .hero__component svg {
width: 100%;
max-width: var(--image--width, var(--_image--width));
}
.hero__component .text {
padding-top: 24px;
padding-bottom: clamp(24px, -27.429px + 10.286vw, 96px);
padding-left: clamp(24px, -66px + 18vw, 150px);
padding-right: clamp(24px, -66px + 18vw, 150px);
}
@media (min-width: 960px) {
.hero__component .text {
padding-right: 0;
padding-bottom: 24px;
}
}
.hero__component .image {
display: flex;
flex-direction: column;
justify-content: var(--image--align, var(--_image--align));
align-items: var(--image--justify, var(--_image--justify));
padding: var(--mobile--image--padding, var(--_mobile--image--padding));
}
@media (min-width: 960px) {
.hero__component .image {
padding: var(--desktop--image--padding, var(--_desktop--image--padding));
}
}
.map__component {
--_map--color: #4c597c;
--_map--hover--color: #e06249;
--_map--stroke--color: white;
--_map--marker--color: #e06249;
--_map--stroke--width: 5px;
--_map--button--background: #e06249;
--_map--button--color: white;
position: relative;
align-self: center;
background: red;
}
.map__component .map__component--location {
--padding: 5px;
display: grid;
position: absolute;
top: calc(var(--y) * 1%);
left: calc(var(--x) * 1%);
transform: translate(-50%, calc(-100% + var(--padding)));
color: var(--map--marker--color, var(--_map--marker--color));
padding: var(--padding);
}
.map__component .map__component--location > * {
grid-area: 1/1;
place-self: center;
}
.map__component .map__component--location svg {
height: auto;
width: 40px;
width: clamp(30px, 15.714px + 2.857vw, 50px);
transition: opacity 0.2s ease;
}
.map__component > svg {
width: 100%;
height: auto;
}
.map__component > svg path {
fill: var(--map--color, var(--_map--color));
stroke: var(--map--stroke--color, var(--_map--stroke--color));
stroke-width: var(--map--stroke--width, var(--_map--stroke--width));
transition: fill 0.4s ease;
}
.map__component .button, .map__component .show-more-button--component, .map__component .option-button--sign-up {
opacity: 0;
margin: auto !important;
width: max-content;
transform: scale(0.7);
transition: opacity 0.2s ease, transform 0.2s ease;
background: var(--map--button--background, var(--_map--button--background));
color: var(--map--button--color, var(--_map--button--color));
}
.map__component .button:before, .map__component .show-more-button--component:before, .map__component .option-button--sign-up:before {
opacity: 0.3;
}
.map__component .map__component--triggers {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
pointer-events: none;
position: absolute;
}
.map__component .map__component--location:hover, .map__component .map__component--location:focus-within {
z-index: 10;
}
.map__component .map__component--location:hover svg, .map__component .map__component--location:focus-within svg {
opacity: 0;
}
.map__component .map__component--location:hover .button, .map__component .map__component--location:hover .show-more-button--component, .map__component .map__component--location:hover .option-button--sign-up, .map__component .map__component--location:focus-within .button, .map__component .map__component--location:focus-within .show-more-button--component, .map__component .map__component--location:focus-within .option-button--sign-up {
opacity: 1;
transform: scale(1);
}
.map__component .map__component--location:hover .map__component--triggers, .map__component .map__component--location:focus-within .map__component--triggers {
pointer-events: all;
}
.map__component [data-svg=novo-mesto]:hover ~ svg #novo-mesto,
.map__component [data-svg=sarajevo]:hover ~ svg #sarajevo,
.map__component [data-svg=skopje]:hover ~ svg #skopje,
.map__component [data-svg=pristina]:hover ~ svg #pristina,
.map__component [data-svg=belgrade]:hover ~ svg #belgrade,
.map__component [data-svg=tirana]:hover ~ svg #tirana,
.map__component [data-svg=pristina]:hover ~ svg #pristina,
.map__component [data-svg=sofia]:hover ~ svg #sofia,
.map__component [data-svg=split]:hover ~ svg #split,
.map__component [data-svg=cetinje]:hover ~ svg #cetinje,
.map__component [data-svg=bucharest]:hover ~ svg #bucharest,
.map__component [data-svg=novo-mesto]:focus-within ~ svg #novo-mesto,
.map__component [data-svg=sarajevo]:focus-within ~ svg #sarajevo,
.map__component [data-svg=skopje]:focus-within ~ svg #skopje,
.map__component [data-svg=pristina]:focus-within ~ svg #pristina,
.map__component [data-svg=belgrade]:focus-within ~ svg #belgrade,
.map__component [data-svg=tirana]:focus-within ~ svg #tirana,
.map__component [data-svg=pristina]:focus-within ~ svg #pristina,
.map__component [data-svg=sofia]:focus-within ~ svg #sofia,
.map__component [data-svg=split]:focus-within ~ svg #split,
.map__component [data-svg=cetinje]:focus-within ~ svg #cetinje,
.map__component [data-svg=bucharest]:focus-within ~ svg #bucharest,
.map__component [data-svg=germany]:hover ~ svg #germany,
.map__component [data-svg=germany]:focus-within ~ svg #germany,
.map__component [data-svg=austria]:hover ~ svg #austria,
.map__component [data-svg=austria]:focus-within ~ svg #austria {
fill: var(--map--hover--color, var(--_map--hover--color));
}
.divider__component {
position: absolute;
bottom: calc(100% - 2px);
width: 100%;
left: 0;
z-index: 10;
}
.divider__component[data-divider-bottom] {
bottom: auto;
top: calc(100% - 1px);
}
.divider__component svg {
display: block;
fill: var(--background-color, #fff);
}
.divider__component .curved-right, .divider__component .small-wave-right {
transform: scaleX(-1);
}
.divider__component .small-wave-left, .divider__component .small-wave-right {
width: 100%;
height: 80px;
}
.gallery-slider__scroll-wrapper {
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none; }
.gallery-slider__scroll-wrapper::-webkit-scrollbar {
display: none;
}
.gallery-slider__scroll-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--_background-color);
opacity: var(--_background-opacity);
}
.gallery-slider__component {
--_height: var(--height,400px);
--_text-color: var(--text-color, #fff);
--_background-color: var(--background-color, #4c597c);
--_background-opacity: var(--background-opacity, 0.5);
position: relative;
z-index: 0;
width: 100%;
}
.gallery-slider__component [data-js-next], .gallery-slider__component [data-js-prev] {
position: absolute;
top: 0;
bottom: 0;
width: 25%;
background-color: transparent;
min-width: 80px;
margin-bottom: 0;
border-radius: 0;
z-index: 1;
transition: all 0.3s ease;
transform-origin: center;
display: flex;
align-items: center;
color: #fff;
padding: clamp(24px, 6.857px + 3.429vw, 48px);
}
.gallery-slider__component [data-js-next] svg, .gallery-slider__component [data-js-prev] svg {
width: 20px;
opacity: 0.5;
}
.gallery-slider__component [data-js-next]:hover, .gallery-slider__component [data-js-prev]:hover {
color: #e06249;
}
.gallery-slider__component [data-js-prev] {
left: 0;
opacity: calc(var(--scroll-progress, 0) * 9999);
transform: scale(min(1, var(--scroll-progress, 0) * 9999));
justify-content: flex-start;
}
.gallery-slider__component [data-js-next] {
right: 0;
opacity: calc((1 - var(--scroll-progress, 0)) * 9999);
transform: scale(min(1, (1 - var(--scroll-progress, 0)) * 9999));
justify-content: flex-end;
}
.gallery-slider__component [data-js-next] svg {
transform: scaleX(-1);
}
.gallery-slider__list {
display: flex;
flex-wrap: nowrap;
height: var(--_height);
}
.gallery-slider__item {
width: 100%;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
scroll-snap-align: start;
}
.gallery-slider__item > img {
position: absolute;
inset: 0;
object-fit: cover;
filter: blur(20px);
width: 100%;
height: 100%;
z-index: -1;
transform: scale(1.1);
}
.gallery-slider__item > figure {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.gallery-slider__item > figure img {
height: 100%;
width: auto;
object-fit: contain;
}
.gallery-slider__item > figure figcaption {
position: absolute;
z-index: 0;
bottom: 0;
margin-left: auto;
margin-right: auto;
color: var(--_text-color);
padding: 6px 12px;
}
.gallery-slider__item > figure figcaption:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--background-color);
z-index: -1;
opacity: 0.7;
left: 0;
}
.gallery-slider__nav {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: center;
position: absolute;
bottom: 39px;
left: 0;
right: 0;
z-index: 10;
}
.gallery-slider__nav a {
--size: 20px;
border-radius: 50%;
border: 4px solid #fff;
width: var(--size);
background: var(--_background-color);
height: var(--size);
text-align: center;
color: #fff;
aspect-ratio: 1;
text-decoration: none;
font-weight: bold;
transition: opacity 0.2s ease-in-out;
font-variant: tabular-nums;
font-size: 0;
position: relative;
}
.gallery-slider__nav a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e06249;
border-radius: inherit;
--scroll-width: calc(1 / (var(--slide-count) - 1));
--target-offset: calc(var(--scroll-width) * (var(--slide-index)));
--scroll: calc((var(--target-offset) - var(--scroll-progress,0)));
--abs: calc(max(var(--scroll),(var(--scroll) * -1)) * 2.5);
opacity: calc(1 - var(--abs));
}
.gallery-slider__nav a:active, .gallery-slider__nav a:focus, .gallery-slider__nav a:hover, .gallery-slider__nav a:target {
background: #e06249;
}
.close-popup-button__component {
max-width: 50px;
flex-shrink: 0;
}
.close-popup-button__component button {
border-radius: 8px;
padding: 15px;
aspect-ratio: 1;
margin-bottom: 0;
}
.close-popup-button__component svg {
width: 100%;
height: auto;
}
.social-links__component {
--_size: var(--size, 25px);
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.social-links__component a {
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.social-links__component svg {
width: var(--_size);
height: var(--_size);
}
.video__component {
--_height: var(--height,400px);
height: var(--_height);
width: 100%;
}
.video__component lite-youtube {
height: 100%;
width: 100%;
}
.writing-disclosure__component [data-disclosure-trigger] {
order: 1;
}
.writing-disclosure__component [data-disclosure-trigger] .show-less {
display: none;
}
.writing-disclosure__component .writing-disclosure--disclosure {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.writing-disclosure__component .writing-disclosure--content {
margin-bottom: 24px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.buttons__component {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px 24px;
}
.buttons__component > * {
margin-bottom: 0 !important;
}
.participants__component {
--_participants--list--gap: var(--participants--list--gap, 12px);
--_participants--tease--width: var(--participants--tease--width, 200px);
--_participants--tease--padding: var(--participants--tease--padding, clamp(12px, 3.429px + 1.714vw, 24px));
--_participants--tease--gap: var(--participants--tease--gap, 24px);
--_participants--tease--figure: var(--participants--figure--size, clamp(140px, 125.714px + 2.857vw, 160px));
--_participants--tease--color: var(--participants--tease--color, inherit);
--_participants--tease--font: var(--participants--tease--font, "Averta Std CY", sans-serif);
--_participants--tease--font-size: var(--participants--tease--font-size, 2.2rem);
--_participants--tease--font-weight: var(--participants--tease--font-weight, 600);
--_participants--dialog--padding: var(--participants--dialog--padding, clamp(24px, 6.857px + 3.429vw, 48px));
--_participants--dialog--width: var(--participants--dialog--width, 600px);
--_participants--dialog--accent: var(--participants--dialog--accent, #e06249);
--_participants--dialog--background: var(--participants--dialog--background, #fff);
--_participants--dialog--color: var(--participants--dialog--color, #4c597c);
--_participants--dialog--figure: var(--participants--dialog--figure, clamp(140px, 111.429px + 5.714vw, 180px));
--_participants--dialog--heading--font-size: var(--participants--dialog--heading--font-size, clamp(32px, 19.143px + 2.571vw, 50px));
--_participants--dialog--heading--color: var(--participants--dialog--heading--color, inherit);
}
.participants__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(var(--_participants--tease--width), 100%), 1fr));
gap: var(--_participants--list--gap);
}
.participants__tease {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--_participants--tease--gap);
padding: var(--_participants--tease--padding);
transition: transform 0.2s ease-out;
}
.participants__tease:hover {
transform: scale(1.1);
}
.participants__tease:hover .figure__component {
filter: grayscale(0);
}
.participants__tease .figure__component {
--figure--size: var(--_participants--tease--figure);
order: -1;
filter: grayscale(1);
transition: filter 0.2s ease-out;
}
.participants__tease__button {
font-family: var(--_participants--tease--font);
font-size: var(--_participants--tease--font-size);
font-weight: var(--_participants--tease--font-weight);
color: var(--_participants--color);
line-height: 1.4;
}
.participants__tease__button:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.participants__tease__heading {
display: contents;
}
.participants__dialog {
grid-template-columns: 1fr minmax(0, min(95%, var(--_participants--dialog--width)));
width: 100%;
min-height: 100%;
inset: 0;
z-index: -1;
overflow-x: hidden;
border: 0;
margin: 0;
padding: 0;
max-width: 100%;
background: transparent;
}
.participants__dialog[open] {
display: grid;
}
.participants__dialog__backdrop {
animation: fade-in 0.15s linear;
}
.participants__dialog__backdrop button {
position: fixed;
inset: 0;
width: calc(100% - var(--scrollbar-width));
z-index: 0;
background: rgba(53, 62, 87, 0.7);
backdrop-filter: blur(10px);
}
.participants__dialog__content {
padding: var(--_participants--dialog--padding);
background: var(--_participants--dialog--background);
color: var(--_participants--dialog--color);
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1;
animation: slide-left 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.participant__dialog__heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
font-size: var(--_participants--dialog--heading--font-size);
color: var(--_participants--dialog--heading--color);
}
.participant__dialog__heading:after {
content: "";
height: 6px;
width: 100px;
max-width: 100%;
background: var(--_participants--dialog--accent);
}
.participants__dialog .close-popup-button__component {
order: -2;
align-self: flex-start;
}
.participants__dialog .close-popup-button__component button {
background: var(--_participants--dialog--accent);
}
.participants__dialog .figure__component {
--figure--size: var(--_participants--dialog--figure);
order: -1;
margin-bottom: 24px;
}
.participants__dialog .social-links__component {
margin-bottom: 24px;
}
.participants__dialog .participants__dialog__biography {
text-align: justify;
}
.figure__component {
--_figure--gap: var(--figure--gap, 12px);
--_figure--size: var(--figure--size, 160px);
--_figure--font-size: var(--figure--font-size, 1.6rem);
--_figure--font-weight: var(--figure--font-weight, 400);
display: flex;
flex-direction: column;
align-items: center;
gap: var(--_figure--gap);
}
.figure__component img {
width: var(--_figure--size);
height: var(--_figure--size);
border-radius: 50%;
object-fit: cover;
}
.figure__caption {
font-size: var(--_figure--font-size);
font-weight: var(--_figure--font-weight);
}
.show-more-button--component.show-more-button--component {
margin-bottom: 0;
}
.show-more-button--component .show-less {
display: none;
}
.show-more-button--component[aria-expanded=true] .show-more {
display: none;
}
.show-more-button--component[aria-expanded=true] .show-less {
display: block;
}
.show-more-button--component[aria-expanded=true] + * {
max-height: var(--panel-height, 2000px);
}
html, body {
width: 100%;
min-width: 100%;
max-width: 100%;
}
svg {
display: block;
}
html.no-scroll {
overflow: hidden;
padding-inline-end: var(--scrollbar-width);
}
.flex-col {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.mar-bot-lgspace {
margin-bottom: 48px;
max-width: 420px;
}
.mar-top {
margin-top: 24px;
}
.page-template-cg-audiospur .hero {
background: #f0dcc6;
color: #dd5c42;
}
.page-template-cg-nerd .hero {
background: #4d5a7b;
color: #ffffff;
}
.page-bracket {
position: absolute;
z-index: 11;
}
.page-bracket:before, .page-bracket:after {
content: "";
background: #e06249;
position: absolute;
}
.page-bracket:before {
width: 15px;
height: 60px;
}
.page-bracket:after {
height: 15px;
width: 60px;
}
.top-bracket {
top: 0;
right: 0;
}
.top-bracket:before {
top: 15px;
right: 0;
}
.top-bracket:after {
right: 15px;
}
.bottom-bracket {
bottom: 0;
left: 0;
}
.bottom-bracket:before {
bottom: 15px;
left: 0;
}
.bottom-bracket:after {
left: 15px;
bottom: 0;
}
.page-template-bfw {
color: #242143;
}
.page-template-bfw .header,
.page-template-bfw .hero {
background: #242143;
color: #fff;
}
.page-template-bfw .hero {
padding: 0;
}
.page-template-bfw .hero img {
width: 100%;
display: block;
}
.page-template-bfw .hero .sub-heading * {
font-size: 2rem;
}
.page-template-bfw .cg-illustration {
display: flex;
align-self: flex-end;
}
.page-template-bfw .content-left {
padding-top: 24px;
padding-bottom: 48px;
}
@media (max-width: 767px) {
.page-template-bfw .header {
margin-bottom: 0;
}
.page-template-bfw .cg-illustration {
padding-left: 0;
}
.page-template-bfw .cg-illustration img {
margin-bottom: 0;
}
}
.page-template-bfw h2 {
margin-bottom: 48px;
font-size: 4.2rem;
}
.page-template-bfw .header .lang-switch a {
color: #242143;
}
.page-template-bfw .links-banner {
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/bfw2021.jpg);
background-size: cover;
background-position: center;
padding: 150px 0;
}
.page-template-cg-residences {
color: #53393d;
}
.page-template-cg-residences .header,
.page-template-cg-residences .hero {
background: #cbb6b4;
}
.page-template-cg-residences .hero .sub-heading * {
font-size: 2rem;
}
.page-template-cg-residences .cg-illustration {
display: flex;
align-self: flex-end;
}
.page-template-cg-residences .content-left {
padding-top: 24px;
padding-bottom: 48px;
}
.page-template-cg-residences .video a {
background: #53393d;
}
.page-template-cg-residences .hero {
padding: 0;
}
.page-template-cg-residences .hero img {
width: 100%;
display: block;
}
@media (max-width: 767px) {
.page-template-cg-residences .header {
margin-bottom: 0;
}
.page-template-cg-residences .cg-illustration {
padding-left: 0;
}
.page-template-cg-residences .cg-illustration img {
margin-bottom: 0;
}
}
.vimeo-link {
width: 100%;
display: block;
height: 500px;
position: relative;
background-size: cover;
background-position: top center;
}
.vimeo-link .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
}
.bfn-content h2 {
position: relative;
padding-bottom: 12px;
display: inline-block;
}
.bfn-content h2:before {
height: 4px;
width: 100%;
position: absolute;
bottom: 0;
background: #e06249;
content: "";
}
.bfn-content .main-content {
margin-bottom: 48px;
}
.bfn-content .programme {
margin-bottom: 48px;
}
.bfn-content .programme .time {
width: 95px;
font-weight: bold;
display: block;
float: left;
margin-right: 50px;
position: relative;
}
.bfn-content .programme .event {
clear: both; overflow: hidden;
border-bottom: 2px solid #e06249;
padding: 20px 0;
}
.bfn-content .programme .event:first-child {
padding: 0 0 24px 0;
}
.bfn-content .programme .event:last-child {
border-bottom: none;
padding: 24px 0 0 0;
}
.bfn-content .programme .details {
width: calc(100% - 145px);
float: left;
}
.bfn-content .films {
margin-bottom: 48px;
}
.bfn-content .films .featured-image {
width: 100%;
}
.bfn-content .films .image {
position: relative;
cursor: pointer;
}
.bfn-content .films .image .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
}
.bfn-content .films .film {
margin-bottom: 48px;
align-items: center;
}
.bfn-content .films .film p {
margin-bottom: 0;
color: #e06249;
}
.bfn-content .films .film p:last-child {
margin-top: 24px;
margin-bottom: 24px;
color: #4c597c;
}
.bfn-content .participants {
margin-bottom: 48px;
}
.bfn-content .participants h2 {
margin-bottom: 48px;
}
.bfn-content .participants .participant {
margin-bottom: 24px;
}
.bfn-content .participants .participant h4 {
margin-bottom: 0;
line-height: 1.3;
}
.bfn-content .participants .participant img {
width: 100%;
max-width: 200px;
margin-bottom: 6px;
-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); }
.bfn-content .postcard {
margin-bottom: 24px;
display: flex;
justify-content: center;
}
.bfn-content .postcard img {
max-width: 100%;
}
.bfn-content .postcard-button {
margin-bottom: 48px;
}
.bfn-content .partners img {
width: 100%;
}
.bfn-content .partners .partner {
text-decoration: none;
margin-bottom: 24px;
align-self: center;
}
.bfn-content .partners p {
margin-bottom: 24px !important;
}
.popup {
position: absolute;
background: #fff;
z-index: 200;
display: none;
-webkit-box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
-moz-box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
padding: 48px;
max-width: 80%;
border-radius: 5px;
}
.close-popup-overlay {
position: fixed;
background: transparent;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10;
}
.content-left {
padding-left: 150px;
}
.content-right {
padding-right: 150px;
}
.content-right-sm {
padding-right: 100px;
}
button {
border: none;
cursor: pointer;
background: none;
padding: 0;
}
.button, .option-button--sign-up, .show-more-button--component {
border-radius: 80px;
background: #e06249;
color: #fff;
text-align: center;
padding: 9px 48px;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.6px;
display: inline-block;
margin-bottom: 24px;
overflow: hidden;
z-index: 1;
position: relative;
cursor: pointer;
border: none;
}
.button:before, .option-button--sign-up:before, .show-more-button--component:before {
content: "";
width: 0;
height: 0;
padding-top: 0;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
background: inherit;
mix-blend-mode: multiply;
transition: all 0.8s ease;
z-index: -1;
opacity: 0.5;
}
.button:hover:before, .option-button--sign-up:hover:before, .show-more-button--component:hover:before {
width: 150%;
padding-top: 150%;
}
.button.input-wrapper, .input-wrapper.option-button--sign-up, .input-wrapper.show-more-button--component {
padding: 0;
}
.button.input-wrapper input, .input-wrapper.option-button--sign-up input, .input-wrapper.show-more-button--component input {
padding: 9px 48px;
border: none;
background: none;
font-weight: 600;
letter-spacing: 0.6px;
cursor: pointer;
font-size: 1.7rem;
}
.button.active:before, .active.option-button--sign-up:before, .active.show-more-button--component:before {
width: 150%;
padding-top: 150%;
}
.secondary-button {
background: none;
border: 3px solid #e06249;
color: #e06249;
transition: all 0.5s ease;
padding: 6px 48px;
}
.secondary-button:before {
background: #e06249;
}
.secondary-button:hover {
color: #fff;
}
.secondary-button.active {
color: #fff;
}
.white-button, .option-button--sign-up {
border: 3px solid #fff;
background: none;
transition: all 0.5s ease;
color: white;
padding: 6px 48px;
}
.white-button:before, .option-button--sign-up:before {
background: #fff;
opacity: 1;
}
.white-button:hover, .option-button--sign-up:hover {
color: #35393a;
}
.white-button.active, .active.option-button--sign-up {
color: #35393a;
}
.blue-button {
border: 3px solid #4c597c;
background: none;
transition: all 0.5s ease;
color: #4c597c;
padding: 6px 48px;
}
.blue-button:before {
background: #4c597c;
}
.blue-button:hover {
color: white;
}
.blue-button.active {
color: white;
}
.pdf-banner {
margin-bottom: 96px;
background: #edeff2;
padding-top: 96px;
padding-bottom: 96px;
}
.pdf-banner .button, .pdf-banner .option-button--sign-up, .pdf-banner .show-more-button--component {
margin-bottom: 0;
}
.page-template-film .aspect-container {
margin: 0 auto;
}
.page-template-film .aspect-container .aspect {
position: relative; width: 100%;
padding-top: 56.25%; }
.page-template-film .aspect-container .aspect iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}
.homepage-news {
background: #4c597c;
padding-top: 48px;
padding-bottom: 48px;
color: #fff;
margin-bottom: 96px;
}
.homepage-news .section-header {
margin-bottom: 24px;
}
.homepage-news .news-list {
margin-left: -30px;
margin-right: -30px;
}
.homepage-news .news-item {
width: 300px;
margin-bottom: 24px;
margin-right: 24px;
margin-left: 24px;
text-decoration: none;
transition: opacity 0.9s ease;
}
.homepage-news .news-item .thumbnail {
background-size: cover;
background-position: center;
height: 200px;
margin-bottom: 6px;
}
.homepage-news .news-item .category {
margin-bottom: 6px;
font-weight: 600;
font-size: 2rem;
opacity: 0.5;
}
.homepage-news .news-item h5 {
line-height: 1.2;
margin-bottom: 6px;
}
.homepage-news .news-item p {
margin-bottom: 0;
}
.homepage-news .news-item date {
font-weight: 600;
font-size: 1.4rem;
opacity: 0.5;
}
.news-control {
background: #e06249;
width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.news-control:before, .news-control:after {
width: 12px;
height: 3px;
background: #fff;
content: "";
display: block;
position: absolute;
top: 18px;
left: 18px;
transform: rotate(-45deg);
}
.news-control:after {
transform: rotate(-135deg);
top: 29px;
}
.slick-disabled {
background: #ccc !important;
}
.news-right:before,
.books-right:before {
transform: rotate(45deg);
left: 20px;
}
.news-right:after,
.books-right:after {
transform: rotate(135deg);
left: 20px;
}
.application-grants-image img {
width: 100%;
}
.deadlines {
margin-bottom: 12px;
position: relative;
padding: 24px;
max-width: 300px;
margin-left: -25px;
}
.deadlines span {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 10px;
font-weight: 600;
line-height: 1.2;
font-size: 2.4rem;
}
.deadlines:before, .deadlines:after {
content: "";
width: 45px;
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/svgs/t.svg);
background-size: 45px 25px;
height: 25px;
display: block;
right: 0;
position: absolute;
top: 0;
}
.deadlines:after {
transform: rotate(180deg);
left: 0;
bottom: 0;
right: auto;
top: auto;
}
.homepage-cg,
.homepage-bfn {
margin-bottom: 96px;
align-items: center;
}
.homepage-books {
margin-bottom: 96px;
text-align: center;
}
.homepage-books h2 {
margin-bottom: 48px;
text-align: left;
}
.homepage-books .book-list, .homepage-books .book-list-23 {
white-space: nowrap; overflow-x: auto; margin-bottom: 24px;
-webkit-overflow-scrolling: touch;
}
.homepage-books .book-list a, .homepage-books .book-list-23 a { display: inline-block;
margin-right: 24px;
position: relative;
padding-top: 35px;
}
.homepage-books .book-list a img, .homepage-books .book-list-23 a img {
height: 315px;
width: auto;
}
.homepage-books .person {
position: absolute;
top: 3px;
height: 35px;
width: auto;
left: 30%;
z-index: 10;
}
.homepage-books .person2 {
left: 60%;
}
.homepage-books .simplebar-vertical {
display: none;
}
.homepage-books .simplebar-track {
background: #ebebeb;
height: 24px;
position: relative;
border-radius: 20px;
max-width: 900px;
margin: 24px auto;
}
.homepage-books .simplebar-track .simplebar-scrollbar {
height: 24px !important;
top: 0;
cursor: pointer;
}
.homepage-books .simplebar-track .simplebar-scrollbar:before {
background: #e06249;
height: 24px;
border-radius: 20px;
opacity: 1;
}
.homepage-residence {
align-items: flex-end;
}
.homepage-residence .residence-illustration {
padding-right: 0;
}
.homepage-residence .residence-illustration object {
max-width: 90%;
float: right;
}
.homepage-partners {
padding-top: 96px;
padding-bottom: 96px;
background: #4c597c;
color: #fff;
}
.homepage-partners .partner-logos img {
max-height: 140px;
width: auto;
max-width: 100%;
filter: brightness(10);
}
.homepage-partners .partner-logos a {
padding-top: 12px;
padding-bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.footer {
padding-top: 48px;
padding-bottom: 48px;
background: #35393a;
color: #fff;
width: calc(100% + 60px);
}
.footer p, .footer a, .footer .button span, .footer .option-button--sign-up span, .footer .show-more-button--component span {
font-size: 1.4rem !important;
}
.footer .social-links__component {
justify-content: center;
}
.footer a {
text-decoration: none;
font-weight: 600;
}
.footer address {
font-style: normal;
margin-bottom: 24px;
font-size: 1.3rem !important;
}
.footer h6 {
font-size: 1.3rem !important;
}
.footer ul {
margin-bottom: 24px;
}
.footer ul ul {
padding-left: 24px;
}
.footer ul ul a {
opacity: 0.7;
transition: opacity 0.3s ease;
}
.footer ul ul a:hover {
opacity: 1;
}
.footer .bottom-footer {
text-align: center;
}
.footer .bottom-footer p {
opacity: 0.7;
font-weight: 600;
margin-bottom: 0;
}
.footer .sign-up {
text-align: center;
font-weight: bold;
margin-bottom: 48px;
}
.footer .sign-up .button, .footer .sign-up .option-button--sign-up, .footer .sign-up .show-more-button--component {
vertical-align: middle;
margin-left: 24px;
margin-bottom: 0;
}
p.intro {
font-weight: 600;
}
.video-overlay {
background: rgba(0, 0, 0, 0.9);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
.video-overlay iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 80%;
display: none;
}
.video-overlay .close {
cursor: pointer;
padding: 9.5px;
display: block;
position: fixed;
top: 38px;
right: 38px;
}
.video-overlay .close svg {
fill: #fff;
width: 30px;
transform: rotateZ(0);
transition: transform 0.3s ease;
}
.video-overlay .close:hover svg {
transform: rotateZ(-90deg);
}
.page-content {
margin-bottom: 48px;
}
.page-content .text-columns {
column-count: 2;
column-gap: 48px;
margin-bottom: 48px;
}
.page-content ul {
list-style: disc;
padding-left: 48px;
margin-bottom: 24px;
}
.page-content p:last-of-type {
margin-bottom: 0;
}
.more-languages {
margin-top: 24px;
border-radius: 5px;
}
.more-languages .button, .more-languages .option-button--sign-up, .more-languages .show-more-button--component {
width: 100%;
margin-bottom: 12px;
}
.more-languages .button:last-child, .more-languages .option-button--sign-up:last-child, .more-languages .show-more-button--component:last-child {
margin-bottom: 0;
}
.more-languages {
margin-bottom: 48px;
overflow: hidden;
}
.more-languages .button, .more-languages .option-button--sign-up, .more-languages .show-more-button--component {
width: calc(25% - 20px);
margin-right: 20px;
float: left;
}
.about-traduki-in {
margin-bottom: 96px;
}
.programme,
.bwf .programme {
margin-bottom: 48px;
}
.programme h4,
.programme h5,
.programme p,
.bwf .programme h4,
.bwf .programme h5,
.bwf .programme p {
margin-bottom: 0;
}
.programme .left-col,
.bwf .programme .left-col {
float: left;
width: 200px;
margin-right: 30px;
font-weight: bold;
}
.programme .right-col,
.bwf .programme .right-col {
width: calc(100% - 230px);
float: left;
}
.programme li,
.bwf .programme li {
margin-bottom: 24px;
clear: both;
overflow: hidden;
}
.programme li .location,
.bwf .programme li .location {
color: #e06249;
}
.programme li .time,
.bwf .programme li .time {
margin-bottom: 0;
}
.programme li h5,
.bwf .programme li h5 {
margin-bottom: 12px;
font-size: 1.6rem;
color: #e06249;
}
.programme li p,
.bwf .programme li p {
margin-bottom: 12px;
}
.programme .date,
.bwf .programme .date {
margin-bottom: 24px;
}
.bfw img {
width: 100%;
margin-top: 24px;
}
.bfw .programme li {
margin-bottom: 12px;
}
.bfw .programme li p {
margin-bottom: 6px;
}
.bfw .programme .left-col {
width: 70px;
}
.bfw .programme .right-col {
width: calc(100% - 100px);
}
.larger-text p,
.larger-text strong,
.larger-text em,
.larger-text span,
.larger-text a {
font-size: 2rem;
}
.hero .video-container {
width: 100%;
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding: 40px;
}
.hero .video-container:after {
display: none;
}
.hero .video-container:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
border: 20px #ceaa78 solid;
left: 0;
top: 0;
z-index: 1;
pointer-events: none;
}
.hero .video-container iframe {
border: 40px solid white;
}
.cookie-bar {
background: #4c597c;
padding: 24px 24px 12px;
text-align: center;
color: #fff;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 100;
font-size: 55%;
position: fixed;
bottom: 0;
width: 100%;
z-index: 100;
opacity: 0;
visibility: hidden;
animation: fadeIn 0.3s ease 1s forwards;
}
@keyframes fadeIn {
0% {
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
visibility: visible;
}
99% {
visibility: hidden;
}
100% {
opacity: 0;
}
}
.cookie-bar.fade-out {
animation: fadeOut 0.3s ease forwards;
}
.cookie-bar * {
display: inline-block;
margin-bottom: 0;
margin-right: 24px;
margin-bottom: 12px;
font-weight: bold;
}
.cookie-bar a {
border-bottom: 2px solid #fff;
text-decoration: none;
}
.cookie-bar button:focus {
outline: none;
background: #dc4f33;
}
.single-post-header {
padding: 96px 0;
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.single-post-header h1 {
font-family: "Averta Std CY", sans-serif;
font-weight: 600;
font-size: 62px;
}
.single-post-header .dash {
margin: 0 auto;
margin-bottom: 24px;
}
.single-post-header .category {
margin-bottom: 12px;
display: block;
}
.single-post-header date,
.single-post-header .category {
font-size: 2.4rem;
}
.single-post-header img {
max-width: 100%;
max-height: 500px;
height: auto;
width: auto;
margin-top: 96px;
}
.single-post-header p {
font-size: 2.4rem;
margin-bottom: 0;
}
.post-content {
max-width: 700px;
margin: 0 auto 96px;
}
.post-content iframe,
.post-content img {
display: block;
margin: 48px auto !important;
max-width: 100%;
}
.post-content p,
.post-content ul {
font-size: 2rem;
}
.post-content p *,
.post-content ul * {
font-size: inherit !important;
}
.post-content ul {
padding-left: 48px;
margin-bottom: 24px;
}
.post-content ul li {
list-style: disc;
}
.post-content a {
text-decoration: none;
border-bottom: 2px solid #424e6c;
}
.post-gallery {
max-width: 700px;
margin: 0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin-top: 48px;
}
.post-gallery a {
width: 160px;
height: 160px;
background-size: cover;
background-position: center;
display: inline-block;
margin-bottom: 24px;
border-bottom: none;
}
.post-prev,
.post-next {
padding: 48px;
margin-bottom: 48px;
}
.post-prev a,
.post-next a {
text-decoration: none;
display: block;
position: relative;
}
.post-prev a .arrow,
.post-next a .arrow {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/svgs/arrow.svg);
width: 50px;
height: 50px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.post-prev h3,
.post-next h3 {
font-family: "Averta Std CY", sans-serif;
font-weight: 600;
margin-bottom: 12px;
}
.post-prev date,
.post-next date {
font-size: 1.7rem;
}
.post-prev .sub,
.post-next .sub {
margin-bottom: 12px;
display: block;
}
@media (max-width: 700px) {
.post-prev,
.post-next {
padding: 24px;
}
}
@media (max-width: 500px) {
.post-prev .arrow,
.post-next .arrow {
display: none;
}
}
.post-prev a {
padding-left: 96px;
}
@media (max-width: 700px) {
.post-prev a {
padding-left: 48px;
}
}
@media (max-width: 500px) {
.post-prev a {
padding-left: 24px;
}
}
.post-next {
text-align: right;
}
.post-next a {
padding-right: 96px;
}
@media (max-width: 700px) {
.post-next a {
padding-right: 48px;
}
}
@media (max-width: 500px) {
.post-next a {
padding-right: 24px;
}
}
.post-next a .arrow {
left: auto;
right: 0;
transform: scaleX(-1) translateY(-50%);
}
.gallery-row {
background: rgba(76, 89, 124, 0.1);
padding-bottom: 24px;
margin-bottom: 48px;
}
.news {
margin-bottom: 96px;
}
.news .post {
text-decoration: none;
display: block;
margin-bottom: 72px;
transition: transform 0.5s ease;
}
.news .post .thumbnail {
background-size: cover;
background-position: center;
height: 220px;
margin-bottom: 24px;
}
.news .post h3 {
font-family: "Averta Std CY", sans-serif;
font-weight: 600;
}
.news .post:hover {
transform: scale(1.05);
}
@media (max-width: 500px) {
.database .database-main .search-results .project-results li .project-image {
width: 100%;
float: none;
margin-bottom: 12px;
}
.database .database-main .search-results li img {
width: 100%;
max-width: 200px;
margin-bottom: 12px;
float: none;
}
.database .database-main .search-results li .result-content {
float: none;
width: 100%;
margin-left: 0;
}
}
@media (max-width: 660px) {
.programme .left-col,
.bfw .programme .left-col {
width: 100%;
float: none;
}
.programme .right-col,
.bfw .programme .right-col {
width: 100%;
float: none;
}
.database .sidebar {
display: none;
}
.database .database-main {
float: none;
width: 100%;
height: auto !important;
}
.database .database-main .header {
margin-top: 0;
padding-top: 24px !important;
margin-bottom: 24px !important;
}
.database .database-main .header .logo {
display: block;
}
.database .database-main .total-count {
display: none;
}
.database .database-main .search-results .count {
display: block;
padding-left: 0;
}
.database .database-main .explore object,
.database .database-main .no-results object {
max-width: 80% !important;
}
}
@media (max-width: 767px) {
.cg-illustration img {
width: 100%;
height: auto;
}
.header .lang-switch {
margin-left: 0;
margin-right: 6px;
margin-top: 18px;
}
.header .logo {
width: 140px;
margin-top: 10px;
}
.header .popup-search {
right: 48px;
}
.header .popup-search input[type=text] {
width: 100%;
margin-bottom: 12px;
}
.content-left {
padding-left: 30px !important;
}
.content-right {
padding-right: 30px !important;
}
.homepage-news .news-list {
padding-left: 30px !important;
padding-right: 30px !important;
}
.homepage-grants .grants-illustration {
margin-bottom: 48px;
}
.homepage-grants .grants-illustration object {
max-width: 90%;
}
.deadlines {
margin-left: 0;
}
.nav-search {
display: none;
}
.header {
margin-bottom: 24px;
}
.homepage-header,
.page-header,
.homepage-grants,
.homepage-news,
.homepage-books,
.homepage-stats,
.homepage-partners,
.page-content {
margin-bottom: 48px;
}
.page-content .text-columns {
column-count: 1;
}
.more-languages {
margin-bottom: 48px;
}
.more-languages h5 {
margin-bottom: 12px;
}
.more-languages .button, .more-languages .option-button--sign-up, .more-languages .show-more-button--component {
display: inline-block;
width: auto;
margin-top: 12px;
margin-bottom: 0;
margin-right: 12px;
}
}
@media (max-width: 990px) {
.more-languages .button, .more-languages .option-button--sign-up, .more-languages .show-more-button--component {
display: inline-block;
width: auto;
}
}
@media (max-width: 959px) {
.database .database-main .single-result-publication .book-image {
width: 100%;
}
.database .database-main .single-result-publication .main-content {
width: 100%;
}
.database .database-main .single-result-project .main-column {
width: 100%;
}
.database .database-main .single-result-project .image-column {
width: 100%;
}
.database .database-main .single-result-person .single-sidebar {
float: none;
width: 100%;
}
.database .database-main .single-result-person .single-sidebar img {
max-width: 250px;
}
.database .database-main .single-result-person .main-content {
float: none;
width: 100%;
margin-left: 0;
}
}
@media (max-width: 1199px) {
html {
font-size: 55.5%;
}
.header .lang-switch span {
width: 41px !important;
height: 41px !important;
}
.header .lang-switch a {
padding: 2px 8px 2px 13px !important;
}
.header .lang-switch a:hover {
color: #fff !important;
}
.header .lang-switch a:hover + span {
transform: translateX(39px) !important;
}
.header .lang-switch a:nth-child(2) {
padding: 2px 13px 2px 8px !important;
}
.header .lang-switch .active + span {
transform: translateX(39px) !important;
}
body .header .col-12 {
padding-right: 24px;
}
.header .nav-search {
display: block;
}
.nav {
display: none;
}
.header .menu-icon {
display: block;
}
.menu-open .menu-icon span:nth-child(1) {
transform: translate3d(0, 8px, 0) rotateZ(45deg);
}
.menu-open .menu-icon span:nth-child(2) {
opacity: 0;
transform: translate3d(20px, 0, 0);
}
.menu-open .menu-icon span:nth-child(3) {
transform: translate3d(0, -8px, 0) rotateZ(-45deg);
}
.menu-open .nav {
position: absolute;
background: #fff;
z-index: 250;
-webkit-box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
-moz-box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
padding: 48px;
display: block;
max-width: 80%;
border-radius: 5px;
right: 25px;
top: 0;
color: #4c597c;
}
.menu-open .nav li {
display: block;
margin-left: 0;
}
.menu-open .nav li:last-child {
margin-bottom: 0;
}
.menu-open .nav:before, .menu-open .nav:after {
width: 15px;
height: 60px;
background: #fff;
content: "";
display: block;
position: absolute;
bottom: 15px;
left: 0;
}
.menu-open .nav:before {
width: 15px;
height: 60px;
bottom: 15px;
left: 0;
}
.menu-open .nav:after {
height: 15px;
width: 60px;
bottom: 0;
left: 15px;
}
.content-left {
padding-left: 48px;
}
.content-right {
padding-right: 48px;
}
.homepage-news .news-list {
padding-left: 48px;
padding-right: 48px;
}
.news-list .slick-track {
margin-left: 0 !important;
}
}
@media (max-width: 1253px) {
.header .nav-search {
display: none;
}
}
@media (max-width: 1345px) {
.nav {
display: none;
}
.header .menu-icon {
display: block;
}
}
.page-template-bfw {
color: #242143;
}
.page-template-bfw .header,
.page-template-bfw .hero {
background: #242143;
color: #fff;
}
.page-template-bfw .hero {
padding: 0;
}
.page-template-bfw .hero img {
width: 100%;
display: block;
}
.page-template-bfw .hero .sub-heading * {
font-size: 2rem;
}
.page-template-bfw .cg-illustration {
display: flex;
align-self: flex-end;
}
.page-template-bfw .content-left {
padding-top: 24px;
padding-bottom: 48px;
}
@media (max-width: 767px) {
.page-template-bfw .header {
margin-bottom: 0;
}
.page-template-bfw .cg-illustration {
padding-left: 0;
}
.page-template-bfw .cg-illustration img {
margin-bottom: 0;
}
}
.page-template-bfw h2 {
margin-bottom: 48px;
font-size: 4.2rem;
}
.page-template-bfw .header .lang-switch a {
color: #242143;
}
.page-template-bfw .links-banner {
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/bfw2021.jpg);
background-size: cover;
background-position: center;
padding: 150px 0;
}
.page-template-rr {
color: #53393d;
}
.page-template-rr .header,
.page-template-rr .hero {
background: #cbb6b4;
}
.page-template-rr .hero .sub-heading * {
font-size: 2rem;
}
.page-template-rr .cg-illustration {
display: flex;
align-self: flex-end;
}
.page-template-rr .content-left {
padding-top: 24px;
padding-bottom: 100px;
}
.page-template-rr .video a {
background: #53393d;
}
.page-template-rr .hero {
padding: 0;
}
.page-template-rr .hero img {
width: 100%;
display: block;
}
@media (max-width: 767px) {
.page-template-rr .header {
margin-bottom: 0;
}
.page-template-rr .cg-illustration {
padding-left: 0;
}
.page-template-rr .cg-illustration img {
margin-bottom: 0;
}
}
.rr-images {
margin-top: 24px;
}
.vimeo-link {
width: 100%;
display: block;
height: 500px;
position: relative;
background-size: cover;
background-position: top center;
}
.vimeo-link .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
}
.bfn-content h2 {
position: relative;
padding-bottom: 12px;
display: inline-block;
}
.bfn-content h2:before {
height: 4px;
width: 100%;
position: absolute;
bottom: 0;
background: #e06249;
content: "";
}
.bfn-content .main-content {
margin-bottom: 48px;
}
.bfn-content .programme {
margin-bottom: 48px;
}
.bfn-content .programme .time {
width: 95px;
font-weight: bold;
display: block;
float: left;
margin-right: 50px;
position: relative;
}
.bfn-content .programme .event {
clear: both; overflow: hidden;
border-bottom: 2px solid #e06249;
padding: 20px 0;
}
.bfn-content .programme .event:first-child {
padding: 0 0 24px 0;
}
.bfn-content .programme .event:last-child {
border-bottom: none;
padding: 24px 0 0 0;
}
.bfn-content .programme .details {
width: calc(100% - 145px);
float: left;
}
.bfn-content .films {
margin-bottom: 48px;
}
.bfn-content .films .featured-image {
width: 100%;
}
.bfn-content .films .image {
position: relative;
cursor: pointer;
}
.bfn-content .films .image .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
}
.bfn-content .films .film {
margin-bottom: 48px;
align-items: center;
}
.bfn-content .films .film p {
margin-bottom: 0;
color: #e06249;
}
.bfn-content .films .film p:last-child {
margin-top: 24px;
margin-bottom: 24px;
color: #4c597c;
}
.bfn-content .participants {
margin-bottom: 48px;
}
.bfn-content .participants h2 {
margin-bottom: 48px;
}
.bfn-content .participants .participant {
margin-bottom: 24px;
}
.bfn-content .participants .participant h4 {
margin-bottom: 0;
line-height: 1.3;
}
.bfn-content .participants .participant img {
width: 100%;
max-width: 200px;
margin-bottom: 6px;
-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); }
.bfn-content .postcard {
margin-bottom: 24px;
display: flex;
justify-content: center;
}
.bfn-content .postcard img {
max-width: 100%;
}
.bfn-content .postcard-button {
margin-bottom: 48px;
}
.bfn-content .partners img {
width: 100%;
}
.bfn-content .partners .partner {
text-decoration: none;
margin-bottom: 24px;
align-self: center;
}
.bfn-content .partners p {
margin-bottom: 24px !important;
}
.popup {
position: absolute;
background: #fff;
z-index: 200;
display: none;
-webkit-box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
-moz-box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
box-shadow: 0px 0px 50px 0px rgba(76, 89, 124, 0.2);
padding: 48px;
max-width: 80%;
border-radius: 5px;
}
.close-popup-overlay {
position: fixed;
background: transparent;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10;
}
.content-left {
padding-left: 150px;
}
.content-right {
padding-right: 150px;
}
.content-right-sm {
padding-right: 100px;
}
.homepage-grants {
align-items: center;
margin-bottom: 96px;
}
.homepage-grants .grants-illustration object {
max-width: 80%;
float: right;
}
.homepage-grants h5 {
margin-bottom: 12px;
}
.homepage-grants .pad-l-0.grants-illustration object {
max-width: 80%;
float: left;
}
.pdf-banner {
margin-bottom: 96px;
background: #edeff2;
padding-top: 96px;
padding-bottom: 96px;
}
.pdf-banner .button, .pdf-banner .option-button--sign-up, .pdf-banner .show-more-button--component {
margin-bottom: 0;
}
.page-template-film .aspect-container {
margin: 0 auto;
}
.page-template-film .aspect-container .aspect {
position: relative; width: 100%;
padding-top: 56.25%; }
.page-template-film .aspect-container .aspect iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}
.page-content.literarisches_fruhstuck img {
width: 100%;
max-width: 1000px;
display: inline-block;
}
.page-content.literarisches_fruhstuck .aspect-container {
max-width: 800px;
margin: 0 auto;
}
.page-content.literarisches_fruhstuck .aspect-container .aspect {
position: relative; width: 100%;
padding-top: 56.25%; }
.page-content.literarisches_fruhstuck .aspect-container .aspect iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}
.homepage-news {
background: #4c597c;
padding-top: 48px;
padding-bottom: 48px;
color: #fff;
margin-bottom: 96px;
}
.homepage-news .section-header {
margin-bottom: 24px;
}
.homepage-news .news-list {
margin-left: -30px;
margin-right: -30px;
}
.homepage-news .news-item {
width: 300px;
margin-bottom: 24px;
margin-right: 24px;
margin-left: 24px;
text-decoration: none;
transition: opacity 0.9s ease;
}
.homepage-news .news-item .thumbnail {
background-size: cover;
background-position: center;
height: 200px;
margin-bottom: 6px;
}
.homepage-news .news-item .category {
margin-bottom: 6px;
font-weight: 600;
font-size: 2rem;
opacity: 0.5;
}
.homepage-news .news-item h5 {
line-height: 1.2;
margin-bottom: 6px;
}
.homepage-news .news-item p {
margin-bottom: 0;
}
.homepage-news .news-item date {
font-weight: 600;
font-size: 1.4rem;
opacity: 0.5;
}
.homepage-news .news-control {
background: #e06249;
width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.homepage-news .news-control:before,
.homepage-news .news-control:after {
width: 12px;
height: 3px;
background: #fff;
content: "";
display: block;
position: absolute;
top: 18px;
left: 18px;
transform: rotate(-45deg);
}
.homepage-news .news-control:after {
transform: rotate(-135deg);
top: 29px;
}
.homepage-news .slick-disabled {
background: #ccc !important;
}
.homepage-news .news-right:before {
transform: rotate(45deg);
left: 20px;
}
.homepage-news .news-right:after {
transform: rotate(135deg);
left: 20px;
}
.application-grants-image img {
width: 100%;
}
.deadlines {
margin-bottom: 12px;
position: relative;
padding: 24px;
max-width: 300px;
margin-left: -25px;
}
.deadlines span {
text-align: center;
font-weight: 600;
line-height: 1.2;
font-size: 2.4rem;
}
.deadlines:before,
.deadlines:after {
content: "";
width: 45px;
background-image: url(//traduki.eu/wp-content/themes/traduki/assets/svgs/t.svg);
background-size: 45px 25px;
height: 25px;
display: block;
right: 0;
position: absolute;
top: 0;
}
.deadlines:after {
transform: rotate(180deg);
left: 0;
bottom: 0;
right: auto;
top: auto;
}
.homepage-cg,
.homepage-bfn {
margin-bottom: 96px;
align-items: center;
}
.page-button-list {
text-align: center;
}
.page-button-list a {
margin: 0 24px 24px 24px;
}
.homepage-books {
margin-bottom: 96px;
text-align: center;
}
.homepage-books h2 {
margin-bottom: 48px;
text-align: left;
}
.homepage-books .book-list, .homepage-books .book-list-23 {
white-space: nowrap; overflow-x: auto; margin-bottom: 24px;
-webkit-overflow-scrolling: touch;
}
.homepage-books .book-list a, .homepage-books .book-list-23 a { display: inline-block;
margin-right: 24px;
position: relative;
padding-top: 35px;
}
.homepage-books .book-list a img, .homepage-books .book-list-23 a img {
height: 315px;
width: auto;
}
.homepage-books .person {
position: absolute;
top: 3px;
height: 35px;
width: auto;
left: 30%;
z-index: 10;
}
.homepage-books .person2 {
left: 60%;
}
.homepage-books .simplebar-vertical {
display: none;
}
.homepage-books .simplebar-track {
background: #ebebeb;
height: 24px;
position: relative;
border-radius: 20px;
max-width: 900px;
margin: 24px auto;
}
.homepage-books .simplebar-track .simplebar-scrollbar {
height: 24px !important;
top: 0;
cursor: pointer;
}
.homepage-books .simplebar-track .simplebar-scrollbar:before {
background: #e06249;
height: 24px;
border-radius: 20px;
opacity: 1;
}
.homepage-residence {
align-items: flex-end;
}
.homepage-residence .residence-illustration {
padding-right: 0;
}
.homepage-residence .residence-illustration object {
max-width: 90%;
float: right;
}
.homepage-stats {
align-items: center;
background: #e06249;
color: #fff;
padding: 48px 48px 24px;
text-align: center;
margin-bottom: 96px;
}
.homepage-stats a {
text-decoration: none;
}
.homepage-stats .stat {
margin-bottom: 24px;
}
.homepage-stats .stat img,
.homepage-stats .stat object {
max-width: 75px;
width: 100%;
margin-bottom: 12px;
}
.homepage-stats .stat .number {
display: block;
font-weight: 600;
font-size: 2.4rem;
margin-bottom: 6px;
line-height: 1;
}
.homepage-stats .stat .stat-type {
display: block;
line-height: 1.2;
font-weight: 600;
opacity: 0.8;
font-size: 1.6rem;
}
.homepage-stats .stat-translators img,
.homepage-stats .stat-translators object {
max-width: 105px;
}
.homepage-partners .partner-logos img {
max-height: 140px;
width: auto;
max-width: 100%;
}
.homepage-partners .partner-logos a {
padding-top: 12px;
padding-bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.footer {
background: #35393a;
color: #fff;
width: calc(100% + 60px);
}
.footer .social-media-list {
margin-bottom: 12px;
}
.footer .social-media-list a {
width: 36px;
display: inline-block;
margin-left: 6px;
vertical-align: middle;
}
.footer .social-media-list path {
fill: #fff;
}
.footer a {
text-decoration: none;
font-weight: 600;
font-size: 1.5rem;
}
.footer address {
font-style: normal;
margin-bottom: 24px;
font-size: 1.5rem;
}
.footer h6 {
font-size: 1.5rem;
}
.footer ul {
margin-bottom: 24px;
}
.footer ul ul {
padding-left: 24px;
}
.footer ul ul a {
opacity: 0.7;
transition: opacity 0.3s ease;
}
.footer ul ul a:hover {
opacity: 1;
}
.footer .bottom-footer {
text-align: center;
}
.footer .bottom-footer p {
opacity: 0.7;
font-weight: 600;
margin-bottom: 0;
}
.footer .sign-up {
text-align: center;
font-weight: bold;
margin-bottom: 0 !important;
}
.footer .sign-up .button, .footer .sign-up .option-button--sign-up, .footer .sign-up .show-more-button--component {
vertical-align: middle;
margin-left: 24px;
margin-bottom: 0;
}
p.intro {
font-weight: 600;
}
.video-overlay {
background: rgba(0, 0, 0, 0.9);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
.video-overlay iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 80%;
display: none;
}
.video-overlay .close {
cursor: pointer;
padding: 9.5px;
display: block;
position: fixed;
top: 38px;
right: 38px;
}
.video-overlay .close svg {
fill: #fff;
width: 30px;
transform: rotateZ(0);
transition: transform 0.3s ease;
}
.video-overlay .close:hover svg {
transform: rotateZ(-90deg);
}
.more-language-content {
display: none;
margin-bottom: 96px;
}
.page-content {
margin-bottom: 48px;
}
.page-content .text-columns {
column-count: 2;
column-gap: 48px;
margin-bottom: 48px;
}
.page-content ul {
list-style: disc;
padding-left: 48px;
margin-bottom: 24px;
}
.page-content p:last-of-type {
margin-bottom: 0;
}
.more-languages {
margin-top: 24px;
border-radius: 5px;
}
.more-languages .button, .more-languages .option-button--sign-up, .more-languages .show-more-button--component {
width: 100%;
margin-bottom: 12px;
}
.more-languages .button:last-child, .more-languages .option-button--sign-up:last-child, .more-languages .show-more-button--component:last-child {
margin-bottom: 0;
}
.grants-content p {
margin-bottom: 24px !important;
}
.more-languages {
margin-bottom: 48px;
overflow: hidden;
}
.more-languages .button, .more-languages .option-button--sign-up, .more-languages .show-more-button--component {
width: calc(25% - 20px);
margin-right: 20px;
float: left;
}
.about-traduki-in {
margin-bottom: 96px;
}
.theme-header, .page-template-buch-wien .ay-participants,
.page-template-buch-wien-2022 .ay-participants,
.page-template-leipzig-2022 .ay-participants,
[class*=page-template-leipzig-] .ay-participants, .page-template-buch-wien .ay-videos,
.page-template-buch-wien-2022 .ay-videos,
.page-template-leipzig-2022 .ay-videos,
[class*=page-template-leipzig-] .ay-videos, .page-template-buch-wien .ay-leipzig,
.page-template-buch-wien-2022 .ay-leipzig,
.page-template-leipzig-2022 .ay-leipzig,
[class*=page-template-leipzig-] .ay-leipzig, .page-template-buch-wien .ay-header,
.page-template-buch-wien-2022 .ay-header,
.page-template-leipzig-2022 .ay-header,
[class*=page-template-leipzig-] .ay-header {
--main-bg: #e4c6b6;
--main-color: #232043;
--accent-bg: #dd5a3f;
--accent-color: rgb(255, 255, 255);
--heading-color: rgb(35, 32, 67);
--main-color-25: rgba(35, 32, 67, 0.25);
}
.theme-programme, .page-template-buch-wien .ay-intro,
.page-template-buch-wien-2022 .ay-intro,
.page-template-leipzig-2022 .ay-intro,
[class*=page-template-leipzig-] .ay-intro {
--main-bg: rgb(100, 130, 159);
--main-color: rgb(35, 32, 67);
--accent-bg: #dd5a3f;
--accent-color: rgb(255, 255, 255);
--heading-color: rgb(35, 32, 67);
--main-color-25: rgba(35, 32, 67, 0.125);
}
.theme-dark {
--main-bg: rgb(100, 130, 159);
--main-color: rgb(35, 32, 67);
--accent-bg: #dd5a3f;
--accent-color: rgb(255, 255, 255);
--heading-color: rgb(35, 32, 67);
--main-color-25: rgba(35, 32, 67, 0.125);
}
.page-template-buch-wien .ay-intro .ay-day .ay-event-heading > div:first-child,
.page-template-buch-wien-2022 .ay-intro .ay-day .ay-event-heading > div:first-child,
.page-template-leipzig-2022 .ay-intro .ay-day .ay-event-heading > div:first-child,
[class*=page-template-leipzig-] .ay-intro .ay-day .ay-event-heading > div:first-child {
align-items: center;
display: flex;
flex-direction: column;
padding-right: 0;
}
.page-template-buch-wien .ay-intro .ay-day .ay-event-heading > div:first-child h5,
.page-template-buch-wien-2022 .ay-intro .ay-day .ay-event-heading > div:first-child h5,
.page-template-leipzig-2022 .ay-intro .ay-day .ay-event-heading > div:first-child h5,
[class*=page-template-leipzig-] .ay-intro .ay-day .ay-event-heading > div:first-child h5 {
white-space: normal;
padding-top: 4px;
}
.page-template-buch-wien,
.page-template-buch-wien-2022,
.page-template-leipzig-2022,
[class*=page-template-leipzig-] {
--main-bg: rgb(217, 143, 131);
--main-color: rgb(88, 56, 49);
--accent-bg: #dd5a3f;
--accent-color: rgb(255, 255, 255);
--heading-color: rgb(255, 255, 255);
--main-color-25: rgba(88, 56, 49, 0.1);  }
.page-template-buch-wien .custom-shape-divider-top,
.page-template-buch-wien-2022 .custom-shape-divider-top,
.page-template-leipzig-2022 .custom-shape-divider-top,
[class*=page-template-leipzig-] .custom-shape-divider-top {
position: absolute;
bottom: calc(100% - 2px);
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
}
.page-template-buch-wien .custom-shape-divider-top svg,
.page-template-buch-wien-2022 .custom-shape-divider-top svg,
.page-template-leipzig-2022 .custom-shape-divider-top svg,
[class*=page-template-leipzig-] .custom-shape-divider-top svg {
position: relative;
display: block;
width: calc(100% + 30px);
height: 50px;
left: -10px;
z-index: 1;
}
.page-template-buch-wien .leipzig-logo,
.page-template-buch-wien-2022 .leipzig-logo,
.page-template-leipzig-2022 .leipzig-logo,
[class*=page-template-leipzig-] .leipzig-logo {
--spacing: 30px;
max-width: none !important;
}
.page-template-buch-wien .leipzig-logo svg,
.page-template-buch-wien-2022 .leipzig-logo svg,
.page-template-leipzig-2022 .leipzig-logo svg,
[class*=page-template-leipzig-] .leipzig-logo svg {
height: 100px;
fill: currentColor;
}
.page-template-buch-wien .custom-shape-divider-top[data-flip] svg,
.page-template-buch-wien-2022 .custom-shape-divider-top[data-flip] svg,
.page-template-leipzig-2022 .custom-shape-divider-top[data-flip] svg,
[class*=page-template-leipzig-] .custom-shape-divider-top[data-flip] svg {
transform: rotateY(180deg);
}
.page-template-buch-wien .custom-shape-divider-top .shape-fill,
.page-template-buch-wien-2022 .custom-shape-divider-top .shape-fill,
.page-template-leipzig-2022 .custom-shape-divider-top .shape-fill,
[class*=page-template-leipzig-] .custom-shape-divider-top .shape-fill {
fill: var(--main-bg);
}
@media (min-width: 768px) and (max-width: 1023px) {
.page-template-buch-wien .custom-shape-divider-top svg,
.page-template-buch-wien-2022 .custom-shape-divider-top svg,
.page-template-leipzig-2022 .custom-shape-divider-top svg,
[class*=page-template-leipzig-] .custom-shape-divider-top svg {
width: calc(100% + 30px);
height: 66px;
}
}
@media (max-width: 767px) {
.page-template-buch-wien .custom-shape-divider-top svg,
.page-template-buch-wien-2022 .custom-shape-divider-top svg,
.page-template-leipzig-2022 .custom-shape-divider-top svg,
[class*=page-template-leipzig-] .custom-shape-divider-top svg {
width: calc(100% + 30px);
height: 36px;
}
}
.page-template-buch-wien .ay-header,
.page-template-buch-wien .ay-intro,
.page-template-buch-wien section,
.page-template-buch-wien-2022 .ay-header,
.page-template-buch-wien-2022 .ay-intro,
.page-template-buch-wien-2022 section,
.page-template-leipzig-2022 .ay-header,
.page-template-leipzig-2022 .ay-intro,
.page-template-leipzig-2022 section,
[class*=page-template-leipzig-] .ay-header,
[class*=page-template-leipzig-] .ay-intro,
[class*=page-template-leipzig-] section {
background-color: var(--main-bg);
color: var(--main-color);
}
.page-template-buch-wien section,
.page-template-buch-wien-2022 section,
.page-template-leipzig-2022 section,
[class*=page-template-leipzig-] section {
position: relative;
}
.page-template-buch-wien .button:not(.white-button):not(.option-button--sign-up), .page-template-buch-wien .option-button--sign-up:not(.white-button):not(.option-button--sign-up), .page-template-buch-wien .show-more-button--component:not(.white-button):not(.option-button--sign-up),
.page-template-buch-wien button:not(.menu-toggle),
.page-template-buch-wien-2022 .button:not(.white-button):not(.option-button--sign-up),
.page-template-buch-wien-2022 .option-button--sign-up:not(.white-button):not(.option-button--sign-up),
.page-template-buch-wien-2022 .show-more-button--component:not(.white-button):not(.option-button--sign-up),
.page-template-buch-wien-2022 button:not(.menu-toggle),
.page-template-leipzig-2022 .button:not(.white-button):not(.option-button--sign-up),
.page-template-leipzig-2022 .option-button--sign-up:not(.white-button):not(.option-button--sign-up),
.page-template-leipzig-2022 .show-more-button--component:not(.white-button):not(.option-button--sign-up),
.page-template-leipzig-2022 button:not(.menu-toggle),
[class*=page-template-leipzig-] .button:not(.white-button):not(.option-button--sign-up),
[class*=page-template-leipzig-] .option-button--sign-up:not(.white-button):not(.option-button--sign-up),
[class*=page-template-leipzig-] .show-more-button--component:not(.white-button):not(.option-button--sign-up),
[class*=page-template-leipzig-] button:not(.menu-toggle) {
color: var(--accent-color);
background: var(--accent-bg);
}
.page-template-buch-wien .ay-header,
.page-template-buch-wien-2022 .ay-header,
.page-template-leipzig-2022 .ay-header,
[class*=page-template-leipzig-] .ay-header {
padding-bottom: 220px;
}
.page-template-buch-wien .ay-header p,
.page-template-buch-wien-2022 .ay-header p,
.page-template-leipzig-2022 .ay-header p,
[class*=page-template-leipzig-] .ay-header p {
width: 100%;
font-size: 2.4rem;
}
.page-template-buch-wien .ay-header p > *,
.page-template-buch-wien-2022 .ay-header p > *,
.page-template-leipzig-2022 .ay-header p > *,
[class*=page-template-leipzig-] .ay-header p > * {
font-size: inherit;
}
.page-template-buch-wien .ay-header .custom-shape-divider-top,
.page-template-buch-wien-2022 .ay-header .custom-shape-divider-top,
.page-template-leipzig-2022 .ay-header .custom-shape-divider-top,
[class*=page-template-leipzig-] .ay-header .custom-shape-divider-top {
bottom: auto;
top: calc(100% - 2px);
}
.page-template-buch-wien .ay-header .divider,
.page-template-buch-wien-2022 .ay-header .divider,
.page-template-leipzig-2022 .ay-header .divider,
[class*=page-template-leipzig-] .ay-header .divider {
color: var(--main-bg);
}
.page-template-buch-wien .ay-header h3:before,
.page-template-buch-wien-2022 .ay-header h3:before,
.page-template-leipzig-2022 .ay-header h3:before,
[class*=page-template-leipzig-] .ay-header h3:before {
background: var(--accent-bg);
}
.page-template-buch-wien .ay-header .ay-ctas,
.page-template-buch-wien-2022 .ay-header .ay-ctas,
.page-template-leipzig-2022 .ay-header .ay-ctas,
[class*=page-template-leipzig-] .ay-header .ay-ctas {
--spacing: 80px;
}
.page-template-buch-wien .ay-header .ay-ctas .ay-cta svg g,
.page-template-buch-wien-2022 .ay-header .ay-ctas .ay-cta svg g,
.page-template-leipzig-2022 .ay-header .ay-ctas .ay-cta svg g,
[class*=page-template-leipzig-] .ay-header .ay-ctas .ay-cta svg g {
fill: var(--accent-bg);
}
.page-template-buch-wien .ay-header .text-wrapper,
.page-template-buch-wien-2022 .ay-header .text-wrapper,
.page-template-leipzig-2022 .ay-header .text-wrapper,
[class*=page-template-leipzig-] .ay-header .text-wrapper {
min-height: 500px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 100%;
}
.page-template-buch-wien .ay-header img,
.page-template-buch-wien-2022 .ay-header img,
.page-template-leipzig-2022 .ay-header img,
[class*=page-template-leipzig-] .ay-header img {
height: 120%;
width: auto;
transform: none;
transform: translateY(-10%);
display: block;
position: absolute;
left: 100%;
top: 0;
}
.page-template-buch-wien .ay-header h1,
.page-template-buch-wien-2022 .ay-header h1,
.page-template-leipzig-2022 .ay-header h1,
[class*=page-template-leipzig-] .ay-header h1 {
width: 100%;
}
@media (max-width: 820px) {
.page-template-buch-wien .ay-header,
.page-template-buch-wien-2022 .ay-header,
.page-template-leipzig-2022 .ay-header,
[class*=page-template-leipzig-] .ay-header {
padding-bottom: 100px;
}
.page-template-buch-wien .ay-header img,
.page-template-buch-wien-2022 .ay-header img,
.page-template-leipzig-2022 .ay-header img,
[class*=page-template-leipzig-] .ay-header img {
position: static;
margin-bottom: 60px;
margin-top: 40px;
transform: translateY(0);
padding-bottom: 50px;
}
.page-template-buch-wien .ay-header .text-wrapper,
.page-template-buch-wien-2022 .ay-header .text-wrapper,
.page-template-leipzig-2022 .ay-header .text-wrapper,
[class*=page-template-leipzig-] .ay-header .text-wrapper {
flex-basis: 100%;
}
}
.page-template-buch-wien h2:not(.full-participant-title),
.page-template-buch-wien-2022 h2:not(.full-participant-title),
.page-template-leipzig-2022 h2:not(.full-participant-title),
[class*=page-template-leipzig-] h2:not(.full-participant-title) {
color: var(--heading-color) !important;
}
.page-template-buch-wien h2:not(.full-participant-title)::before,
.page-template-buch-wien-2022 h2:not(.full-participant-title)::before,
.page-template-leipzig-2022 h2:not(.full-participant-title)::before,
[class*=page-template-leipzig-] h2:not(.full-participant-title)::before {
background: var(--accent-bg) !important;
}
.page-template-buch-wien .ay-leipzig p,
.page-template-buch-wien-2022 .ay-leipzig p,
.page-template-leipzig-2022 .ay-leipzig p,
[class*=page-template-leipzig-] .ay-leipzig p {
font-weight: 300;
}
.page-template-buch-wien .ay-full-essays-list .ay-full-participant > p,
.page-template-buch-wien-2022 .ay-full-essays-list .ay-full-participant > p,
.page-template-leipzig-2022 .ay-full-essays-list .ay-full-participant > p,
[class*=page-template-leipzig-] .ay-full-essays-list .ay-full-participant > p {
font-weight: 300;
}
.page-template-buch-wien .ay-videos,
.page-template-buch-wien-2022 .ay-videos,
.page-template-leipzig-2022 .ay-videos,
[class*=page-template-leipzig-] .ay-videos {
color: var(--main-color);
border-bottom: none;
}
.page-template-buch-wien .ay-videos .ay-videos-day:before,
.page-template-buch-wien-2022 .ay-videos .ay-videos-day:before,
.page-template-leipzig-2022 .ay-videos .ay-videos-day:before,
[class*=page-template-leipzig-] .ay-videos .ay-videos-day:before {
background: var(--accent-bg);
}
.page-template-buch-wien .ay-intro,
.page-template-buch-wien-2022 .ay-intro,
.page-template-leipzig-2022 .ay-intro,
[class*=page-template-leipzig-] .ay-intro {
border-bottom: none;
padding-top: 150px;
padding-bottom: 100px;
}
.page-template-buch-wien .ay-intro .ay-timetable-heading,
.page-template-buch-wien-2022 .ay-intro .ay-timetable-heading,
.page-template-leipzig-2022 .ay-intro .ay-timetable-heading,
[class*=page-template-leipzig-] .ay-intro .ay-timetable-heading {
border-bottom: 4px solid var(--main-color);
background: var(--main-color-25);
}
.page-template-buch-wien .ay-intro .ay-timetable-heading .active,
.page-template-buch-wien-2022 .ay-intro .ay-timetable-heading .active,
.page-template-leipzig-2022 .ay-intro .ay-timetable-heading .active,
[class*=page-template-leipzig-] .ay-intro .ay-timetable-heading .active {
background: var(--accent-bg);
color: var(--accent-color);
}
.page-template-buch-wien .ay-intro .ay-day h4:before,
.page-template-buch-wien-2022 .ay-intro .ay-day h4:before,
.page-template-leipzig-2022 .ay-intro .ay-day h4:before,
[class*=page-template-leipzig-] .ay-intro .ay-day h4:before {
background: var(--accent-bg);
}
.page-template-buch-wien .ay-intro .ay-day > ul > li,
.page-template-buch-wien-2022 .ay-intro .ay-day > ul > li,
.page-template-leipzig-2022 .ay-intro .ay-day > ul > li,
[class*=page-template-leipzig-] .ay-intro .ay-day > ul > li {
background: var(--main-color-25);
}
.page-template-buch-wien .ay-intro .ay-day > ul > li.active .ay-event-heading,
.page-template-buch-wien-2022 .ay-intro .ay-day > ul > li.active .ay-event-heading,
.page-template-leipzig-2022 .ay-intro .ay-day > ul > li.active .ay-event-heading,
[class*=page-template-leipzig-] .ay-intro .ay-day > ul > li.active .ay-event-heading {
background: var(--accent-bg);
color: var(--accent-color);
}
.page-template-buch-wien .ay-intro .ay-day > ul > li li,
.page-template-buch-wien-2022 .ay-intro .ay-day > ul > li li,
.page-template-leipzig-2022 .ay-intro .ay-day > ul > li li,
[class*=page-template-leipzig-] .ay-intro .ay-day > ul > li li {
background: none;
}
.page-template-buch-wien .ay-intro .ay-day .ay-event-heading,
.page-template-buch-wien-2022 .ay-intro .ay-day .ay-event-heading,
.page-template-leipzig-2022 .ay-intro .ay-day .ay-event-heading,
[class*=page-template-leipzig-] .ay-intro .ay-day .ay-event-heading {
border-bottom: 5px solid var(--main-color);
display: grid;
grid-template-columns: 80px 1fr;
grid-gap: 30px;
}
@media (max-width: 820px) {
.page-template-buch-wien .ay-intro .ay-day .ay-event-heading,
.page-template-buch-wien-2022 .ay-intro .ay-day .ay-event-heading,
.page-template-leipzig-2022 .ay-intro .ay-day .ay-event-heading,
[class*=page-template-leipzig-] .ay-intro .ay-day .ay-event-heading {
display: block;
}
.page-template-buch-wien .ay-intro .ay-day .ay-event-heading h5,
.page-template-buch-wien-2022 .ay-intro .ay-day .ay-event-heading h5,
.page-template-leipzig-2022 .ay-intro .ay-day .ay-event-heading h5,
[class*=page-template-leipzig-] .ay-intro .ay-day .ay-event-heading h5 {
margin-bottom: 10px;
align-self: flex-start;
}
}
.page-template-buch-wien .ay-intro .ay-day .ay-event-heading g,
.page-template-buch-wien-2022 .ay-intro .ay-day .ay-event-heading g,
.page-template-leipzig-2022 .ay-intro .ay-day .ay-event-heading g,
[class*=page-template-leipzig-] .ay-intro .ay-day .ay-event-heading g {
fill: currentColor;
}
.page-template-buch-wien .ay-participants,
.page-template-buch-wien .ay-theme,
.page-template-buch-wien .ay-leipzig,
.page-template-buch-wien-2022 .ay-participants,
.page-template-buch-wien-2022 .ay-theme,
.page-template-buch-wien-2022 .ay-leipzig,
.page-template-leipzig-2022 .ay-participants,
.page-template-leipzig-2022 .ay-theme,
.page-template-leipzig-2022 .ay-leipzig,
[class*=page-template-leipzig-] .ay-participants,
[class*=page-template-leipzig-] .ay-theme,
[class*=page-template-leipzig-] .ay-leipzig {
color: var(--main-color);
}
.page-template-buch-wien .ay-leipzig h2,
.page-template-buch-wien-2022 .ay-leipzig h2,
.page-template-leipzig-2022 .ay-leipzig h2,
[class*=page-template-leipzig-] .ay-leipzig h2 {
font-size: 5.9rem;
}
.page-template-buch-wien .ay-leipzig p,
.page-template-buch-wien-2022 .ay-leipzig p,
.page-template-leipzig-2022 .ay-leipzig p,
[class*=page-template-leipzig-] .ay-leipzig p {
font-size: 1.9rem;
}
.page-template-buch-wien .ay-participants,
.page-template-buch-wien-2022 .ay-participants,
.page-template-leipzig-2022 .ay-participants,
[class*=page-template-leipzig-] .ay-participants {
padding-left: 0;
}
.page-template-buch-wien .ay-participants h2,
.page-template-buch-wien-2022 .ay-participants h2,
.page-template-leipzig-2022 .ay-participants h2,
[class*=page-template-leipzig-] .ay-participants h2 {
text-align: center;
}
.page-template-buch-wien .ay-participants h2:before,
.page-template-buch-wien-2022 .ay-participants h2:before,
.page-template-leipzig-2022 .ay-participants h2:before,
[class*=page-template-leipzig-] .ay-participants h2:before {
left: 50%;
transform: translateX(-50%);
}
.page-template-buch-wien .ay-participants .inner,
.page-template-buch-wien-2022 .ay-participants .inner,
.page-template-leipzig-2022 .ay-participants .inner,
[class*=page-template-leipzig-] .ay-participants .inner {
padding-bottom: 50px;
}
.page-template-buch-wien .people,
.page-template-buch-wien-2022 .people,
.page-template-leipzig-2022 .people,
[class*=page-template-leipzig-] .people {
margin-left: -30px;
margin-bottom: -10px;
}
.page-template-buch-wien .people svg,
.page-template-buch-wien-2022 .people svg,
.page-template-leipzig-2022 .people svg,
[class*=page-template-leipzig-] .people svg {
height: 240px;
width: auto;
}
.page-template-buch-wien .ay-logos,
.page-template-buch-wien-2022 .ay-logos,
.page-template-leipzig-2022 .ay-logos,
[class*=page-template-leipzig-] .ay-logos {
--main-bg: #583831;
--main-color: #dab49f;
--accent-bg: #dd5a3f;
--accent-color: rgb(255, 255, 255);
--heading-color: rgb(255, 255, 255);
--main-color-25: rgba(255, 255, 255, 0.1);
}
.page-template-buch-wien .ay-logos h2,
.page-template-buch-wien-2022 .ay-logos h2,
.page-template-leipzig-2022 .ay-logos h2,
[class*=page-template-leipzig-] .ay-logos h2 {
text-align: center;
}
.page-template-buch-wien .ay-logos h2:before,
.page-template-buch-wien-2022 .ay-logos h2:before,
.page-template-leipzig-2022 .ay-logos h2:before,
[class*=page-template-leipzig-] .ay-logos h2:before {
left: 50%;
transform: translateX(-50%);
}
.page-template-buch-wien .ay-logos .ay-logos-list,
.page-template-buch-wien-2022 .ay-logos .ay-logos-list,
.page-template-leipzig-2022 .ay-logos .ay-logos-list,
[class*=page-template-leipzig-] .ay-logos .ay-logos-list {
margin-bottom: 20px;
display: grid;
grid-gap: 30px;
align-items: center;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.page-template-buch-wien .ay-logos .ay-logos-list a img,
.page-template-buch-wien-2022 .ay-logos .ay-logos-list a img,
.page-template-leipzig-2022 .ay-logos .ay-logos-list a img,
[class*=page-template-leipzig-] .ay-logos .ay-logos-list a img {
max-height: 110px;
max-width: 250px;
}
.page-template-buch-wien .ay-intro .ay-day li,
.page-template-buch-wien-2022 .ay-intro .ay-day li,
.page-template-leipzig-2022 .ay-intro .ay-day li,
[class*=page-template-leipzig-] .ay-intro .ay-day li {
background: transparent;
}
.page-template-buch-wien-2022 .ay-header img {
scale: 1.1;
}
.page-template-buch-wien-2022 .ay-intro {
--main-bg: rgb(230 211 193);
--main-color: rgb(35, 32, 67);
--accent-bg: #d7a85c;
--accent-color: rgb(255, 255, 255);
--heading-color: rgb(35, 32, 67);
--main-color-25: rgba(35, 32, 67, 0.125);
}
.page-template-buch-wien-2022 .ay-intro .viewers {
position: absolute;
right: 14px;
bottom: 0;
width: 500px;
max-width: 85%;
}
.page-template-buch-wien-2022 .ay-intro > .container-fluid {
padding-bottom: 96px;
}
@media (max-width: 991px) {
.page-template-buch-wien-2022 .ay-intro > .container-fluid {
padding-bottom: 192px;
}
}
.page-template-buch-wien-2022 .ay-header {
--main-bg: #232043;
--main-color: #f0e5db;
--accent-bg: #d7a85c;
--accent-color: rgb(255, 255, 255);
--heading-color: rgb(223 97 73);
--main-color-25: rgba(35, 32, 67, 0.125);
}
.page-template-buch-wien-2022 .ay-header h1 {
color: var(--heading-color);
}
.theme\:bucharest,
[data-theme=bucharest] {
--c-main-color-h: 242;
--c-main-color-s: 29%;
--c-main-color-l: 19%;
--c-main-color: hsl(
var(--c-main-color-h),
var(--c-main-color-s),
var(--c-main-color-l)
);
--c-main-bg-h: 180;
--c-main-bg-s: 14%;
--c-main-bg-l: 77%;
--c-main-bg: hsl(
var(--c-main-bg-h),
var(--c-main-bg-s),
var(--c-main-bg-l)
);
--c-accent-color-h: 242;
--c-accent-color-s: 29%;
--c-accent-color-l: 19%;
--c-accent-color: hsl(
var(--c-accent-color-h),
var(--c-accent-color-s),
var(--c-accent-color-l)
);
--c-accent-bg-h: 214;
--c-accent-bg-s: 28%;
--c-accent-bg-l: 94%;
--c-accent-bg: hsl(
var(--c-accent-bg-h),
var(--c-accent-bg-s),
var(--c-accent-bg-l)
);
--c-heading-color-h: 214;
--c-heading-color-s: 28%;
--c-heading-color-l: 94%;
--c-heading-color: hsl(
var(--c-heading-color-h),
var(--c-heading-color-s),
var(--c-heading-color-l)
);
}
.theme\:belgrade,
[data-theme=belgrade] {
--c-main-color-h: 343;
--c-main-color-s: 7%;
--c-main-color-l: 20%;
--c-main-color: hsl(
var(--c-main-color-h),
var(--c-main-color-s),
var(--c-main-color-l)
);
--c-main-bg-h: 24;
--c-main-bg-s: 32%;
--c-main-bg-l: 75%;
--c-main-bg: hsl(
var(--c-main-bg-h),
var(--c-main-bg-s),
var(--c-main-bg-l)
);
--c-accent-color-h: 343;
--c-accent-color-s: 7%;
--c-accent-color-l: 20%;
--c-accent-color: hsl(
var(--c-accent-color-h),
var(--c-accent-color-s),
var(--c-accent-color-l)
);
--c-accent-bg-h: 42;
--c-accent-bg-s: 16%;
--c-accent-bg-l: 88%;
--c-accent-bg: hsl(
var(--c-accent-bg-h),
var(--c-accent-bg-s),
var(--c-accent-bg-l)
);
--c-heading-color-h: 42;
--c-heading-color-s: 16%;
--c-heading-color-l: 88%;
--c-heading-color: hsl(
var(--c-heading-color-h),
var(--c-heading-color-s),
var(--c-heading-color-l)
);
}
.theme\:sofia,
[data-theme=sofia] {
--c-main-color-h: 343;
--c-main-color-s: 7%;
--c-main-color-l: 20%;
--c-main-color: hsl(
var(--c-main-color-h),
var(--c-main-color-s),
var(--c-main-color-l)
);
--c-main-bg-h: 19;
--c-main-bg-s: 24%;
--c-main-bg-l: 51%;
--c-main-bg: hsl(
var(--c-main-bg-h),
var(--c-main-bg-s),
var(--c-main-bg-l)
);
--c-accent-color-h: 343;
--c-accent-color-s: 7%;
--c-accent-color-l: 20%;
--c-accent-color: hsl(
var(--c-accent-color-h),
var(--c-accent-color-s),
var(--c-accent-color-l)
);
--c-accent-bg-h: 42;
--c-accent-bg-s: 16%;
--c-accent-bg-l: 88%;
--c-accent-bg: hsl(
var(--c-accent-bg-h),
var(--c-accent-bg-s),
var(--c-accent-bg-l)
);
--c-heading-color-h: 42;
--c-heading-color-s: 16%;
--c-heading-color-l: 88%;
--c-heading-color: hsl(
var(--c-heading-color-h),
var(--c-heading-color-s),
var(--c-heading-color-l)
);
}
.residency .cluster {
--spacing: 50px;
}
.residency {
--grid-width: 400px;
color: var(--c-main-color);
background-color: var(--c-main-bg);
position: relative;
z-index: 0;
display: flex;
overflow: hidden;
padding-top: 50px;
}
.residency > * {
flex-grow: 1;
flex-basis: 500px;
min-width: 50%;
display: flex;
justify-content: center;
align-content: flex-start;
}
.residency > img {
position: absolute;
bottom: -200px;
left: 0;
z-index: -1;
}
.residency figure img {
display: block;
justify-content: flex-end;
margin-top: 80px;
max-height: 650px;
}
.curve-divider {
color: var(--c-main-bg);
width: 100%;
bottom: calc(100% - 2px);
left: 0;
position: absolute;
}
[data-variant=right] .curve-divider {
transform: scaleX(-1);
}
.residency > div {
padding: 80px;
}
.residency .text-wrapper {
max-width: 500px;
margin-bottom: 100px;
}
[data-variant=right] .residency > div {
order: 1;
}
.residency figure {
display: flex;
justify-content: flex-end;
align-content: flex-end;
align-self: flex-end;
}
.residency[data-variant=right] figure {
display: flex;
justify-content: center;
align-content: flex-end;
align-self: flex-end;
}
.residency .resident {
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 30px;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.residency h2 {
font-size: 72px;
line-height: 100%;
margin-bottom: 20px;
color: var(--c-heading-color);
}
em {
font: inherit;
font-style: italic;
}
.residency .icon-button {
display: flex;
background: none;
border-radius: 0;
padding: 0;
color: inherit;
text-decoration: none;
}
.residency .resident {
margin-bottom: 40px;
display: block;
}
.residency .icon-button::before {
display: none;
}
.residency .icon-button svg {
width: 30px;
height: 30px;
margin-right: 25px;
color: var(--c-accent-bg);
}
.residency .icon-button [data-text] {
position: relative;
overflow: hidden;
font-weight: bold;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.residency .icon-button [data-text]::after {
content: attr(data-text);
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.residency .icon-button [data-text]::after,
.residency .icon-button [data-text] > div {
transition: all 0.5s ease;
}
.residency .icon-button[data-text] > div {
transform: translateY(0);
}
.residency .icon-button:hover [data-text]::after {
opacity: 1;
transform: translateY(-100%);
}
.residency .icon-button:hover [data-text] > div {
opacity: 0;
transform: translateY(-100%);
}
.residency p {
font-size: 18px;
line-height: 180.5%;
letter-spacing: 0.005em;
margin-bottom: 40px;
}
@media (max-width: 1000px) {
.residency {
display: block;
padding-top: 0;
}
.residency figure img {
margin-top: 0;
}
.residency .text-wrapper {
margin-bottom: 0;
}
.residency > img {
bottom: 0;
}
.residency > div {
padding: 50px;
}
}
.page-template-rr .hero {
background-color: #cbb6b4;
color: #53393d;
}
lite-youtube {
background-color: #000;
position: relative;
display: block;
contain: content;
background-position: center center;
background-size: cover;
cursor: pointer;
} lite-youtube::after {
content: "";
display: block;
padding-bottom: 56.25%;
}
lite-youtube > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
} lite-youtube > .lty-playbtn {
display: block;
width: 68px;
height: 48px;
position: absolute;
cursor: pointer;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%;
z-index: 1;
background-color: transparent;
padding: 0; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
filter: grayscale(100%);
transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
border: none;
}
lite-youtube > .lty-playbtn:before {
display: none;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
filter: none;
} lite-youtube.lyt-activated {
cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
opacity: 0;
pointer-events: none;
}
.lyt-visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}