@charset "UTF-8";
 @font-face {
font-family: 'Minion Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Minion Pro Regular'), url(https://domo-eclectica.nl/wp-content/themes/domo_eclectica_v1/_assets/webfonts/minionpro/MinionPro-Regular.woff) format('woff');
}
@font-face {
font-family: 'BG Flame Light';
font-style: normal;
font-weight: normal;
src: local('BG Flame Light'), url(https://domo-eclectica.nl/wp-content/themes/domo_eclectica_v1/_assets/webfonts/bgflame/bg_flame_light-webfont.woff) format('woff');
}
@font-face {
font-family: 'BG Flame Regular';
font-style: normal;
font-weight: normal;
src: local('BG Flame Regular'), url(https://domo-eclectica.nl/wp-content/themes/domo_eclectica_v1/_assets/webfonts/bgflame/bg_flame-webfont.woff) format('woff');
}
@font-face {
font-family: 'BG Flame Bold';
font-style: normal;
font-weight: normal;
src: local('BG Flame Bold'), url(https://domo-eclectica.nl/wp-content/themes/domo_eclectica_v1/_assets/webfonts/bgflame/bg_flame_bold-webfont.woff) format('woff');
}
html.uk-offcanvas-page {
overflow: hidden;
}
html body p,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .uk-button {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html body p:focus,
html body h1:focus,
html body h2:focus,
html body h3:focus,
html body h4:focus,
html body h5:focus,
html body h6:focus,
html body .uk-button:focus {
outline: none !important;
}
html body .uk-lightbox.uk-open {
z-index: 9999 !important;
}
html body .uk-button {
padding-bottom: 3px;
}
@media only screen and (max-width: 767px) {
html body .uk-button {
width: 100%;
margin-bottom: calc(3 * var(--spacer__unit)) !important;
}
}
html body .wp-block-button__link {
color: inherit;
background-color: transparent;
border-radius: 0;
display: inline-block;
font-size: inherit;
padding: inherit;
}
html body .wp-block-button__link:hover {
text-decoration: none;
background-color: transparent;
}
html body .uk-label {
padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
html body .uk-padding,
html body.uk-padding {
padding: calc(2 * var(--spacer__unit));
}
html body .uk-padding-large,
html body.uk-padding-large {
padding: 20px;
}
html body .uk-padding-small,
html body.uk-padding-small {
padding: 10px;
}
html body .uk-position-small {
margin: 8px;
--uk-position-margin-offset: 8px;
}
}
html body .uk-slidenav {
border-radius: 100px;
width: calc(11 * var(--spacer__unit));
height: calc(11 * var(--spacer__unit));
text-align: center;
margin-top: -20px;
}
@media only screen and (max-width: 767px) {
html body .uk-slidenav {
padding-top: 15px;
}
}
html div.wpforms-container-full .wpforms-form input.wpforms-field-large {
padding: calc(4 * var(--spacer__unit)) !important;
}
@media only screen and (max-width: 767px) {
html .wp-block-spacer {
height: calc(2 * var(--spacer__unit)) !important;
}
}
html .wpem-event-layout-action-wrapper {
display: none !important;
}
:root {
--color__primary--default: #d4b57f;
--color__secondary--default: #a0752b;
--color__tertiary--default: #2F8DEC;
--color__gray--white: #ffffff;
--color__gray--lightest: #F6F6F6;
--color__gray--lighter: #d9d9d9;
--color__gray--default: #A5A5A5;
--color__gray--darker: #6a6a6a;
--color__gray--darkest: #191918;
}
html body .color__text--primary,
html body .color__text--design {
color: var(--color__primary--default);
}
html body .color__text--secondary {
color: var(--color__secondary--default) !important;
}
html body .background__color--primary,
html body .background__color--design {
background-color: var(--color__primary--default);
color: var(--color__gray--darkest) !important;
}
html body .background__color--primary > *,
html body .background__color--design > *,
html body .background__color--primary a,
html body .background__color--design a,
html body .background__color--primary a:hover,
html body .background__color--design a:hover,
html body .background__color--primary h1,
html body .background__color--design h1,
html body .background__color--primary h2,
html body .background__color--design h2 {
color: var(--color__gray--darkest) !important;
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: inherit;
}
html body .background__color--secondary,
html body .background__color--art {
background-color: var(--color__secondary--default);
color: var(--color__gray--white) !important;
}
html body .background__color--secondary > *,
html body .background__color--art > *,
html body .background__color--secondary a,
html body .background__color--art a,
html body .background__color--secondary a:hover,
html body .background__color--art a:hover,
html body .background__color--secondary h1,
html body .background__color--art h1,
html body .background__color--secondary h2,
html body .background__color--art h2 {
color: var(--color__gray--white) !important;
}
html body .background__color--tertiary,
html body .background__color--interaction {
background-color: var(--color__tertiary--default);
color: var(--color__gray--white) !important;
}
html body .background__color--tertiary > *,
html body .background__color--interaction > *,
html body .background__color--tertiary a,
html body .background__color--interaction a,
html body .background__color--tertiary a:hover,
html body .background__color--interaction a:hover,
html body .background__color--tertiary h1,
html body .background__color--interaction h1,
html body .background__color--tertiary h2,
html body .background__color--interaction h2 {
color: var(--color__gray--white) !important;
}
html body .background__color--gray-white {
background-color: var(--color__gray--white);
color: var(--color__gray--darkest) !important;
}
html body .background__color--gray-white > *,
html body .background__color--gray-white a,
html body .background__color--gray-white a:hover {
color: var(--color__gray--darkest) !important;
}
html body .background__color--gray-lightest {
background-color: var(--color__gray--lightest);
color: var(--color__gray--darkest) !important;
}
html body .background__color--gray-lightest > *,
html body .background__color--gray-lightest a,
html body .background__color--gray-lightest a:hover {
color: var(--color__gray--darkest) !important;
}
html body .background__color--gray-lighter {
background-color: var(--color__gray--lighter);
color: var(--color__gray--darker) !important;
}
html body .background__color--gray-lighter > *,
html body .background__color--gray-lighter a,
html body .background__color--gray-lighter a:hover {
color: var(--color__gray--darker);
}
html body .background__color--gray-default {
background-color: var(--color__gray--default);
color: var(--color__gray--white) !important;
}
html body .background__color--gray-default > *,
html body .background__color--gray-default a,
html body .background__color--gray-default a:hover {
color: var(--color__gray--white) !important;
}
html body .background__color--gray-darker {
background-color: var(--color__gray--darker);
color: var(--color__gray--white) !important;
}
html body .background__color--gray-darker > *,
html body .background__color--gray-darker a,
html body .background__color--gray-darker a:hover {
color: var(--color__gray--white) !important;
}
html body .background__color--gray-darkest {
background-color: var(--color__gray--darkest);
color: var(--color__gray--white) !important;
}
html body .background__color--gray-darkest > *,
html body .background__color--gray-darkest a,
html body .background__color--gray-darkest a:hover {
color: var(--color__gray--white) !important;
}
:root {
--font__size--xs: 0.8rem;
--font__size--sm: 1.1rem;
--font__size--md: 1.8rem;
--font__size--lg: 2.4rem;
--font__size--xl: 3.6rem;
}
@media only screen and (max-width: 767px) {
:root {
--font__size--xs: 0.8rem;
--font__size--sm: 1rem;
--font__size--md: 1.2rem;
--font__size--lg: 1.3rem;
--font__size--xl: 2.05rem;
}
}
@media only screen and (max-width: 767px) {
.uk-h2 {
font-size: var(--font__size--lg) !important;
}
}
@media only screen and (max-width: 767px) {
.uk-text-large {
font-size: var(--font__size--md) !important;
}
}
h1,
h2,
.h1,
.h2 {
font-family: "Minion Pro Regular", "Georgia", "Times New Roman", serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: var(--color__secondary--default) !important;
line-height: 1 !important;
}
@media only screen and (max-width: 767px) {
h1,
h2,
.h1,
.h2 {
line-height: 1.15 !important;
}
}
h1 .uk-text-normal,
h2 .uk-text-normal,
.h1 .uk-text-normal,
.h2 .uk-text-normal {
font-family: "BG Flame Regular", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: var(--color__primary--default);
padding-left: 15px;
padding-right: 15px;
line-height: 52px;
display: inline-block;
padding-top: 12px;
}
@media only screen and (max-width: 767px) {
h1 .uk-text-normal,
h2 .uk-text-normal,
.h1 .uk-text-normal,
.h2 .uk-text-normal {
padding-left: 10px;
padding-right: 10px;
line-height: 25px;
padding-top: 5px;
}
}
h1 .uk-text-bold,
h2 .uk-text-bold,
.h1 .uk-text-bold,
.h2 .uk-text-bold {
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: var(--color__secondary--default);
}
h1 a:hover,
h2 a:hover,
.h1 a:hover,
.h2 a:hover {
text-decoration: none;
color: var(--color__gray--darkest);
}
h1 font,
h2 font,
.h1 font,
.h2 font {
padding-left: calc(3 * var(--spacer__unit)) !important;
padding-right: calc(3 * var(--spacer__unit)) !important;
}
h1 font font,
h2 font font,
.h1 font font,
.h2 font font {
padding-left: 0 !important;
padding-right: 0 !important;
}
h1,
.uk-h1 {
font-size: var(--font__size--xl) !important;
}
h2,
.uk-h2 {
font-size: var(--font__size--lg) !important;
}
h3,
.uk-h3 > * {
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: var(--font__size--md) !important;
line-height: 1.3 !important;
max-width: 90%;
padding-left: calc(8 * var(--spacer__unit));
border-left: dotted var(--color__primary--default) calc(1 * var(--spacer__unit)) !important;
padding-top: calc(3 * var(--spacer__unit));
padding-bottom: calc(3 * var(--spacer__unit));
}
@media only screen and (max-width: 767px) {
h3,
.uk-h3 > * {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: calc(4 * var(--spacer__unit));
}
}
h4,
.h4,
.uk-h4 {
font-family: "Minion Pro Regular", "Georgia", "Times New Roman", serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: var(--font__size--md);
line-height: 1.3 !important;
}
h5,
.h5 {
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: var(--color__gray--darkest) !important;
}
html,
p {
font-family: "BG Flame Regular", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: var(--font__size--sm);
line-height: 1.6 !important;
}
b,
strong {
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
a,
.uk-link {
text-decoration-color: var(--color__primary--default) !important;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-thickness: 4px;
text-underline-offset: calc(0.5 * var(--spacer__unit));
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
p > a,
p > .uk-link,
h4 > a,
article a,
footer a {
color: var(--color__secondary--default);
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
p > a:hover,
p > .uk-link:hover,
h4 > a:hover,
article a:hover,
footer a:hover {
color: var(--color__gray--black) !important;
}
.wpem-event-title > .wpem-heading-text {
font-size: 1.4rem !important;
line-height: 100% !important;
padding: 20px;
}
.wpem-event-listing-header-title .wpem-heading-text {
font-size: var(--font__size--xl) !important;
padding-bottom: calc(2 * var(--spacer__unit));
}
:root {
--value-3px: 3px;
--value-6px: 6px;
}
@media only screen and (max-width: 767px) {
:root {
--value-3px: 2px;
--value-6px: 3px;
}
}
.border__full--small {
border: 1px solid var(--color__gray--lighter);
}
.border__top--medium {
border-top: var(--value-3px) solid var(--color__gray--lighter);
}
.border__bottom--medium {
border-bottom: var(--value-3px) solid var(--color__gray--lighter);
}
.wp-block-column {
padding-right: calc(15 * var(--spacer__unit));
}
@media only screen and (max-width: 767px) {
.wp-block-column {
padding-right: calc(0*var(--spacer__unit));
}
}
.wp-block-column > .wp-block-image {
padding-left: calc(10 * var(--spacer__unit));
}
@media only screen and (max-width: 767px) {
.wp-block-column > .wp-block-image {
padding-left: calc(0 * var(--spacer__unit));
margin-bottom: 0 !important;
}
.wp-block-column > .wp-block-image img {
box-shadow: none !important;
margin-bottom: 0 !important;
}
.wp-block-column > .wp-block-image figcaption {
display: none;
}
}
.wp-block-column > .wp-block-image img {
box-shadow: calc(4 * var(--spacer__unit)) calc(4 * var(--spacer__unit)) 0 var(--color__gray--default);
margin-bottom: calc(8 * var(--spacer__unit));
border-radius: calc(1 * var(--spacer__unit));
}
.uk-button,
.wp-block-button,
.wpem-theme-button,
.registration_button {
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: optimizeLegibility !important;
font-size: var(--font__size--sm) !important;
min-width: calc(40 * var(--spacer__unit));
padding: calc(1 * var(--spacer__unit)) calc(3 * var(--spacer__unit)) !important;
border-radius: calc(7 * var(--spacer__unit)) !important;
margin-right: calc(2 * var(--spacer__unit)) !important;
background-color: var(--color__secondary--default);
text-transform: uppercase !important;
}
.uk-button > a,
.wp-block-button > a,
.wpem-theme-button > a,
.registration_button > a {
color: var(--color__gray--white) !important;
}
.uk-button-default,
.wp-block-button-default,
.wpem-theme-button-default,
.registration_button-default {
border-width: 2px !important;
}
.uk-button-primary,
.wp-block-button-primary,
.wpem-theme-button-primary,
.registration_button-primary {
background-color: var(--color__secondary--default) !important;
color: var(--color__gray--white) !important;
}
.uk-button-secondary,
.wp-block-button-secondary,
.wpem-theme-button-secondary,
.registration_button-secondary {
color: var(--color__gray--white) !important;
}
input,
textarea {
padding: calc(2.5 * var(--spacer__unit)) !important;
font-family: "BG Flame Regular", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: var(--font__size--sm) !important;
}
.uk-input,
.uk-select,
.uk-textarea {
border: 3px solid var(--color__gray--lighter) !important;
}
#mc_embed_signup input.mce_inline_error {
border-color: var(--color__secondary--default) !important;
}
#wpforms-144-field_3 {
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
@media only screen and (max-width: 767px) {
div.wpforms-container-full .wpforms-form .wpforms-one-half,
div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-fourths,
.wpforms-submit {
width: 100% !important;
margin-left: 0 !important;
}
}
table tr td {
font-size: var(--font__size--sm) !important;
padding: calc(2.5 * var(--spacer__unit)) !important;
vertical-align: top;
text-transform: uppercase !important;
color: var(--color__gray--darker) !important;
}
table tr td:nth-child(2) {
color: var(--color__gray--darkest) !important;
}
.nav__previous {
display: block;
cursor: pointer;
}
.nav__previous:hover {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
color: var(--color__gray--darker);
}
.video-button__play {
pointer-events: none;
}
.uk-label {
margin-right: calc(2 * var(--spacer__unit)) !important;
}
.uk-label a:hover {
text-decoration-line: none;
}
@media only screen and (max-width: 767px) {
.uk-label {
margin-bottom: calc(2 * var(--spacer__unit));
margin-right: calc(1 * var(--spacer__unit)) !important;
}
}
.pum-container {
border-radius: 0 !important;
padding: calc(8 * var(--spacer__unit)) !important;
padding-top: calc(5 * var(--spacer__unit)) !important;
}
.pum-container .pum-content .glink {
filter: grayscale(0) !important;
opacity: 1 !important;
margin-right: calc(2 * var(--spacer__unit));
}
@media only screen and (max-width: 767px) {
.pum-container .pum-content .glink {
margin-right: calc(1 * var(--spacer__unit));
}
}
.pum-container .pum-content + .pum-close,
.pum-container .pum-theme-lightbox .pum-content + .pum-close {
height: 40px !important;
width: 40px !important;
right: 20px !important;
top: 20px !important;
font-size: 0 !important;
line-height: 0 !important;
border: 0 transparent !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSIjRkYxNDkzIi8+CjxtYXNrIGlkPSJtYXNrMF8xMzE5XzM1MjIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjEwIiB5PSIxMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj4KPHBhdGggZD0iTTI5Ljc4MjYgMjguMjE3M0wyMS41NjUyIDIwTDI5Ljc4MjYgMTEuNzgyNkwyOC4yMTc0IDEwLjIxNzRMMjAgMTguNDM0N0wxMS43ODI2IDEwLjIxNzRMMTAuMjE3NCAxMS43ODI2TDE4LjQzNDggMjBMMTAuMjE3NCAyOC4yMTczTDExLjc4MjYgMjkuNzgyNUwyMCAyMS41NjUyTDI4LjIxNzQgMjkuNzgyNUwyOS43ODI2IDI4LjIxNzNaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTMxOV8zNTIyKSI+CjxyZWN0IHg9IjIwIiB5PSItMS4wODU2OSIgd2lkdGg9IjMwLjU0NjkiIGhlaWdodD0iMjkuODE5NiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMjAgLTEuMDg1NjkpIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=");
}
.pum-container .pum-content + .pum-close:hover,
.pum-container .pum-theme-lightbox .pum-content + .pum-close:hover {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSIjRkYxNDkzIi8+CjxtYXNrIGlkPSJtYXNrMF8xMzE5XzM1MjIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjEwIiB5PSIxMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj4KPHBhdGggZD0iTTI5Ljc4MjYgMjguMjE3M0wyMS41NjUyIDIwTDI5Ljc4MjYgMTEuNzgyNkwyOC4yMTc0IDEwLjIxNzRMMjAgMTguNDM0N0wxMS43ODI2IDEwLjIxNzRMMTAuMjE3NCAxMS43ODI2TDE4LjQzNDggMjBMMTAuMjE3NCAyOC4yMTczTDExLjc4MjYgMjkuNzgyNUwyMCAyMS41NjUyTDI4LjIxNzQgMjkuNzgyNUwyOS43ODI2IDI4LjIxNzNaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTMxOV8zNTIyKSI+CjxyZWN0IHg9IjIwIiB5PSItMS4wODU2OSIgd2lkdGg9IjMwLjU0NjkiIGhlaWdodD0iMjkuODE5NiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMjAgLTEuMDg1NjkpIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=");
}
.gallery__lightbox .wp-block-gallery {
display: flex;
flex-flow: wrap;
}
.gallery__lightbox figure.wp-block-image {
padding: 5px;
}
@media only screen and (max-width: 767px) {
.mobile__order--0 {
order: 0;
margin-bottom: calc(6 * var(--spacer__unit));
margin-top: calc(-6 * var(--spacer__unit));
}
.mobile__order--1 {
order: 1;
}
}
@media only screen and (max-width: 767px) {
.wp-block-column > .wp-block-columns {
margin-bottom: 0;
}
}
:root {
--spacer__unit: 5px;
}
body > header .domo__updates {
background-color: #ee5923;
color: #fff !important;
padding: 20px;
width: calc(100% - 40px);
text-align: center;
border-radius: 50px;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
body > header .domo__updates {
margin-top: 10px;
}
}
body > header .domo__updates > a {
color: #fff !important;
text-decoration: underline;
}
body > header .top-bar {
border-radius: calc(1 * var(--spacer__unit));
}
body > header .top-bar__logo {
opacity: 1;
text-decoration: none;
border-radius: calc(1 * var(--spacer__unit));
padding: calc(1 * var(--spacer__unit));
background-color: var(--color__gray--white);
box-shadow: calc(1 * var(--spacer__unit)) calc(1 * var(--spacer__unit)) 0 var(--color__gray--darker);
display: inline-block;
margin-left: calc(3 * var(--spacer__unit));
}
body > header .top-bar__logo:hover {
text-decoration: none;
}
body > header .top-bar__logo img {
width: 90px;
}
@media only screen and (max-width: 767px) {
body > header .top-bar__logo img {
width: 60px;
}
}
body > header .top-bar__wrapper {
margin-bottom: 0 !important;
}
body > header .top-bar__title {
opacity: 1;
height: calc(20 * var(--spacer__unit));
margin-top: calc(-3 * var(--spacer__unit));
margin-bottom: calc(-3 * var(--spacer__unit));
margin-left: calc(3 * var(--spacer__unit));
width: calc(100% - calc(40 * var(--spacer__unit)));
padding-top: 3px;
padding-left: calc(3 * var(--spacer__unit));
overflow: hidden;
}
@media only screen and (max-width: 767px) {
body > header .top-bar__title {
height: calc(9.5 * var(--spacer__unit));
margin-left: var(--spacer__unit);
margin-bottom: 0;
margin-top: var(--spacer__unit);
padding-left: calc(2 * var(--spacer__unit));
width: calc(100% - 130px);
overflow: hidden;
}
body > header .top-bar__title h2 {
font-size: var(--font__size--lg) !important;
line-height: 1.7 !important;
}
}
body > header .uk-navbar-nav > li {
margin-right: calc(5 * var(--spacer__unit));
}
body > header .uk-navbar-nav > li > a {
min-height: 60px;
margin-top: calc(3 * var(--spacer__unit));
}
body > header .uk-navbar-nav > li > a:hover {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
color: var(--color__gray--white) !important;
}
body > header .uk-navbar-nav > li:last-child > a {
background-color: var(--color__secondary--default);
color: var(--color__gray--white) !important;
padding-left: calc(7 * var(--spacer__unit));
padding-right: calc(7 * var(--spacer__unit));
border-radius: calc(7 * var(--spacer__unit)) !important;
}
body > header .uk-navbar-nav > li:last-child > a:hover {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
background-color: var(--color__gray--darkest);
}
body > header .uk-navbar-nav > li.current-menu-item > a {
color: var(--color__gray--white) !important;
}
body > header  .uk-sticky-fixed.uk-active {
pointer-events: none;
}
body > header  .uk-sticky-fixed.uk-active .top-bar__toggle {
pointer-events: all;
}
body > header  .uk-sticky-fixed.uk-active > .top-bar {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
body > header .top-bar__toggle {
width: 58px;
height: 58px;
float: right;
margin-top: calc(2*var(--spacer__unit));
background-size: contain;
}
@media only screen and (max-width: 767px) {
body > header .top-bar__toggle {
margin-right: calc(-1 * var(--spacer__unit));
}
}
body .uk-offcanvas.uk-open,
body .offcanvas-menu {
width: 100vw;
height: 100vh;
display: block;
padding-bottom: calc(12 * var(--spacer__unit));
}
body .uk-offcanvas.uk-open .uk-close,
body .offcanvas-menu .uk-close {
color: var(--color__gray--black);
margin-right: 20px;
margin-top: -18px;
}
@media only screen and (max-width: 767px) {
body .uk-offcanvas.uk-open .uk-close,
body .offcanvas-menu .uk-close {
margin-right: 25px;
margin-top: calc(2.5*var(--spacer__unit));
}
}
body .uk-offcanvas.uk-open .uk-close svg,
body .offcanvas-menu .uk-close svg {
width: 38px;
height: 38px;
}
@media only screen and (max-width: 767px) {
body .uk-offcanvas.uk-open .uk-close svg,
body .offcanvas-menu .uk-close svg {
width: 33px;
height: 33px;
}
}
body .uk-offcanvas.uk-open nav .top-nav,
body .offcanvas-menu nav .top-nav {
padding-top: 15vh;
padding-left: calc(10 * var(--spacer__unit));
}
body .uk-offcanvas.uk-open nav .top-nav > li a,
body .offcanvas-menu nav .top-nav > li a {
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: optimizeLegibility !important;
margin: calc(1*var(--spacer__unit));
display: block;
line-height: 1.1 !important;
}
@media only screen and (max-width: 767px) {
body .uk-offcanvas.uk-open nav .top-nav > li a,
body .offcanvas-menu nav .top-nav > li a {
font-size: var(--font__size--xl);
padding-top: calc(2 * var(--spacer__unit));
padding-bottom: calc(2 * var(--spacer__unit));
border-bottom: dotted var(--color__gray--white) calc(1*var(--spacer__unit)) !important;
}
}
@media only screen and (max-width: 767px) {
body .uk-offcanvas.uk-open nav #menu-nav-top,
body .offcanvas-menu nav #menu-nav-top {
column-count: 1;
padding-top: 40vh;
}
}
body .uk-offcanvas.uk-open nav #menu-nav-top li,
body .offcanvas-menu nav #menu-nav-top li {
display: inline-block;
min-width: 100%;
}
body .uk-offcanvas.uk-open nav .top-nav > li ul li a,
body .offcanvas-menu nav .top-nav > li ul li a {
font-family: "BG Flame Regular", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: optimizeLegibility !important;
line-height: 1.1 !important;
}
@media only screen and (max-width: 767px) {
body .uk-offcanvas.uk-open nav .top-nav > li ul li a,
body .offcanvas-menu nav .top-nav > li ul li a {
font-size: var(--font__size--lg);
}
}
body .uk-offcanvas.uk-open .language-flags__container,
body .offcanvas-menu .language-flags__container {
margin-top: calc(3*var(--spacer__unit));
display: none;
}
body .uk-offcanvas.uk-open .language-flags__container .glink,
body .offcanvas-menu .language-flags__container .glink {
margin-right: 10px;
}
.getting-in-touch__text > h3 {
color: var(--color__gray--darkest);
}
.getting-in-touch__text > h3 a {
color: var(--color__gray--black) !important;
}
.getting-in-touch__text > h3 a:hover {
color: var(--color__gray--black);
}
.getting-in-touch__container {
border-radius: calc(5 * var(--spacer__unit));
}
@media only screen and (max-width: 767px) {
.getting-in-touch__container {
min-height: calc(15 * var(--spacer__unit));
}
.getting-in-touch__container img {
width: calc(8 * var(--spacer__unit));
margin-left: calc(4 * var(--spacer__unit));
}
}
.getting-in-touch__container img {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.getting-in-touch__container img:hover {
filter: invert(1);
opacity: 0.45;
}
@media only screen and (max-width: 767px) {
.default-side-bar a > img {
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
html .language-flags__container {
display: block !important;
margin-bottom: calc(6 * var(--spacer__unit));
}
html .language-flags__container a.glink img {
margin-right: 3.5px;
}
}
html .language-flags__container .glink {
margin-right: calc(2 * var(--spacer__unit));
filter: grayscale(1);
opacity: 0.6;
}
@media only screen and (max-width: 767px) {
html .language-flags__container .glink {
opacity: 1;
filter: grayscale(0);
}
}
html footer .gtranslate_wrapper {
display: inline-block;
}
@media only screen and (max-width: 767px) {
html footer {
padding-bottom: calc(12 * var(--spacer__unit));
}
}
html footer:hover .language-flags__container .glink {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
filter: grayscale(0);
opacity: 1;
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 600px) {
html .image__interact {
display: none;
}
}
html #interaction {
margin-bottom: 3px;
display: grid;
}
html #interaction > a {
border-bottom: var(--value-6px) solid var(--color__tertiary--default);
}
html #interaction > a:hover h3 {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
color: var(--color__tertiary--default);
}
html #interaction.uk-active > a {
border: var(--value-3px) solid var(--color__tertiary--default);
border-bottom: transparent;
color: var(--color__tertiary--default);
}
html #interaction.uk-active > a h3 {
color: var(--color__tertiary--default);
}
html .uk-slider-items > li {
opacity: 0.95;
}
html .uk-slider-items > li:hover {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1;
}
@media only screen and (max-width: 600px) {
html .kunstwerken,
html .kunstenaars {
background-color: transparent !important;
}
}
html .kunstwerken ul,
html .kunstenaars ul {
padding-left: 0 !important;
}
html body .disciplines-overview .uk-badge {
background-color: var(--color__gray--lighter);
color: var(--color__gray--darker) !important;
}
@media only screen and (max-width: 767px) {
html body .disciplines-overview__intro {
margin-top: calc(3 * var(--spacer__unit));
}
}
html body .disciplines-overview__intro a {
color: var(--color__secondary--default);
}
html body .disciplines-overview__intro--tags h4,
html body .disciplines-overview__intro--tags ul,
html body .disciplines-overview__intro--tags li {
display: inline-block;
}
html body .disciplines-overview__intro--tags h4 a,
html body .disciplines-overview__intro--tags ul a,
html body .disciplines-overview__intro--tags li a {
color: var(--color__gray--black) !important;
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html body .disciplines-overview__intro--tags h4 .uk-badge,
html body .disciplines-overview__intro--tags ul .uk-badge,
html body .disciplines-overview__intro--tags li .uk-badge {
margin-top: calc(-5 * var(--spacer__unit));
margin-left: calc(1 * var(--spacer__unit));
margin-right: calc(5 * var(--spacer__unit));
color: var(--color__gray--white) !important;
background-color: var(--color__secondary--default);
padding: calc(1 * var(--spacer__unit)) !important;
}
html body .disciplines-overview__intro--tags ul {
padding: 0;
margin-top: 0;
margin-left: calc(4 * var(--spacer__unit)) !important;
}
@media only screen and (max-width: 767px) {
html body .disciplines-overview__intro--tags ul li {
margin-right: calc(2 * var(--spacer__unit));
margin-bottom: calc(4 * var(--spacer__unit));
background-color: var(--color__gray--lighter) !important;
padding: calc(2 * var(--spacer__unit));
padding-left: calc(4 * var(--spacer__unit));
}
}
html body .disciplines-overview__filter .uk-badge {
margin-top: calc(-5 * var(--spacer__unit));
margin-right: calc(-4 * var(--spacer__unit));
}
html body .disciplines-overview__filter .uk-active a {
background-color: var(--color__secondary--default);
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: optimizeLegibility !important;
}
html body .disciplines-overview__items article.updates.no__thumb > a {
padding: calc(4 * var(--spacer__unit)) !important;
display: block;
background-color: var(--color__gray--darker);
color: var(--color__gray--lighter) !important;
padding: calc(2 * var(--spacer__unit)) !important;
}
html body .disciplines-overview__items article.updates.no__thumb > a:hover {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.3);
text-decoration: none;
background-color: var(--color__tertiary--default) !important;
}
html body .disciplines-overview__items article.updates.no__thumb > a h4 {
color: var(--color__gray--white) !important;
}
html body .disciplines-overview__items article:hover a {
text-decoration: none !important;
}
html body .disciplines-overview__items article img {
border: 4px solid transparent;
}
html body .disciplines-overview__items article:hover img {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border: 4px solid var(--color__primary--default);
}
html body .uk-list li b {
width: 50%;
display: inline-flex;
}
@media only screen and (max-width: 767px) {
html body .disciplines-single__information .uk-accordion-content > * {
font-size: var(--font__size--sm);
}
html body .disciplines-single__information h1 {
margin-bottom: calc(4 * var(--spacer__unit));
}
html body .disciplines-single__information nav {
display: none;
}
html body .disciplines-single__information .uk-button > .uk-button {
margin-bottom: 0 !important;
}
}
html body .disciplines-single__information a.uk-accordion-title {
font-family: "BG Flame Bold", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: var(--color__secondary--default) !important;
}
html body .disciplines-single__information h3 {
background-color: var(--color__gray--lightest);
padding: calc(5 * var(--spacer__unit));
margin-bottom: calc(7 * var(--spacer__unit));
display: inline-block;
}
html body .disciplines-single__information .share-social__list li {
display: inline-block;
}
html body .disciplines-single__information .share-social__list li a {
padding-top: calc(2 * var(--spacer__unit));
padding-right: calc(2 * var(--spacer__unit));
display: block;
}
html body .disciplines-single__information .share-social__list li a:hover .uk-icon {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
color: var(--color__gray--darker);
}
html body .disciplines-single__information .share-social__list li .uk-icon {
color: var(--color__gray--default);
}
@media only screen and (max-width: 767px) {
html body .disciplines-single__gallery {
display: none;
visibility: hidden;
}
}
@media only screen and (max-width: 767px) {
html body .disciplines-single__image img {
width: 100%;
margin-top: 0 !important;
}
}
@media only screen and (max-width: 767px) {
html body .disciplines-single__back-button {
margin-top: calc(4 * var(--spacer__unit));
}
}
html body .default-page__side-bar * {
font-family: "BG Flame Regular", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: optimizeLegibility !important;
color: var(--color__secondary--default) !important;
line-height: 1.6 !important;
}
html body .default-page__side-bar * > a {
text-decoration: underline;
}
html body .default-page__content.uk-h3 > a {
text-decoration: underline !important;
text-decoration-color: var(--color__primary--default) !important;
}
html body .default-page__content.uk-h3 > * {
font-size: 1.5rem !important;
}