/* fonts */
@font-face {
  font-family: 'allerregular';
  src: url('../fonts/aller_rg-webfont.woff2') format('woff2'),
       url('../fonts/aller_rg-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aller_lightregular';
  src: url('../fonts/aller_lt-webfont.woff2') format('woff2'),
       url('../fonts/aller_lt-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aller_lightitalic';
  src: url('../fonts/aller_ltit-webfont.woff2') format('woff2'),
       url('../fonts/aller_ltit-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* page transition */
body { opacity: 1; transition: 0.5s opacity; }
body.fade-out { opacity: 0; transition: none; }

/* general/overrules */
html, body { color: #000; height: 100%; font-family: 'aller_lightregular','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.5em; }
.uk-container { padding:0 15px 25px 15px; max-width: 980px; }
ul { padding-left: 1.2em; list-style: disc; }
ul.unstyle { padding: 0; list-style: none; }
h1, h2, h3 { color: #000; font-family: 'allerregular'; font-size: 1.5em; line-height: 1.25; }
h2, h3 { font-size: 1.2em; }
* + h1 { margin-top: 2em; }
h2 { margin-top:25px; }
.uk-panel-box h2 { margin-top:0; }
a { color: #000; text-decoration: underline; text-decoration-color:rgba(0,0,0,0.5); transition: text-decoration-color 0.5s ease 0s; }
a:hover { color: #000; text-decoration: underline; text-decoration-color:rgba(0,0,0,1); }
.uk-button { line-height: 2em; min-height: 2em; border-radius: 1em; color: #000; background-color: rgba(255,255,255,0.333); border: 1px solid #fff; font-size: 1em; font-family: 'allerregular'; transition: background-color 0.5s ease 0s; }
.uk-icon-button { color: #000; background-color: rgba(255,255,255,0.333); transition: background-color 0.5s ease 0s; border: 1px solid #fff; }
.uk-icon-button.fas { padding-top:0.45em; color: #000; }
.uk-modal .uk-button, .uk-modal .uk-icon-button { background-color: rgba(255,255,255,0.667); }
.uk-button:hover, .uk-button:focus, .uk-button.uk-active, .uk-button:active, .uk-icon-button:hover, #menu .uk-active .uk-button { color: #000; background-color: rgba(255,255,255,1); }
.uk-button i { margin-right: 0.2em; font-size:0.95em; }
.uk-panel-box { color: #000; background-color: rgba(0,0,0,0.075); }
.project-next { margin-top: -6px; }
#gradient { position:fixed; top: 0; width: 100%; height: 100%; z-index: -1;
  background: -moz-linear-gradient(135deg, rgb(184,184,224) 0%, rgb(224,184,184) 100%);
  background: -webkit-linear-gradient(135deg, rgb(184,184,224) 0%, rgb(224,184,184) 100%);
  background: linear-gradient(135deg, rgb(184,184,224) 0%, rgb(224,184,184) 100%);
}
.uk-button-large { font-size: 1.25em; padding: 0 10px; }
.logo-home { opacity: 0.5; }
.logo-header { width: 150px; height: 26px; margin-top: 19px !important; background-repeat: no-repeat; background-image: url('../images/logo-header.svg'); }
#header { font-size: 16px; }
.lead, strong, b { font-family: 'allerregular'; font-weight: normal; }
i, em { font-family: 'aller_lightitalic'; color: #000; }
.browserupgrade { background-color: rgba(0,0,0,0.075); padding: 0.25em; text-align: center; font-size:14px; margin-top: 0; }
abbr[title] { border-bottom: 0; }
hr { border-color:#000; }
small { font-size: 14px; }
img.frame, .uk-slider img { background-color: rgba(0,0,0,0.15); padding: 15px; }
img.baseline { margin: 3px 0 5px 0; }
i.align { width: 1em; text-align: center; margin-right: 0.5em; }

/* forms */
.uk-form input, .uk-form textarea { border-radius: 1em; color: #000 !important; background-color: rgba(255,255,255,0.333) !important; transition: background-color 0.5s ease 0s; border: 1px solid #fff !important; }
.uk-form input:focus, .uk-form textarea:focus { border: 0; background-color: rgba(255,255,255,1) !important; }
.uk-form input, .uk-form textarea { font-size: 16px; } /* be nice to Safari (Zoom Bug) */
.uk-form #message, .uk-form #url { display: none; }
.sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
::-webkit-input-placeholder { color: #999; } /* Chrome/Opera/Safari */
::-moz-placeholder { color: #999; } /* Firefox 19+ */
:-ms-input-placeholder { color: #999;} /* IE 10+ */
:-moz-placeholder { color: #999; } /* Firefox 18- */
input:not([type]).uk-form-large, input[type].uk-form-large, select.uk-form-large, textarea.uk-form-large { height: 2em; padding: 8px 10px; }
.uk-form textarea { height:calc(8em - 2px); }

/* footer */
.uk-container { min-height: calc(100% - 1.5em - 5px); margin-bottom: -130px; padding-bottom: 130px; }
.uk-container:after { content: ""; display: block; height: 75px; }
#footer { height: 130px; }
.signet { height: 45px; width: 75px; margin: 0 1.5em; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-image: url('../images/signet.svg'); opacity: 0.75; }
.theme-switcher { margin-bottom:35px; }

/* menu */
#menu { padding: 0; }
#menu li { list-style:none; }
.menu-toggler { margin-left: 0.2em; }
.menu-toggler i { margin-right: 0; }

/* accordion */
* + .uk-accordion { margin-top:1em; }
.uk-accordion-title { background-color: rgba(255, 255, 255, 0.333); border: 1px solid #fff; border-radius: 1em; padding: 5px 10px; font-size: 1em; transition: background-color 0.5s ease 0s; }
.uk-accordion-title:hover, .uk-accordion-title.uk-active { background-color: rgba(255,255,255,1); }
.uk-accordion-title span { font-family: 'aller_lightregular'; white-space: nowrap; }
.uk-accordion-title i { margin-right: 0.2em; }
.uk-accordion-content { padding: 0  0 20px 0; }

/* slider */
.uk-slider a, .uk-slider img { display: block; }
.uk-slidenav-position { clear: both; }
.uk-slidenav-position:hover .uk-slidenav { display: none; }
.uk-slidenav { height: 35px; line-height: 35px; width: 35px; font-size: 18px; margin-top: -20px !important; }
/*.uk-slide-after > img, .uk-slide-before > img { opacity: 0; transition: opacity 0.5s ease 0s; }
.uk-active > img { opacity: 1; transition: opacity 0.5s ease 0s; }*/
.uk-slidenav-previous::before {
  content: "\f060";
  font-family: 'Font Awesome 6 Pro';
}
.uk-slidenav-next::before {
  content: "\f061";
  font-family: 'Font Awesome 6 Pro';
}

/* modal */
.uk-modal { background: rgba(0, 0, 0, 0.8); }
.uk-modal-dialog { background: transparent; max-width: initial; }

/* ticker */
#ticker { overflow: hidden; background:rgba(0, 0, 0, 0.15); font-size: 16px; margin-bottom: 5px; }
.tmove { display: flex; }
.titem { width: 100%; flex-shrink: 0; }
@keyframes ticker {
  0% { transform: translatex(100%); }
  100% { transform: translatex(-200px); }
}
.tmove { animation: ticker linear 10s infinite; }
.tmove:hover { animation-play-state: paused; }

/* responsive */
@media (max-width: 479px) {/* uikit mini */
  h1 { font-size: 1.4em; }
  .uk-margin-large-bottom { margin-bottom: 30px !important; }
  .uk-margin-large-top { margin-top: 30px !important; }
  .uk-accordion-title span { display: block; margin-left: 1.25em; line-height: 1.25em; }
}
@media (min-width: 480px) {/* uikit small */
  .tmove { animation-duration: 15s; }  
}
@media (min-width: 768px) {/* uikit medium */
  html, body { font-size:18px; }
  /* menu */
  #menu { float:right; }
  #menu li { float:left; margin:0 0 0 5px !important; }
  .uk-slidenav-position .uk-slidenav,
  .uk-slidenav-position:hover .uk-slidenav { display: block; }
  .uk-slidenav-position .uk-slidenav-previous { left: -50px; }
  .uk-slidenav-position .uk-slidenav-next { right: -50px; }
  .tmove { animation-duration: 20s; }
}
@media (min-width: 960px) {/* uikit large */
  .tmove { animation-duration: 25s; }  
}
@media (min-width: 1200px) {/* uikit xlarge */
  .tmove { animation-duration: 35s; }  
}
@media (hover: none) {
  html { background:#000; }
}

/* dark theme */
body.theme-dark .theme-switcher { filter: none; transform: scaleX(-1); }
body.theme-dark { color: #ddd; }
body.theme-dark h1, body.theme-dark h2, body.theme-dark h3 { color: #ddd; }
body.theme-dark i, body.theme-dark em { color: #ddd; }
body.theme-dark .logo-header { background-image: url('../images/logo-header-w.svg'); }
body.theme-dark .logo-home { opacity: 0.25; }
body.theme-dark .signet { background-image: url('../images/signet-w.svg'); opacity: 0.5; }
body.theme-dark a { color: #ddd; text-decoration-color:rgba(255,255,255,0.5); }
body.theme-dark a:hover { color: #fff; text-decoration-color:rgba(255,255,255,0.1); }
body.theme-dark .uk-button, body.theme-dark .uk-icon-button { color:#ddd; background-color: rgba(0,0,0,0.25); border-color: #000; transition: background-color 0.5s ease 0s, color 0.5s ease 0s; }
body.theme-dark .uk-modal { background: rgba(32, 32, 32, 0.95); }
body.theme-dark .uk-button:hover, body.theme-dark .uk-button:focus, body.theme-dark .uk-button.uk-active, body.theme-dark .uk-button:active, body.theme-dark .uk-icon-button:hover, body.theme-dark #menu .uk-active .uk-button { color:#fff; background-color: rgba(0,0,0,1); }
body.theme-dark img.frame, body.theme-dark .uk-slider img { background-color: rgba(255,255,255,0.15); }
body.theme-dark .uk-panel-box { color: #fff; background-color: rgba(255,255,255,0.075); }
body.theme-dark .uk-accordion-title { background-color: rgba(0, 0, 0, 0.25); border-color: #000; }
body.theme-dark .uk-accordion-title:hover, body.theme-dark .uk-accordion-title.uk-active { background-color: rgba(0,0,0,1); }
body.theme-dark .uk-form input, body.theme-dark .uk-form textarea { color: #fff !important; background-color: rgba(0,0,0,0.25) !important; border-color: #000 !important; }
body.theme-dark .uk-form input:focus, body.theme-dark .uk-form textarea:focus { background-color: rgba(0,0,0,1) !important; }
body.theme-dark #anim-container { opacity:0.333; }