@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@font-face { font-family: 'fontello'; src: url('/content/themes/euha/fontello/font/fontello.eot?88846997&x19239'); src: url('/content/themes/euha/fontello/font/fontello.eot?88846997#iefix&x19239') format('embedded-opentype'), url('/content/themes/euha/fontello/font/fontello.woff2?88846997') format('woff2'), url('/content/themes/euha/fontello/font/fontello.woff?88846997&x19239') format('woff'), url('/content/themes/euha/fontello/font/fontello.ttf?88846997&x19239') format('truetype'), url('/content/themes/euha/fontello/font/fontello.svg?88846997#fontello&x19239') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/content/themes/euha/fontello/font/fontello.svg?88846997#fontello&x19239') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-dropdown:before { content: '\e800'; } /* '' */ .icon-plus:before { content: '\e801'; } /* '' */ .icon-minus:before { content: '\e805'; } /* '' */ .icon-download:before { content: '\e806'; } /* '' */ .icon-url:before { content: '\e807'; } /* '' */ .icon-place:before { content: '\e808'; } /* '' */ .icon-datetime:before { content: '\e809'; } /* '' */ .icon-search:before { content: '\e80a'; } /* '' */ .icon-next:before { content: '\e80b'; } /* '' */ .icon-quote:before { content: '\e80c'; } /* '' */ .icon-menu:before { content: '\e80d'; } /* '' */ .icon-close-menu:before { content: '\e80e'; } /* '' */ .icon-wp-edit:before { content: '\e811'; } /* '' */ .icon-twitter:before { content: '\f099'; } /* '' */ .icon-facebook:before { content: '\f09a'; } /* '' */ .icon-linkedin:before { content: '\f0e1'; } /* '' */ .icon-xing:before { content: '\f168'; } /* '' */ .icon-youtube:before { content: '\f16a'; } /* '' */ .icon-instagram-1:before { content: '\f16d'; } /* '' */ /* titillium-web-300 - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url('/content/themes/euha/google/titillium-web-v9-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/content/themes/euha/google/titillium-web-v9-latin-300.woff?x19239') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* titillium-web-italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 400; src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url('/content/themes/euha/google/titillium-web-v9-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/content/themes/euha/google/titillium-web-v9-latin-italic.woff?x19239') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* titillium-web-600 - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url('/content/themes/euha/google/titillium-web-v9-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/content/themes/euha/google/titillium-web-v9-latin-600.woff?x19239') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* titillium-web-regular - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url('/content/themes/euha/google/titillium-web-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/content/themes/euha/google/titillium-web-v9-latin-regular.woff?x19239') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; }html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } ::selection { background: #000; color: #fff; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset, iframe, figure, blockquote { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } ul, ol, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; } a { text-decoration: none; color: inherit; } [class^="icon-"]:before, [class*=" icon-"]:before { width: auto; margin-right: 0; margin-left: 0; } select::-ms-expand { display: none; }/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-slide { outline: 0; } .btn-wp-edit { display: block; float: left; position: fixed; bottom: 1rem; left: 1rem; z-index: 10000; color: #fff; background: #222; min-width: 1.875rem; height: 1.875rem; line-height: 1.875rem; text-align: center; border-radius: .9375rem; white-space: nowrap; font-family: Arial; text-transform: uppercase; } .btn-wp-edit i { position: absolute; top: 0; left: 0.55rem; } .btn-wp-edit > span { display: inline-block; position: relative; overflow: hidden; max-width: 0; -webkit-transition: max-width 150ms; -moz-transition: max-width 150ms; -ms-transition: max-width 150ms; -o-transition: max-width 150ms; transition: max-width 150ms; margin-left: 1.875rem; } .btn-wp-edit:hover > span { max-width: 12.5rem; } .btn-wp-edit > span > span { display: inline-block; padding-right: 0.55rem; font-size: .75rem; } .btn-wp-edit { font-size: 16px; bottom: 0; left: 0; min-width: 2.275em; height: 2.275em; line-height: 2.275em; border-radius: 0; } .btn-wp-edit i { left: 0.65em; } .btn-wp-edit > span { margin-left: 2.275em; } .btn-wp-edit > span > span { font-size: .75em; padding-right: .65em; } .btn-wp-edit:hover > span { max-width: 12.5em; } .sn-col-set { letter-spacing:-.31em; *letter-spacing:normal; *word-spacing:-.43em; text-rendering:optimizespeed; display:-webkit-flex; display: flex; -webkit-flex-flow:row wrap; display:-ms-flexbox; -ms-flex-flow:row wrap; flex-flow: row wrap; -ms-align-content:flex-start; -webkit-align-content:flex-start; align-content:flex-start; } .sn-col-set-nowrap { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .sn-col-set > * { display:inline-block; *display:inline; zoom:1; letter-spacing:normal; word-spacing:normal; vertical-align:top; text-rendering:auto; -moz-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sn-col-set-1 > * { width: 100%; margin-right: 0; } .sn-col-set-2 > * { width: 50%; } .sn-col-set-3 > * { width: 33.33333333333333333333%; } .sn-col-set-4 > * { width: 25%; } .sn-col-set-5 > * { width: 20%; } .sn-col-set-6 > * { width: 16.66666666666666666666%; } .sn-col-set > .sn-col-auto, .sn-col-set-footer > * { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } html:not(.explorer) .sn-col-set .sn-col-equal-height { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .sn-col-set .sn-col-space-between { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .sn-col-set .sn-col-valigned { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .pull-left { float: left; } .pull-right { float: right; } .btn { border: 0; border-radius: 0; display: inline-block; white-space: nowrap; font-size: 1rem; background: transparent; position: relative; } button.btn { -webkit-appearance: none; appearance: none; } .btn-set { margin-top: 1.2em; } span.loading { height: 0; width: 0; display: inline-block; vertical-align: bottom; position: relative; transition: all 150ms; transform: scale(0); } span.loading img { width: 100%; padding: 0.75rem; position: absolute; top: -0.9rem; left: 0; animation: spin .4s infinite linear; } span.loading.now { height: 1.3rem; width: 1.3rem; transform: scale(1); } img.ajax-loader { display: none !important; } button.btn { -webkit-appearance: none; appearance: none; outline: 0; box-shadow: none; } .lnk { display: inline-block; transition: opacity 250ms; } .btn:hover, .lnk:hover, a:hover span.btn { } .btn span.icon { margin: 0 .875rem; } .btn span.icon, .btn span.label, .lnk span.icon, .lnk span.label { display: inline-block; line-height: 1.4; vertical-align: top; white-space: normal; } .lnk span.icon { margin: 0 .875em; } .btn span.icon:last-child, .lnk span.icon:last-child { margin-right: 0; } .btn span.icon:first-child, .lnk span.icon:first-child { margin-left: 0; } .spanned > span { display: block; } .figure-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; } .figure-contain { background-size: contain; background-position: center center; background-repeat: no-repeat; } .figure-cover img, .figure-contain img { display: none; } img.rounded { display: inline-block; border-radius: 50%; } .to-be-added { transform: translateY(60px); opacity: 0; transition: transform 1.2s, opacity 1.2s; transition-timing-function: cubic-bezier(0.19,1,.22,1); } .just-added { transform: translateY(0px); opacity: 1; } button.link { all: inherit; cursor: pointer; } address { font-style: normal; } a { text-decoration-skip: ink; } a:focus { outline: 0; } html { overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wysiwyg a { word-wrap: break-word; }/* Theme Name: EUHA Author: SUPERNOVÆ Author URI: https://www.supernov.ae/ Version: 2020 */ /* FONTS font-family: 'Titillium Web'; font-style: normal; font-weight: 300; font-family: 'Titillium Web'; font-style: normal; font-weight: 400; font-family: 'Titillium Web'; font-style: italic; font-weight: 400; font-family: 'Titillium Web'; font-style: normal; font-weight: 600; */ /* DEV */ #breakpoints { position: fixed; bottom: 0; right: 0; background: #000; padding: 0.5em .75em; font-size: 16px; color: #fff; z-index: 20000; } #breakpoints::after { content: 'max'; } /* PAGE TRANSITIONS */ .transitioner { position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 998; } .transitioner::before { content: ''; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0; z-index: 1; will-change: transform; } .barba-outer, .sn-pt-leave-active, .sn-pt-enter-active { transition: opacity; transition-duration: 2s; opacity: 1; } .sn-pt-leave-active .module, .sn-pt-enter-active .module, .barba-once-active .module { transition: opacity 1s, transform 1s; transition-timing-function: cubic-bezier(0.19,1,.22,1); } .sn-pt-leave-active .transitioner::before, .sn-pt-enter-active .transitioner::before, .barba-once-active .transition::before { transition: opacity .75s; transition-timing-function: cubic-bezier(0.19,1,.22,1); } .sn-pt-enter-active .transitioner::before { transition-delay: .15s; } /* Starting state for leave */ .sn-pt-leave .module { opacity: 1; } .sn-pt-leave .transitioner::before { opacity: 0; } /* Ending state for leave */ .sn-pt-leave-to .module { opacity: 1; } .sn-pt-leave-to .transitioner::before { opacity: 1; } /* Starting state for enter */ .sn-pt-enter .module, .barba-once .module { opacity: 0; transform: translateY(80px); } .sn-pt-enter .transitioner::before { opacity: 1; } /* Ending state for enter */ .sn-pt-enter-to .module, .barba-once-to .module { opacity: 1; transform: none; } .sn-pt-enter-to .transitioner::before { opacity: 0; } /* ON SCREEN */ /* clip left to right */ *[data-ios] *[data-ios-item="a"] { opacity: 0; -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="a"] { opacity: 1; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } /* clip top to bottom */ *[data-ios] *[data-ios-item="b"] { opacity: 0; -webkit-clip-path: inset(0% 0% 100% 0%); clip-path: inset(0% 0% 100% 0%); transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="b"] { opacity: 1; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } /* pop randomly */ *[data-ios] *[data-ios-item="c"] { transform: scale(0.5); opacity: 0; transition: transform 1s, opacity 1s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-random) * 30ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="c"] { opacity: 1; transform: none; } /* clip vertically from center */ *[data-ios] *[data-ios-item="d"] { opacity: 0; -webkit-clip-path: inset(50% 0% 50% 0%); clip-path: inset(50% 0% 50% 0%); transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="d"] { opacity: 1; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } /* move in from bottom */ *[data-ios] *[data-ios-item="e"] { opacity: 0; transform: translateY(2vw); transition: opacity 1.5s, transform 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="e"] { opacity: 1; transform: none; } /* move in from right */ *[data-ios] *[data-ios-item="f"] { opacity: 0; transform: translateX(20vw); transition: opacity 1.5s, transform 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="f"] { opacity: 1; transform: none; } /* ROOT */ :root { --page-padding-x: 3.125em; --ttf: cubic-bezier(0.19,1,.22,1); --module-offset-left: 16.66666666666666666666vw; --module-margin-100: 8.75em; --module-margin-85: calc(var(--module-margin-100) * 0.85); --module-margin-70: calc(var(--module-margin-100) * 0.7); --module-margin-50: calc(var(--module-margin-100) * 0.5); --module-margin-30: calc(var(--module-margin-100) * 0.3); } /* BASE */ body { font-size: 100%; font-family: 'Titillium Web'; font-style: normal; font-weight: 400; color: #004d4d; line-height: 1.3; background: #fff; } input, textarea, select, button { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; color: #004d4d; } img { max-width: 100%; } .module:not(.has-component-inner) .module-inner, header.main > .inner, footer.main > .inner, div.flyout > .inner, .cookie-bar > .inner, .module.has-component-inner .component-inner { position: relative; max-width: 1440px; margin: 0 auto; padding-left: var(--page-padding-x); padding-right: var(--page-padding-x); box-sizing: border-box; } .module-full-width .module-inner { max-width: none; padding-left: 0; padding-right: 0; } .load-more { text-align: center; } .wysiwyg a { -webkit-transition: color 150ms; -moz-transition: color 150ms; -ms-transition: color 150ms; -o-transition: color 150ms; transition: color 150ms; text-decoration: underline; } .wysiwyg a:hover { text-decoration: none; } .wysiwyg > *:not(:last-child) { margin-bottom: 1em; } .wysiwyg a.btn { text-decoration: none; } .wysiwyg strong { } .wysiwyg > ul:not([class]), .wysiwyg > ol:not([class]) { counter-reset: supernovae; } .wysiwyg > ol:not([class]) { margin-left: -1.75em; } .wysiwyg > ul:not([class]) li, .wysiwyg > ol:not([class]) li { position: relative; padding-left: 1.75em; } .wysiwyg > ul:not([class]) li + li, .wysiwyg > ol:not([class]) li + li { margin-top: 1em; } .wysiwyg > ul:not([class]) li:not(:last-child), .wysiwyg > ol:not([class]) li:not(:last-child) { } .wysiwyg > ul:not([class]) li::before { content: '—'; position: absolute; left: 0; } .wysiwyg > ol:not([class]) li::before { content: counter(supernovae) '.'; counter-increment: supernovae; position: absolute; left: 0; } .wysiwyg > ul:not([class]) ul li::before { } .wysiwyg > ul:not([class]) ul, .wysiwyg > ol:not([class]) ol { } .wysiwyg table { width: auto !important; } .wysiwyg table td { width: auto !important; height: auto !important; } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } span.loading img { top: -12px; } span.loading { vertical-align: middle; } .btn-menu { appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; cursor: pointer; outline: 0; color: inherit; padding: 0; } .wysiwyg ul.address-list { display: flex; flex-flow: row wrap; } .wysiwyg ul.address-list > li { width: 12em; padding-right: 1em; box-sizing: border-box; margin-bottom: 1em; } option { color: #0a4c4d; } /* HEADLINES */ .hdln-18 { font-size: 1.125rem; font-weight: 600; } .hdln-20 { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; line-height: 1; } .hdln-22 { font-size: 1.375rem; font-weight: 600; } .hdln-24 { font-size: 1.5rem; } .hdln-30 { font-size: 1.875rem; line-height: 1.23333333333333333333; } .hdln-40 { font-size: 2.5rem; line-height: 1.2; } .hdln-60 { font-size: 3.75rem; font-weight: 300; line-height: 1.11666666666666666666; } .hdln-60 strong { font-weight: 600; } .hdln-80 { font-size: 5rem; line-height: .8375; } /* COPIES */ .cpy-14 { font-size: .875rem; line-height: 1.25; } .cpy-16 { font-size: 1rem; line-height: 1.25; } .cpy-20, .cpy-20-b { font-size: 1.25rem; line-height: 1.3; } .cpy-20-b { font-weight: 600; } .cpy-24 { font-size: 1.5rem; line-height: 1.33333333333333333333; } .cpy-24-b { font-weight: 600; } /* WYSIWYG */ .wysiwyg .hdln-40 { margin-bottom: 0.7em; } .wysiwyg .hdln-40:not(:first-child) { margin-top: 2.6em; } .wysiwyg .hdln-30 { margin-bottom: 0.7em; } .wysiwyg .hdln-30:not(:first-child) { margin-top: 2.1em; } .wysiwyg .hdln-22:not(:first-child) { margin-top: 2em; } /* BREADCRUMB */ div.breadcrumb { position: relative; } div.breadcrumb::after { content: ''; display: block; width: 2em; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); pointer-events: none; } nav.breadcrumb > .inner { width: 100%; position: relative; overflow: hidden; } html.touchevents nav.breadcrumb > .inner { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } html.touchevents nav.breadcrumb > .inner::-webkit-scrollbar { display: none; } .breadcrumb ol { font-size: 1.125rem; font-weight: 600; color: #979797; display: flex; flex-flow: row nowrap; white-space: nowrap; position: relative; } .breadcrumb a { transition: color 150ms; } .breadcrumb li.current, .breadcrumb a:hover { color: #004d4d; } .breadcrumb li + li { margin-left: 0.5em; } .breadcrumb li:not(:last-child)::after { content: '/'; } .breadcrumb li > span { padding-right: 0.5em; } .breadcrumb li:nth-child(4) { display: none; } .breadcrumb li:nth-child(3)::after { display: none; } /* FORMS */ .form-list > li + li, .form-list + .form-list, div[data-class="wpcf7cf_group"] .form-list, div[data-class="wpcf7cf_group"] + .form-list { margin-top: 1.5em; } .fieldset-cf7mls-wrapper .form-list > li + li { margin-top: 2.5em; } .form-list > li:first-child + li.last, .fieldset-cf7mls-wrapper .form-list > li:first-child + li.last { margin-top: 0; } .form-list > li + li.submit { margin-top: 2.5em; } .fieldset-cf7mls-wrapper .form-list > li + li.submit, div.cf7mls-btns { margin-top: 3.5em; } .form-list > li > label { display: block; margin-bottom: .6875em; } .form-list > li.gdpr > label, .form-list > li.radio .wpcf7-list-item-label { cursor: pointer; } .form-list > li > label > em { display: block; margin-top: 0.2em; } .form-list > li > div { position: relative; } .form-list { --border-color: #004d4d; } .form-list > li.error { --border-color: #a00; } .form-list { display: flex; flex-flow: row wrap; } .form-list > li { width: 100%; } .form-list > li.w-70 { width: calc(70% - 0.25em); } .form-list > li.w-50 { width: calc(50% - 0.25em); } .form-list > li.w-38 { width: calc(38% - 0.25em); } .form-list > li.w-30 { width: calc(30% - 0.25em); } .form-list > li.w-24 { width: calc(24% - 0.25em); } .form-list > li.last, .form-list > li.middle { margin-left: auto; } .form-list > li.input input, .form-list > li.input textarea, .form-list > li.select select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid var(--border-color); background: #fff; margin: 0; display: block; box-sizing: border-box; width: 100%; font-size: 1.25rem; box-shadow: none; border-radius: 0; padding: 0.75em 1em; outline: 1px solid rgba(0,77,77,0); transition: outline 250ms; line-height: 1.3; } .form-list > li.input input:focus, .form-list > li.input textarea:focus, .form-list > li.select select:focus { outline: 1px solid rgba(0,77,77,1); } .form-list > li.gdpr input, .form-list > li.select select { cursor: pointer; } .form-list > li.gdpr input { width: auto !important; } .form-list > li.select .wpcf7-form-control-wrap { display: block; position: relative; } .form-list > li.select select { z-index: 1; } .form-list > li.select .wpcf7-form-control-wrap::after { content: '\e800'; font-family: "fontello"; position: absolute; top: 50%; right: 1.625rem; z-index: 2; transform: translateY(-50%); pointer-events: none; font-size: 180%; display: block; } .form-list > li.captcha > div { display: flex; flex-flow: row nowrap; } .form-list > li.captcha img { align-self: center; margin-right: 1em; } .form-list > li.captcha input { width: 100%; } .form-list > li.captcha > div > span { display: block; flex-grow: 1; } .form-list > li.checkboxlist .wpcf7-list-item { display: block; } .form-list > li.checkboxlist .wpcf7-list-item + .wpcf7-list-item { margin-top: 0.5em; } .form-list > li.checkboxlist .wpcf7-list-item label { display: flex; flex-flow: row nowrap; cursor: pointer; user-select: none; } .form-list > li.checkboxlist .wpcf7-list-item label span { font-weight: bold; } .form-list > li.gdpr .sn-col-set { flex-flow: row nowrap; } .form-list > li.checkboxlist .wpcf7-list-item label input, .form-list > li.gdpr .sn-col-set > div:first-child { flex-shrink: 0; flex-grow: 0; margin-right: 1em; } .form-list > li.checkboxlist .wpcf7-list-item label span, .form-list > li.gdpr .sn-col-set > div:last-child { flex-grow: 0; width: 100%; } .form-list > li.checkboxlist .wpcf7-list-item label .sn-radio-button-wrap { width: auto; } .form-list > li.checkboxlist .wpcf7-list-item label input { margin-top: 0.2em; } .form-list > li.gdpr a { text-decoration: underline; } .form-list > li.gdpr a:hover { text-decoration: none; } .form-list > li.gdpr p + p { margin-top: 0.5em; } .form-list > li.gdpr p.note { opacity: 0.8; } .screen-reader-response { display: none; } .form-wrap + .success-copy { display: none; } .response-wrapper, .fieldset-cf7mls-wrapper .wpcf7-response-output, .fieldset-cf7mls-wrapper + .wpcf7-response-output { font-size: 1.25em !important; color: #a00 !important; } .fieldset-cf7mls-wrapper + .wpcf7-response-output { color: #004e4e !important; } form.invalid .fieldset-cf7mls-wrapper + .wpcf7-response-output { color: #a00 !important; } .response-wrapper.top > *:not(:empty) { margin-bottom: 2em; } .response-wrapper.bottom > *:not(:empty) { margin-top: 2em; } .wpcf7-not-valid-tip { display: inline-block; position: absolute; right: 1px; bottom: 1px; max-width: calc(100% - 13px); background: #fff; color: #a00; padding: 0.1em 0.3em; border-radius: 1px; z-index: 2; pointer-events: none; font-size: inherit !important; } li.phone:not(.last) .wpcf7-not-valid-tip { display: none; } li.gdpr .wpcf7-not-valid-tip { display: none; } li.gdpr.error { color: #a00; } form.wpcf7-form.sent .response-wrapper { display: none !important; } ul.form-list > li.explanations { margin-top: 0 !important; } ul.form-list > li.explanations .explanation-block { display: none; padding-top: 0.5em; } .explanation-block .wysiwyg { padding: 1em; background: #f9f9f9; } .explanation-block .wysiwyg .headline { margin-bottom: 0.4em; } .explanation-block .wysiwyg > ul:not([class]) li + li, .explanation-block .wysiwyg > ol:not([class]) li + li { margin-top: 0.4em; } .content-module-contact-form .wpcf7-form { border: 0; } .content-module-contact-form .fieldset-cf7mls-wrapper { padding: 0 2px; margin: 0; } .content-module-contact-form .wpcf7-form .fieldset-cf7mls { padding: 0; padding-top: 3em; } .fieldset-cf7mls-wrapper .cf7mls_back_fs.cf7mls_current_fs { -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; position: static !important; } .form-wrap > fieldset + fieldset { margin-top: 4em; } .form-wrap legend { margin-bottom: 1em; display: block; } .cf7mls_btn > img { display: none !important; } body .cf7mls_next.action-button:nth-child(n) > img { display: none !important; } .cf7mls_next.action-button .loading img { width: 100% !important; position: absolute !important; top: -0.9rem !important; display: block !important; } .form-list > li.gdpr .wpcf7-list-item-label { display: none; } .form-list > li.gdpr > div a { text-decoration: underline; } .form-list > li.gdpr > div a:hover { text-decoration: none; } .form-list > li.gdpr > div > div:last-child { cursor: pointer; user-select: none; } .wpcf7 svg { display: none !important; } .wpcf7-form span.cf7_mls_check svg { display: inline-block !important; } form.cf7mls.sent .fieldset-cf7mls-wrapper, form.cf7mls.sent .cf7mls_progress_bar { display: none; } form.wpcf7-form:not(.cf7mls) { overflow: visible; } .form-list .character-count { margin-top: 0.5em; } .cf7mls_progress_bar { user-select: none; } .cf7mls_progress_bar .cf7_mls_steps_item:not(.active) { pointer-events: none; cursor: default; } .fieldset-cf7mls:not(.cf7mls_current_fs) { display: none !important; } .fieldset-cf7mls.cf7mls_current_fs { display: block !important; } .fieldset-cf7mls input[type="checkbox"], .fieldset-cf7mls input[type="radio"] { width: auto !important; } .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no[data-id-form] li.active .cf7_mls_steps_item_icon { background: #004e4f; } form.wpcf7-form.sent .fieldset-cf7mls, form.wpcf7-form.sent .cf7mls_bar_style_navigation_horizontal_squaren { display: none !important; } /* BUTTONS */ .btn-a, .btn-c, .btn-d { background: #70ab32; color: #fff; border-radius: .3125em; font-size: 1.25rem; font-weight: 600; padding: 0.9em 2.5em !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; box-sizing: border-box; box-shadow: none; outline: 0; cursor: pointer; line-height: inherit !important; transition: filter 250ms !important; min-width: 0 !important; } .btn-a:hover, .btn-c:hover, .btn-d:hover, nav.secondary li.btn-highlighted a:hover { filter: brightness(0.9) contrast(1.1); } .btn-b { font-size: 1rem; } .btn-b i { font-size: 130%; transform: translateY(-12%); position: relative; display: inline-block; } .btn-b .label { text-decoration: underline; } .btn-b:hover .label { text-decoration: none; } .btn-c { color: #fff !important; background: #004d4d !important; opacity: 1 !important; } .btn-d { color: #004e4e !important; background: #ebebeb !important; opacity: 1 !important; font-size: 1rem; padding: 0.6em 1em !important; } .btn-d-green { color: #fff !important; background: #004d4d !important; } /* FORMS */ .filter-form { margin-bottom: var(--module-margin-50); } .filter-form-list .styled-select { background: #004d4d; position: relative; display: inline-block; border-radius: 2px; } .filter-form-list .styled-select i { position: absolute; display: block; pointer-events: none; z-index: 2; right: 1.625em; top: 50%; transform: translateY(-50%); color: #fff; } .filter-form-list .styled-select i::before { font-size: 180%; } .filter-form-list li.select label { display: none; } .filter-form-list .styled-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; box-sizing: border-box; padding: 0; margin: 0; border: 0; box-shadow: none; outline: 0; width: 100%; cursor: pointer; background: transparent; padding: .75em 6.25em .85em .95em; color: #fff; font-size: 1.25em; line-height: 1.4; } /* LINKS */ .lnk-a { font-size: 1.25em; display: inline-block; padding-left: 2em; position: relative; font-weight: 600; transition: padding-left 300ms; transition-timing-function: var(--ttf); } .lnk-a::after { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 1.5em; background: currentColor; transition: width 300ms; transition-timing-function: var(--ttf); } a.lnk-a:hover, a:hover span.lnk-a { padding-left: 2.3em; } a.lnk-a:hover::after, a:hover span.lnk-a::after { width: 1.8em; } .lnk-b { font-size: 1.25rem; text-decoration: underline; } .lnk-b:hover { text-decoration: none; } /* HEADER */ body { padding-top: 10.25em; } .btn-menu { display: none; } div.flyout { display: none; } header.main { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 999; transition: box-shadow 750ms; transition-timing-function: var(--ttf); box-shadow: 0 1px 0 0 rgba(0,77,77,0); } body.scrolled-more[data-scroll-dir="down"] header.main, body.menu header.main { box-shadow: 0 1px 0 0 rgba(0,77,77,0.1); } header.main > .inner { padding-top: 1.6875em; padding-bottom: 1.875em; } header.main .col-1 { margin-right: auto; } .site-title, .footer-site-title { width: 9.5625em; } body.view-friday-special .site-title img { position: relative; transform: translateY(-10%); } body.view-friday-special header.main :is(nav.secondary, nav.header) { display: none !important; } body.view-friday-special nav.breadcrumb { display: none; } .site-title a { display: block; } .site-title img, .footer-site-title img { max-width: none; width: 100%; } header.main .col-2 { text-align: right; } @media only screen and (min-width: 1001px) { nav.secondary { margin-bottom: 1.33333333333333333333em; } nav.secondary .menu { display: flex; flex-flow: row nowrap; justify-content: flex-end; } nav.secondary li + li { margin-left: 0.95em; } nav.secondary .icon-wrap + .title-wrap { display: none; } nav.secondary li.btn-highlighted a { position: relative; display: inline-block; margin: -0.25em 0; padding: 0.25em 0.7em; color: #fff !important; background: #004d4d; border-radius: 3px; transition: filter 250ms; text-decoration: none !important; } nav.header .menu { display: flex; flex-flow: row nowrap; justify-content: flex-end; } nav.header .menu > li + li { margin-left: 0.95em; } header.main nav a, nav.footer a { transition: color 150ms; } header.main nav a:hover, header.main nav .current-menu-item > a, header.main nav .current-menu-parent > a, header.main nav .current-menu-ancestor > a, header.main .btn-has-submenu:hover > a, nav.footer a:hover, nav.footer .current-menu-item > a, nav.footer .current-menu-parent > a, nav.footer .current-menu-ancestor > a, nav.footer .btn-has-submenu:hover > a { color: #70ac2a; } } header.main .sn-col-set { height: 6.6875em; transition: height 750ms; transition-timing-function: var(--ttf); } body.scrolled-more[data-scroll-dir="down"] header.main .sn-col-set, body.menu header.main .sn-col-set { height: 3.0625em; } .site-title .logo-bottom, header.main .col-2, header.main nav.secondary { transition: transform 750ms, opacity 750ms; transition-timing-function: var(--ttf); position: relative; transform: none; } body.scrolled-more[data-scroll-dir="down"] .site-title .logo-bottom, body.menu .site-title .logo-bottom { transform: translateY(-20%); opacity: 0; pointer-events: none; } body.scrolled-more[data-scroll-dir="down"] header.main .col-2 { transform: translateY(-36%); } body.scrolled-more[data-scroll-dir="down"] header.main nav.secondary { opacity: 0; pointer-events: none; } body.scrolled-more[data-scroll-dir="down"] .site-title a { pointer-events: none; } body.scrolled-more[data-scroll-dir="down"] .site-title .logo-top { pointer-events: all; } body.view-friday-special header.main .sn-col-set { position: relative; } body.view-friday-special header.main .btn-friday-special { display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } body.view-friday-special header.main .btn-menu { display: none !important; } @media (max-width: 600px) { body.view-friday-special header.main .btn-friday-special { position: fixed; top: 12px; right: 14px; font-size: 10px !important; transform: none; } } @media only screen and (min-width: 1001px) { nav.header .btn-has-submenu { position: relative; text-align: left; } nav.header .sub-menu-wrapper { position: absolute; left: -1.05em; top: 100%; padding-top: 0.5em; font-size: .90909090909090909090em; opacity: 0; pointer-events: none; transform: translateY(-3px); transition: transform 300ms, opacity 300ms; transition-timing-function: var(--ttf); } nav.header .btn-has-submenu:hover .sub-menu-wrapper { opacity: 1; transform: none; pointer-events: all; } nav.header .sub-menu-ul { background: #fff; padding: .9em 2.4em 1.15em 1.05em; line-height: 1.5; font-weight: 400; box-shadow: 0px 1px 5px 0 rgba(0,0,0,0.1); border-radius: 3px; } nav.header .sub-menu-wrapper li { white-space: nowrap; max-width: 350px; overflow: hidden; text-overflow: ellipsis; } } /* MODULES */ .module.mrgn-100 { margin-bottom: var(--module-margin-100); } .module .module-inner { padding: 0 var(--page-padding-x); } .module.pdng-1-0 .module-inner { padding-right: 0; } .module.pdng-0-1 .module-inner { padding-left: 0; } .module.pdng-0-0 .module-inner { padding: 0; } .module.has-background .module-inner { padding-top: var(--module-margin-100); padding-bottom: var(--module-margin-100); } .module-btn-set { padding-top: var(--module-margin-70); } nav.pagination .col-prev, nav.pagination .col-pages { display: none; } .module-header { margin-left: var(--module-offset-left); margin-bottom: var(--module-margin-85); } .module-header.flat { margin-bottom: var(--module-margin-50); } .module-header.superflat { margin-bottom: var(--module-margin-30); } /* MODULE: HERO */ .module-hero .col-1 { width: 20.625em; position: relative; z-index: 2; padding-bottom: 5.5em; } .module-hero .col-2 { width: calc(100% - 20.625em); display: block; } .module-hero .col-2 img { max-width: none; width: 100%; } .module-hero .headline { position: relative; min-width: 200%; margin-top: auto; } .module-hero .btn-set { margin-top: 3em; } .module-hero .headline-wrap { position: relative; z-index: 2; } .module-hero .headline-clone { position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; user-select: none; } .module-hero .headline-wrap > *, .module-hero .headline-clone > * { display: inline; padding: 0 0.5em 0 0; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .module-hero .headline-clone > * { background: #fff; color: transparent; opacity: 0.92; } .module-hero h2 { margin-top: 1em; display: block !important; background: #fff; width: fit-content; max-width: 100%; padding-block: 0.25em 0.35em !important; } /* MODULE: PAGE HEADER */ .module-page-header .col-1 { width: 100%; max-width: 41.875em; display: flex; flex-flow: column nowrap; padding-right: 1.5em; } .module-page-header.has-no-image .col-1 { max-width: none; } .module-page-header.has-image .col-1 { padding-bottom: 5em; } .module-page-header .col-2 { width: calc(100% - 41.875em); display: block; } .module-page-header .col-2 img { max-width: none; width: 100%; } .module-page-header div.breadcrumb { padding: 0.5em 0; } .module-page-header .copy { max-width: 35em; padding-top: 8.75em; } .module-page-header.has-no-image .copy { padding-top: 5em; max-width: none; } .module-page-header .kicker { margin-bottom: .4em; } .module-page-header .intro-copy { margin-top: 1.58333333333333333333em; } .module-page-header.has-no-image .intro-copy { max-width: 25em; } body.page-template-cms-template-search .module-page-header .copy { display: none !important; } /* MODULE: COPY WITH SIDEBAR */ .module-copy-with-sidebar .module-wrap { margin-left: var(--module-offset-left); display: flex; flex-flow: row nowrap; } .module-copy-with-sidebar .content-wrap { width: 56.363636363636363636%; margin-right: auto; } .module-copy-with-sidebar.has-no-sidebar .content-wrap { width: 100%; max-width: 38.75em; } .module-copy-with-sidebar .sidebar-wrap { width: 34.545454545454545454%; } .content-module-reference { display: none; } .module-copy-with-sidebar.has-sidebar .content-wrap .content-module-image { margin-left: calc((var(--module-offset-left) + var(--page-padding-x)) * -1); } .module-copy-with-sidebar.has-no-sidebar .content-wrap .content-module-image { margin-right: -23.61111111111111111111vw; } .content-module-image img, .content-module-video video { max-width: none; width: 100%; display: block; } .content-module-video.show-caption-as-headline .image-with-caption { display: flex; flex-flow: column-reverse nowrap; } .content-module-video.show-caption-as-headline .image-with-caption figcaption { margin-bottom: 1.5em; } .sn-plyr { border: 10px solid #094e4e; } .sn-plyr .plyr { --plyr-color-main: #094e4e; } .content-module-image figcaption { margin-top: 1.25em; } .module-copy-with-sidebar.has-sidebar .content-wrap .content-module-image figcaption { padding-left: calc(var(--module-offset-left) + var(--page-padding-x)); } .module-copy-with-sidebar.has-no-sidebar .content-wrap .content-module-image figcaption { max-width: 38.75em; } *[class^="content-module"]:not(:last-child) { margin-bottom: var(--module-margin-70); } .content-module-copy + .content-module-button { margin-top: calc(-1 * (var(--module-margin-70) / 2)); } .content-module-button + .content-module-button { margin-top: calc(-1 * ((var(--module-margin-70) / 3) * 2)); } .sidebar-wrap *[class^="content-module"]:not(:last-child) { margin-bottom: calc(var(--module-margin-70) / 2); } .content-module .content-module-inner { margin-bottom: 0 !important; } .content-module-box { background: #004d4d; color: #fff; } .content-module-box .content-module-inner { padding: 1.875em 2.25em 2.625em 2em; } .content-module-box .headline { padding-left: 2em; position: relative; margin-bottom: 1em; } .content-module-company-box .headline { padding-left: 0; } .content-module-box .headline i { position: absolute; left: 0; font-size: 130%; top: 0.5em; transform: translateY(-50%); } .content-module-box .headline svg { position: absolute; left: 0; top: 0.7em; transform: translateY(-50%); fill: currentColor; width: 1.41666666666666666666em; height: 1.41666666666666666666em; } .content-module-event-details .content-module-inner.event-links { background: #ccdbdb; color: #004d4d; } .content-module-event-details ul { font-size: 1.125em; } .content-module-event-details ul li { position: relative; padding-left: 1.8em; } .content-module-event-details ul li + li { margin-top: 0.5em; } .content-module-event-details i { position: absolute; left: 0; transform: scale(1.2); } /* MODULE: HISTORY */ .history-list > * + * { margin-top: var(--module-margin-70); } .history-list { max-width: 53.75em; margin-left: var(--module-offset-left); } .history-list-item { display: flex; flex-flow: row nowrap; } .history-list-item .year { width: 3em; flex-shrink: 0; margin-top: -0.29em; } .history-list-item .copy { width: 100%; } /* MODULE: QUOTES */ .module-quotes { background: #e3ebeb; } .module-quotes .module-wrap { position: relative; margin-left: var(--module-offset-left); } .quotes-list { max-width: 56.875em; position: relative; transition: height 1000ms; transition-timing-function: var(--ttf); } .quotes-list figcaption { margin-top: 1.625em; } .quotes-list-item { position: absolute; top: 0; left: 0; width: 100%; } .module-quotes .icon-quote { position: absolute; top: -1em; right: calc(100% + 2.625em); display: block; pointer-events: none; } .module-quotes .icon-quote::before { font-size: 475%; } .module-quotes .btn-next { position: absolute; right: 0; top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; box-sizing: border-box; box-shadow: none; margin: 0; display: block; outline: 0; cursor: pointer; padding: 0; } .module-quotes .btn-next i { font-size: 256.1%; } .quotes-list-item { opacity: 0; pointer-events: none; } .quotes-list-item.current { opacity: 1; pointer-events: all; } /* IMAGE GALLERY */ .image-gallery-grid { --columns: 5; --base-width: 100%; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: 42px; --row-gap: var(--column-gap); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .image-gallery-grid > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); } .module-image-gallery .row--intro { margin-bottom: 50px; max-width: 700px; } .module-image-gallery .row--copyright { margin-top: 50px; max-width: 700px; } .module-image-gallery .row--images { overflow: hidden; } .images-gallery-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100000; opacity: 0; transition: opacity 250ms; --safe-space: 70px; background: rgba(192,227,223, 0.95); } .images-gallery-overlay.shown { opacity: 1; } .igo-images > li { position: absolute; top: var(--safe-space); right: var(--safe-space); height: calc(100vh - (var(--safe-space) * 2)); left: var(--safe-space); display: flex; flex-flow: row nowrap; opacity: 0; pointer-events: none; } .igo-images > li.shown { opacity: 1; pointer-events: all; z-index: 100; } .igo-images figure { margin-inline: auto; height: 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .igo-images .image { max-height: 100%; } .igo-images figcaption { flex-shrink: 0; padding-top: 0.5em; } .igo-images img { display: inline-block; max-width: 100%; width: auto; height: 100%; object-fit: contain; object-position: center bottom; } .btn-igo--close, .btn-igo--next, .btn-igo--prev { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; padding: 0; border-radius: 50%; margin: 0; box-shadow: none; cursor: pointer; font-size: 50px; background: none; position: absolute; } .btn-igo--close i, .btn-igo--next i, .btn-igo--prev i { display: block; position: relative; } .btn-igo--close { top: 10px; right: 10px; } .btn-igo--close i { transform: rotate(-45deg); } .btn-igo--next { right: 10px; top: 50%; transform: translateY(-50%); } .btn-igo--prev { left: 10px; top: 50%; transform: translateY(-50%); } .btn-igo--prev i { transform: rotate(-180deg); } @media (max-width: 1000px) { .image-gallery-grid { --columns: 4; --column-gap: max(.875em, 3.47222222222222222222vw); } } @media (max-width: 500px) { .image-gallery-grid { --columns: 3; } .images-gallery-overlay { --safe-space: 20px; } .igo-images > li { top: 70px; height: calc(100vh - 95px); } .btn-igo--close, .btn-igo--next, .btn-igo--prev { font-size: 35px; } .btn-igo--close { top: 9px; right: 10px; } .btn-igo--next { left: 55px; right: auto; top: 9px; transform: none; } .btn-igo--prev { left: 10px; top: 10px; transform: none; } } /* SEARCH */ .module-search-form { background: #e3ebeb; } .module-search-results { background: #ffffff; } .module-search-form form, .module-search-results .module-body { position: relative; margin-left: var(--module-offset-left); max-width: 38.75em; } .search-results-item:not(:last-child) { margin-bottom: var(--module-margin-50); } .search-results-item .headline { margin-bottom: 0.3em; } .search-results-item .headline a:hover { text-decoration: underline; } /* MODULE: NEWSLETTER */ .module-newsletter { background: #004d4d; color: #fff; position: relative; z-index: 2; border-top: 3px solid #fff; } .module-newsletter .module-wrap { max-width: 38.75em; margin-left: var(--module-offset-left); padding-top: var(--module-margin-100); padding-bottom: var(--module-margin-70); position: relative; } .module-newsletter .wysiwyg .headline { margin-bottom: .5em; } .module-newsletter .btn-set { position: absolute; bottom: 0; left: 0; transform: translateY(50%); } /* MODULE: SUBPAGE TEASERS */ .subpage-teasers-list > * { width: 33.32%; flex-grow: 1; } .subpage-teasers-list.has-no-background > * { flex-grow: 0; } article.teaser-a a { display: block; padding: var(--page-padding-x); padding-top: calc(var(--page-padding-x) * 1.16); padding-bottom: 2.4375em; } article.teaser-a svg { height: 5em; width: 5em; display: block; fill: currentColor; } article.teaser-a svg * { fill: currentColor; } article.teaser-a div.icon { margin-bottom: 1em; } article.teaser-b .kicker { margin-bottom: .35em; } article.teaser-a .headline, article.teaser-b .headline, article.teaser-c .headline { margin-bottom: .35em; } article.teaser-a .headline a:hover, article.teaser-b .headline a:hover, article.teaser-c .headline a:hover { text-decoration: underline; } article.teaser-a .btn-set, article.teaser-b .btn-set, article.teaser-c .btn-set { --top-offset: 1.625em; } article.teaser-a .btn-set, article.teaser-c .btn-set { margin-top: auto; padding-top: var(--top-offset); } article.teaser-b .btn-set { margin-top: 0; } article.teaser-b .excerpt + .btn-set, article.teaser-c .excerpt + .btn-set { margin-top: var(--top-offset); } article.teaser-a .excerpt, article.teaser-b .excerpt, article.teaser-c .excerpt { max-width: 25em; } .subpage-teasers-list.has-background article.teaser-a { color: #fff; } .subpage-teasers-list article.teaser-a, .subpage-teasers-list article.teaser-a a { display: flex; flex-flow: column nowrap; flex-grow: 1; } .subpage-teasers-list.has-background > li:nth-child(1) a { background: #004d4d; } .subpage-teasers-list.has-background > li:nth-child(2) a { background: #5a9f96; } .subpage-teasers-list.has-background > li:nth-child(3) a { background: #2c7e7e; } /* MODULE: CAREER */ .module-career .module-inner { overflow: hidden; } article.teaser-c .col-1 { width: 28.35820895522388059700%; margin-right: auto; } article.teaser-c .col-2 { width: 64.17910447761194029800%; } .career-teasers-list { --margin-bottom: var(--module-margin-50); margin-bottom: calc(var(--margin-bottom) * -1); } .career-teasers-list > * { margin-bottom: var(--margin-bottom); } /* MODULE: DOWNLOADS */ .downloads-list { display: flex; flex-flow: row wrap; --margin-bottom: var(--module-margin-50); margin-bottom: calc(var(--margin-bottom) * -1); } .downloads-list-item { margin-bottom: var(--margin-bottom); width: calc(50% - var(--page-padding-x)); margin-right: auto; } .downloads-list-item:nth-child(2n+2) { margin-right: 0; } .download-col-set { display: flex; flex-flow: row nowrap; } .downloads-list-item .col-1 { width: 29.35483870967741935400%; margin-right: auto; flex-shrink: 0; } .downloads-list-item .col-1 > span { display: block; } .downloads-list-item .col-1 img { border: 1px solid #cbcfca; } .downloads-list-item .col-2 { width: 61.29032258064516129000%; } .downloads-list-item .headline + .description { margin-top: 1em; } .downloads-list-item .btn-set { margin-top: 1em; } /* MODULE: IMAGE COPY TEASERS */ .module.has-vertical-layout .image-copy-teasers-list > * { width: calc(50% - (var(--page-padding-x) / 2)); } .module.has-vertical-layout .image-copy-teasers-list > *:nth-child(2n+2) { margin-left: auto; } .image-copy-teasers-list figure img { width: 100%; display: block; max-width: none; } .image-copy-teasers-list { --margin-bottom: var(--module-margin-100); margin-bottom: calc(var(--margin-bottom) * -1); } .image-copy-teasers-list > * { margin-bottom: var(--margin-bottom); } article.teaser-b .sn-col-set { flex-flow: column nowrap; } article.teaser-b .col-1 { display: block; } article.teaser-b.has-horizontal-layout .sn-col-set { flex-flow: row nowrap; } article.teaser-b.has-horizontal-layout .sn-col-set > * { width: calc(50% - (var(--page-padding-x) / 2)); } article.teaser-b.has-horizontal-layout .sn-col-set > .col-1 { margin-right: auto; } article.teaser-b.has-horizontal-layout .sn-col-set > .col-2 { justify-content: center; } .module-image-copy-teasers.has-horizontal-layout .image-copy-teasers-list { flex-flow: column nowrap; } .module-image-copy-teasers.has-horizontal-layout .image-copy-teasers-list > * { width: 100%; } article.teaser-b.has-vertical-layout figure { margin-bottom: 1.625em; } /* MODULE: RELATED */ .related-teasers-list > * { width: calc(33.32% - (var(--page-padding-x)*2/3)); margin-right: var(--page-padding-x); } .related-teasers-list > *:nth-child(3n+3) { margin-right: 0; } /* MODULE: GALLERY */ .scroll-list-wrap { width: 100%; position: relative; overflow: hidden; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } html.touchevents .scroll-list-wrap { scroll-snap-type: x mandatory; } .scroll-list-wrap::-webkit-scrollbar { display: none; } .scroll-list { --item-width: 28.125em; --item-gap: calc(var(--page-padding-x) / 2); display: flex; flex-flow: row nowrap; position: relative; } .scroll-list > li { flex-shrink: 0; flex-grow: 0; width: var(--item-width); } .scroll-list > li.landscape { width: calc(var(--item-width) * 1.689); } html.touchevents .scroll-list > li { scroll-snap-align: start; } .scroll-list > li { padding-left: var(--item-gap); } .scroll-list > li:first-child { padding-left: var(--page-padding-x); } .scroll-list > li:last-child { padding-right: var(--page-padding-x); } .scroll-list .copy { margin-top: 1.11111111111111111111em; } .scroll-list .headline { margin-bottom: .375em; } .scroll-list-outer-wrap { position: relative; } .scroll-list-outer-wrap-2 { position: relative; overflow: hidden; } .scroll-list-outer-wrap button { -moz-appearance: none; -webkit-appearance: none; appearance: none; display: block; position: absolute; top: 0; left: 0; width: 50%; height: 100%; border: 0; background: transparent; border-radius: none; outline: 0; box-shadow: none; margin: 0; padding: 0; z-index: 2; cursor: none; } .scroll-list-outer-wrap button.btn-next { left: 50%; cursor: none; } html.touchevents .scroll-list-outer-wrap button { display: none; } .module-gallery .pointer { position: absolute; display: block; z-index: 100; width: 8em; height: 8em; margin-top: -4em; margin-left: -4em; transition: opacity 250ms; opacity: var(--pointer-opacity, 0); transform: translate(var(--pointer-left), var(--pointer-top)); top: 0; left: 0; pointer-events: none; cursor: none; } .module-gallery .pointer > span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/content/themes/euha/imgs/cursor-right.svg?x19239) no-repeat center center; background-size: contain; transition: opacity 150ms; opacity: 0; } .module-gallery .pointer > span.left { background-image: url(/content/themes/euha/imgs/cursor-left.svg?x19239); } .module-gallery[data-pointer-dir="right"] .pointer > span.right { opacity: 1; } .module-gallery[data-pointer-dir="left"] .pointer > span.left { opacity: 1; } .module-gallery[data-pointer-dir="left"][data-scroll-position="start"] .pointer { --pointer-opacity: 0; } .module-gallery[data-pointer-dir="left"][data-scroll-position="start"] button.btn-prev { cursor: default; } .module-gallery[data-pointer-dir="right"][data-scroll-position="end"] .pointer { --pointer-opacity: 0; } .module-gallery[data-pointer-dir="right"][data-scroll-position="end"] button.btn-next { cursor: default; } html.touchevents .module-gallery .pointer { display: none; } .module-gallery figcaption { margin-top: .625em; } .scroll-list img { width: 100%; max-width: none; } /* MODULE: EVENTS */ .events-list > * + * { margin-top: .625em; } .teaser-d .sn-col-set { flex-flow: row nowrap; } .teaser-d .col-1 { width: 23.75em; padding-right: 2em; } .teaser-d .col-2 { background: #e3ebeb; width: calc(100% - 23.75em); } .teaser-d .sn-col-set > div > div { padding: 2.9375em 3.625em; } .teaser-d .sn-col-set > .col-1 > div { padding-left: 0; padding-right: 0; } .teaser-d .headline, .teaser-d .date { margin-bottom: .43333333333333333333em; } /* MODULE: LOGOS */ .module-logos .module-wrap { max-width: 66.25em; margin: 0 auto; } .logos-list { --margin-bottom: calc(var(--module-margin-100) / 2); margin-bottom: calc(var(--margin-bottom) * -1); display: flex; flex-flow: row wrap; } .logos-list-item { margin-bottom: var(--margin-bottom); width: 16.98113207547169811300%; aspect-ratio: 1 / 1; position: relative; margin-right: 10.66037735849056603700%; box-sizing: border-box; } .logos-list-item:nth-child(4n+4) { margin-right: 0; } .logos-list-item a { display: block; } .logos-list-item figure { border: 2px solid #c5c5c5; position: relative; width: 100%; aspect-ratio: 1 / 1; padding: 15%; box-sizing: border-box; } .logos-list-item figure img { width: 100%; height: 100%; max-width: none; display: block; object-fit: contain; } .logos-list-item .name { margin-top: 10px; } /* PRESSKIT MANAGER */ .presskit-form-wrap { position: relative; } .presskit-form-wrap .acf-form .acf-form-fields { opacity: 1; transition: opacity 250ms; } .presskit-form-wrap .acf-form.is-validating .acf-form-fields, .presskit-form-wrap .acf-form.is-valid .acf-form-fields { opacity: 0.2; } .presskit-form-wrap .form-loading-message { position: absolute; top: 50%; left: 0; display: block; pointer-events: none; text-align: center; width: 100%; transform: translateY(-50%); opacity: 0; transition: opacity 250ms; } .presskit-form-wrap .acf-form.is-validating + .form-loading-message, .presskit-form-wrap .acf-form.is-valid + .form-loading-message { opacity: 1; } .presskit-form-wrap .acf-form-submit { margin-top: 2em; } .presskit-form-wrap .acf-fields>.acf-field { border-top: 0; background: #f9f9f9; margin-top: 1em; padding: 1em; } .presskit-form-wrap #message { margin-bottom: 1em; } /* MODULE: PERSONS */ .persons-list { --margin-bottom: var(--module-margin-70); margin-bottom: calc(var(--margin-bottom) * -1); justify-content: center; } .persons-list > * { width: calc(33.32% - (var(--page-padding-x)*2/3) - 1px); margin-right: var(--page-padding-x); margin-bottom: var(--margin-bottom); } .persons-list > *:nth-child(3n+3) { margin-right: 0; } .person-item figure + .copy { padding-left: 1em; } .person-item figure { max-width: 15em; margin-bottom: 1em; } .person-item .person-data { margin-top: .25em; max-width: 23.75em; } .person-item .role { margin-top: .75em; } .person-item .role + li { margin-top: .25em; } .person-data .has-label > span { display: inline-block; width: 3.5em; } .person-item .person-data a:hover { text-decoration: underline; } .person-item .number { white-space: nowrap; width: auto !important; } /* MODULE: CONTACT PERSONS */ .contact-persons-list { --margin-bottom: var(--module-margin-70); margin-bottom: calc(var(--margin-bottom) * -1); margin-left: var(--module-offset-left); } .contact-persons-list > * { width: 15em; margin-right: 2em; margin-bottom: var(--margin-bottom); } .contact-persons-list > *:first-child:last-child { width: auto; } .contact-persons-list > *:last-child { margin-right: 0; } .contact-persons-list .person-item figure { max-width: 9.75em; } /* MODULE: PROGRAM */ .module-program .module-header a[id] { position: relative; top: -8em; } .program-list { --margin-bottom: 4px; margin-bottom: calc(var(--margin-bottom) * -1); } .program-list > * { width: calc(50% - 2px); margin-right: 4px; margin-bottom: var(--margin-bottom); padding: 1.875em 2.25em 2.625em 2em; background: #f9f9f9; } .program-list > *:nth-child(2n+2) { margin-right: 0; } .program-list .title { margin-top: .7em; } .program-list .datetime { margin-bottom: .13333333333333333333em; } .program-list .datetime span { display: block; } .program-list .speaker, .program-list .place { color: #979797; } /* FAQS */ .faqs-list { margin-left: var(--module-offset-left); border-bottom: 2px solid #004d4d; } .faqs-list > li { border-top: 2px solid #004d4d; } .faqs-list .faq-title { padding: 1.75em 0; padding-right: 9.375em; cursor: pointer; user-select: none; position: relative; } .faqs-list .faq-description { max-width: 38.75em; max-height: 0px; overflow: hidden; transform: translateY(-20px); opacity: 0; pointer-events: none; transition: max-height, opacity, transform; transition-duration: 500ms; transition-timing-function: var(--ttf); } .faqs-list .faq-description > div { padding-bottom: 2.25em; } .faqs-list [data-accordion-item][data-accordion-state="opened"] .faq-description { opacity: 1; max-height: var(--max-height); pointer-events: all; transform: none; } .faqs-list .icon { position: absolute; right: var(--page-padding-x); top: 1.25em; } .faqs-list .icon i { font-size: 250%; position: absolute; top: 0; right: 0; transition: opacity 500ms; transition-timing-function: var(--ttf); } .faqs-list .icon i.icon-minus, .faqs-list [data-accordion-item][data-accordion-state="opened"] .icon i.icon-plus { opacity: 0; } .faqs-list [data-accordion-item][data-accordion-state="opened"] .icon i.icon-minus { opacity: 1; } /* MODULE: CATALOGUE */ .module-catalogue iframe { max-width: 100%; height: calc(100vh - 15em); width: 100%; max-height: calc(100vw * 0.75 + 1px); min-height: 420px; } @media (min-width: 1520px) { .module-catalogue iframe { max-width: 100%; height: calc(100vh - 15em); width: 100%; max-height: calc(1340px * 0.75); } } /* MODULE: ELOPAGE FORM */ .module.module-elopage-form .module-inner { padding: 0; max-width: none; background: #f0f0f0; } .module-elopage-form .module-wrap { padding-top: var(--module-margin-30); padding-bottom: var(--module-margin-30); } @media (max-width: 500px) { .module-elopage-form .module-wrap { padding-top: 0; padding-bottom: 0; } } /* COOKIE BAR */ /* div#CybotCookiebotDialog { max-width: 650px; top: auto !important; bottom: 0 !important; right: 0 !important; left: auto !important; box-shadow: 0 0 60px rgba(0,0,0,0.2); margin: 0 25px 25px 0; width: calc(100% - 50px) !important; border-radius: 4px; z-index: 999999 !important; } div#CybotCookiebotDialogPoweredbyLink { display: none !important; } div#CybotCookiebotDialogBodyContent { padding: 1.5rem 1.2rem 0.7rem 1.2rem !important; } #CybotCookiebotDialogBody { padding-right: 0; } #CybotCookiebotDialogDetailFooter { display: none; } div#CybotCookiebotDialogBodyButtons { padding: 0 1.2rem 1rem 1.2rem !important; margin: 0 !important; } a#CybotCookiebotDialogBodyButtonAccept, a#CybotCookiebotDialogBodyButtonDecline { width: auto !important; padding: 0.6em 0.9em; transition: opacity 150ms; opacity: 1; } a#CybotCookiebotDialogBodyButtonAccept:hover, a#CybotCookiebotDialogBodyButtonDecline:hover { opacity: 0.9; } a#CybotCookiebotDialogBodyButtonDecline { background: #9b9b9b !important; border-color: #9b9b9b !important; margin-left: 0 !important; } a#CybotCookiebotDialogBodyButtonAccept { background: #70ab32 !important; border-color: #70ab32 !important; color: #fff !important; } #CybotCookiebotDialog a, #CybotCookiebotDialog div { font-family: 'Titillium Web', sans-serif !important; } #CybotCookiebotDialogBodyContentTitle { font-family: 'Titillium Web', sans-serif !important; font-weight: 600 !important; font-size: 1.25rem !important; color: #004d4d !important; margin-bottom: 12px !important; } #CybotCookiebotDialog br, #CybotCookiebotDialog div, #CybotCookiebotDialog td { line-height: 1.431 !important; } #CybotCookiebotDialogDetailBodyContent { border-bottom-width: 1px !important; } #CybotCookiebotDialogDetailBody { margin: 0 !important; padding: 0.3rem 1.2rem 0.5rem 1.2rem; width: auto !important; } @media only screen and (max-width: 650px) { #CybotCookiebotDialogBodyButtonDetails { display: block !important; text-align: left !important; float: none !important; background-position: left 12px !important; padding-left: 0px !important; } } @media only screen and (max-width: 500px) { div#CybotCookiebotDialog { width: 100% !important; border-radius: 0 !important; margin: 0 !important; } } #CybotCookiebotDialogBodyButtons { float: left; clear: both; } #CybotCookiebotDialogBodyButtons > a { float: left; } #CybotCookiebotDialogBodyButtons > #CybotCookiebotDialogBodyButtonDetails { float: left; clear: left; padding-top: 13px !important; background: transparent !important; }*/ .wysiwyg .CookieDeclarationType { font-size: inherit !important; overflow: auto; position: relative; padding: 1em !important; margin-left: -1em !important; margin-right: -1em !important; border: 1px solid rgba(0,0,0,0.2) !important; } .CookieDeclarationTable { width: 100% !important; } .CookieDeclarationTable thead, .CookieDeclarationTable colgroup { display: none; } .CookieDeclarationTable tbody tr { display: block; width: 100%; padding: 0.35em 0.75em; background: #fff; box-sizing: border-box; line-height: 1.2; } .CookieDeclarationTable tbody tr:not(:last-child) { margin-bottom: .5em; } .CookieDeclarationTable tbody td { display: block; width: 100%; padding-left: 6.25em !important; position: relative; border: 0 !important; box-sizing: border-box !important; max-width: none !important; } .CookieDeclarationTable tbody td::before { content: attr(data-label); display: inline-block; font-family: 'Titillium Web', sans-serif !important; font-weight: 600; position: absolute; left: 0; } .CookieDeclarationTypeHeader { font-family: 'Titillium Web', sans-serif !important; font-weight: 600 !important; } .cookieconsent-placeholder > div { background: #e3ebeb; padding: 1.5em; } .cookieconsent-placeholder .btn-set { margin-top: 1.9em; } .cookieconsent-placeholder .headline { margin-bottom: .6em; } /* FOOTER */ footer.main { position: relative; --padding-bottom: 1.875em; padding-bottom: var(--padding-bottom); } footer.main::before, footer.main::after { content: ''; position: absolute; left: 0; bottom: 0; height: var(--padding-bottom); width: 50%; background: #004d4d; display: block; pointer-events: none; } footer.main::after { left: auto; right: 0; background: #6ac1b6; } footer.main > .inner { padding-top: calc(var(--module-margin-100) * 1.7142857143); padding-bottom: var(--module-margin-70); } .footer-col-set > .col-1 { width: 15em; } .footer-col-set > .col-2 { width: calc(100% - 15em); } .footer-col-set .row-1 { margin-bottom: var(--module-margin-100); } nav.social { padding-top: 0.5em; } nav.social .title-wrap { display: none; } nav.social .menu { display: flex; flex-flow: row nowrap; align-items: center; } nav.social .menu > li + li { margin-left: 1.5em; } nav.social i { font-size: 230%; line-height: 1; } nav.social i.icon-facebook { font-size: 210%; } nav.social i.icon-xing { font-size: 210%; } .footer-col-set .row-2 .col-1 { width: 43.636363636363636363%; padding-right: 1em; box-sizing: border-box; } .footer-col-set .row-2 .col-2 { width: 43.636363636363636363%; padding-right: 1em; box-sizing: border-box; } .footer-col-set .row-2 .col-3 { margin-left: auto; } nav.footer .menu { column-count: 2; } footer.main address a { text-decoration: none; } footer.main address a:hover { text-decoration: underline; } .footer-col-set .row-1 .name { font-weight: 600; margin-bottom: 3em; } .footer-col-set .row-1 address { display: flex; flex-flow: row wrap; gap: 3em 2em; } .footer-col-set .row-1 address > div { display: flex; flex-flow: column nowrap; gap: 1em; } .footer-col-set .row-1 address strong { font-weight: 600; } .btn-back-to-top { display: inline-block; margin-top: auto; position: relative; } .btn-back-to-top::after { content: ''; display: block; position: absolute; right: 0; bottom: calc(100% + 0.5em); width: 1px; height: 3.6em; background: #004d4d; pointer-events: none; transform: none; transform-origin: left bottom; transition: transform 750ms; transition-timing-function: var(--ttf); } .btn-back-to-top:hover::after { transform: scaleY(1.5); } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 1440px) { :root { --module-offset-left: 15rem; } } /* >1440 */ @media only screen and (max-width: 1440px) { :root { --module-offset-left: max(0px, calc(100vw - 1200px)); --page-padding-x: max(.875em, 3.47222222222222222222vw); --module-margin-100: max(4.375rem, 9.72222222222222222222vw); } .hdln-80 { font-size: max(1.5625rem, 5.55555555555555555555vw); } .module-page-header.has-image .copy { padding-top: max(2em, 9.72222222222222222222vw); } .module-page-header .col-2 { display: flex; flex-flow: column nowrap; } .module-page-header .col-2 img { margin: auto 0; } .module-hero .col-1 { padding-bottom: max(0px, 6.11111111111111111111vw); } .person-item figure { max-width: max(7.8125em, 16.66666666666666666666vw); } } /* 1440 */ @media only screen and (max-width: 1300px) { .module-logos .module-wrap { max-width: 81.5vw; } .wysiwyg > ol:not([class]) { margin-left: 0; } .module-quotes .icon-quote { top: -0.5rem; right: auto; left: 0; transform: translateY(-100%); font-size: max(8px, 1.23076923076923076923vw); } .footer-col-set .row-1 address > p { width: 25%; } } /* 1300 */ @media only screen and (max-width: 1200px) { .hdln-60 { font-size: max(1.875rem, 5vw); } .module-page-header.has-image .col-1 { width: 58%; margin-right: auto; } .module-page-header .col-2 { width: 41.73913043478260869500%; } .module-hero .headline { width: 50vw; min-width: 0px; } .related-teasers-list > *:nth-child(3), .subpage-teasers-list.has-3-items.has-background > *:last-child { display: none; } .subpage-teasers-list.has-no-background > * { width: 50%; } .related-teasers-list > *:nth-child(n) { width: calc(50% - (var(--page-padding-x)/2)); margin-right: var(--page-padding-x); } .related-teasers-list > *:nth-child(2n+2) { margin-right: 0; } } /* 1200 */ @media only screen and (max-width: 1100px) { .module-page-header .copy { padding-top: 2em; } .module-page-header.has-image .col-1 { padding-bottom: 0; } .module-page-header .col-2 { padding-top: 3.6em; } .module-page-header .col-2 img { margin: 0; } .module-page-header div.breadcrumb { position: relative; left: 0; top: 0; width: calc(100vw - (var(--page-padding-x) * 2)); z-index: 2; } .quotes-list { margin-right: 4em; } .footer-col-set { display: block; } .footer-col-set > .col-1 { width: 100%; margin-bottom: 3em; } .footer-col-set > .col-2 { width: 100%; } .footer-col-set .row-1 .name { display: none; } .footer-col-set .row-1 address > p { width: auto; padding-right: 1.5em; } .footer-col-set .row-2 .col-1 { width: auto; padding-right: 4.5em; } } /* 1100 */ @media only screen and (max-width: 1000px) { .hdln-20 { font-size: max(.875rem, 2vw); } .hdln-22 { font-size: max(1rem, 2.2vw); } .hdln-24 { font-size: max(1rem, 2.4vw); } .hdln-30 { font-size: max(1.25rem, 3vw); } .hdln-40 { font-size: max(1.5625rem, 4vw); } .cpy-24 { font-size: max(1rem, 2.4vw); } .cpy-20 { font-size: max(1rem, 2vw); } .breadcrumb ol { font-size: max(.875rem, 1.8vw); } .lnk-a { font-size: max(1rem, 2vw); } .lnk-b { font-size: max(1rem, 2vw); } .btn-a, .btn-c { font-size: max(1rem, 2vw); padding-bottom: 1em !important; } .content-module-event-details ul { font-size: max(1rem, 1.8vw); } .filter-form-list .styled-select select { font-size: max(1.125rem, 2vw); } .faqs-list .icon { top: 1.25rem; font-size: max(.6875em, 1.6vw); } .module-quotes .btn-next, nav.social .menu { font-size: max(.6875em, 1.6vw); } .response-wrapper, .fieldset-cf7mls-wrapper .wpcf7-response-output, .fieldset-cf7mls-wrapper + .wpcf7-response-output { font-size: max(1rem, 2vw) !important; } header.main .col-2 { display: none; } .site-title, .footer-site-title { width: max(5.3125em, 15.3vw); } header.main .sn-col-set { height: max(3.625em, 10.7vw); } body.scrolled-more[data-scroll-dir="down"] header.main .sn-col-set, body.menu header.main .sn-col-set { height: max(1.6875em, 4.9vw); } body, div.flyout > .inner { padding-top: calc(3.5625em + 10.7vw); } .btn-menu { display: block; position: absolute; right: var(--page-padding-x); top: 50%; transform: translateY(-50%); } .btn-menu > span { font-size: 5.4vw; position: relative; display: block; } .btn-menu i { display: block; transition: opacity 250ms, transform 250ms; transition-timing-function: var(--ttf); } .btn-menu .icon-close-menu { position: absolute; top: 0; left: 0; } body.menu .btn-menu .icon-menu, .btn-menu .icon-close-menu { opacity: 0; transform: scale(0.8); } body.menu .btn-menu .icon-close-menu { opacity: 1; transform: none; } div.flyout { display: block; pointer-events: none; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 998; background: #e3ebeb; overflow-y: auto; transform: translateX(10vw); transform-origin: right center; transition: opacity 1000ms, transform 1000ms; transition-timing-function: var(--ttf); } html.touchevents div.flyout { overflow-y: scroll; -webkit-overflow-scrolling: touch; } body.menu div.flyout { opacity: 1; pointer-events: all; transform: none; } .flyout-wrap { display: flex; flex-flow: row nowrap; padding: 7vw 0; } div.flyout nav .menu { display: block; } div.flyout nav .icon-wrap { display: none; } div.flyout nav { opacity: 0; transform: translateX(5vw); transition: opacity 1000ms, transform 1000ms; transition-timing-function: var(--ttf); } div.flyout nav.header { margin-right: 2em; font-size: max(1rem, 5vw); font-weight: 400; } div.flyout nav.header .sub-menu-wrapper { display: none; } div.flyout nav.secondary { font-size: max(1rem, 1.8vw); font-weight: 400; line-height: 1.5; padding-top: 1vw; } div.flyout nav a:hover, div.flyout li[class*="current-menu-"] > a { text-decoration: underline; } body.menu div.flyout nav { opacity: 1; transform: none; } body.menu div.flyout nav.header { transition-delay: 200ms; } body.menu div.flyout nav.secondary { transition-delay: 300ms; } .module-page-header.has-no-image .copy { padding-top: 2em; } .content-module-box .content-module-inner, .program-list > * { padding: max(1.3125rem, 3vw); padding-bottom: max(1.475rem, 4.2vw); } .teaser-d .sn-col-set > div > div { padding: max(var(--page-padding-x), 4.7vw) max(var(--page-padding-x), 5.8vw); } .teaser-d .col-1 { width: 33.32%; } .teaser-d .col-2 { width: 66.66%; } .module-copy-with-sidebar.has-sidebar .module-inner { padding-right: 0; } .module-copy-with-sidebar .content-wrap { width: 65.454545454545454546%; padding-right: var(--page-padding-x); } .sidebar-wrap *[class^="content-module"]:not(:last-child) { margin-bottom: calc(var(--page-padding-x) / 2); } .program-list { margin-left: calc(var(--page-padding-x) * -1); margin-right: calc(var(--page-padding-x) * -1); } article.teaser-a svg { height: max(2.5em, 8vw); width: max(2.5em, 8vw); } .module-copy-with-sidebar.has-no-sidebar .content-wrap .content-module-image { margin-right: 0; } } /* 1000 */ @media only screen and (max-width: 850px) { .module-hero .col-1 { width: 100%; order: 2; padding-bottom: 0; } .module-hero .col-2 { width: 100%; order: 1; margin-bottom: 1.5em; } .module-hero .btn-set { margin-top: max(1.5em, 5.64705882352941176470vw); } .module-hero .hdln-60 { font-size: max(1.875em, 4.94117647058823529411vw); } article.teaser-b.has-horizontal-layout .sn-col-set > .col-1 { width: calc(33.32% - (var(--page-padding-x) / 2)); } article.teaser-b.has-horizontal-layout .sn-col-set > .col-2 { width: calc(66.66% - (var(--page-padding-x) / 2)); } .footer-col-set .row-2 .col-1 { width: 100%; padding-right: 0; margin-bottom: 2em; } .footer-col-set .row-2 .col-2 { width: auto; padding-right: 0; } nav.footer .menu { column-gap: 1.5em; } .footer-col-set > .col-1, .footer-col-set .row-2 .col-1 { margin-bottom: 6vw; } .module-hero .headline { width: auto; padding-right: var(--page-padding-x); } } /* 850 */ @media only screen and (max-width: 800px) { .cpy-16 { font-size: max(1rem, 2vw); } .persons-list > *:nth-child(n) { width: calc(50% - (var(--page-padding-x)/2) - 1px); margin-right: var(--page-padding-x); } .persons-list > *:nth-child(2n+2) { margin-right: 0; } } /* 800 */ @media only screen and (max-width: 650px) { .module-copy-with-sidebar .sidebar-wrap { display: none; } .module-copy-with-sidebar.has-sidebar .module-inner { padding-right: var(--page-padding-x); } .module-copy-with-sidebar .content-wrap { width: 100%; padding-right: 0; max-width: none; } .content-module-reference { display: block; } .module-copy-with-sidebar .content-wrap .content-module-image { margin-left: 0 !important; } *[class^="content-module"]:not(:last-child) { margin-bottom: calc(var(--page-padding-x) * 3); } .content-module-copy + .content-module-button, .content-module-reference + .content-module-reference { margin-top: calc(var(--page-padding-x) * -1.5); } .content-module-image, .content-module-box { max-width: 25em; } .content-module-box { background: #e3ebeb; color: #004d4d; } .subpage-teasers-list > * { width: 100% !important; } .subpage-teasers-list.has-3-items.has-background > *:last-child { display: block; } article.teaser-a a { padding-top: calc(var(--page-padding-x) * 2); padding-bottom: calc(var(--page-padding-x) * 2.2); } article.teaser-a div.icon { position: absolute; left: var(--page-padding-x); } article.teaser-a a { padding-left: calc(var(--page-padding-x) * 2 + max(2.5em, 8vw)); } .subpage-teasers-list.has-no-background > * + * { border-top: 1px solid #e3ebeb; } .module-logos .module-wrap { max-width: none; } .logos-list { --margin-bottom: max(35px, var(--page-padding-x)); } .logos-list-item:nth-child(n) { width: calc(33.32% - var(--page-padding-x)*2/3); margin-right: var(--page-padding-x); } .logos-list-item:nth-child(3n+3) { margin-right: 0; } .module.has-vertical-layout .image-copy-teasers-list > *:nth-child(n), .related-teasers-list > *:nth-child(n) { width: 100%; margin-left: 0; margin-right: 0; } .related-teasers-list { --margin-bottom: var(--module-margin-100); margin-bottom: calc(var(--margin-bottom) * -1); } .related-teasers-list > *:nth-child(n) { margin-bottom: var(--margin-bottom); } .module-related .module-inner { padding-top: var(--module-margin-100); border-top: 1px solid #e3ebeb; } article.teaser-b.has-vertical-layout figure { max-width: 25em; } .filter-form-list .styled-select { width: 100%; } .filter-form-list .styled-select select { padding-right: 3.45em; } .faqs-list .icon { top: 1.35rem; right: 3px; } .module-faqs .module-inner { padding-right: var(--page-padding-x) !important; } .faqs-list .faq-title { padding-right: 4.5em; } .module-quotes .icon-quote { display: none; } .downloads-list-item { margin-right: 0; width: 100%; } .downloads-list-item .col-1 { min-width: 5em; width: 25%; } .downloads-list-item .col-2 { width: 75%; padding-left: var(--page-padding-x); } .downloads-list-item .col-1 img { max-width: none; width: 100%; } .content-module-image figcaption { margin-top: 0.75em; } .wysiwyg > ul:not([class]) li + li, .wysiwyg > ol:not([class]) li + li { margin-top: 0.75em; } .teaser-d .sn-col-set > div > div { padding: max(var(--page-padding-x), 4.7vw) max(var(--page-padding-x), 5.8vw); } .teaser-d .sn-col-set { display: block; } .teaser-d .col-1 { width: 100%; margin-bottom: 1em; } .teaser-d .col-2 { width: 100%; } .teaser-d .sn-col-set > .col-1 > div { padding: 0; padding-left: max(var(--page-padding-x), 5.8vw); } .teaser-d .date { margin-bottom: 0; } .teaser-d .place { display: none; } .events-list > * + * { margin-top: var(--module-margin-50); } .footer-col-set .row-1 address { flex-flow: row wrap; } .footer-col-set .row-1 address > p { width: 50%; margin-bottom: 1em; } } /* 650 */ @media only screen and (max-width: 550px) { .cpy-20, .cpy-24 { line-height: 1.3; } .module-page-header .module-wrap { position: relative; padding-top: 2.3em; } .module-page-header.has-image .col-1 { width: 100%; order: 2; padding-right: var(--page-padding-x); } .module-page-header .col-2 { width: 100%; order: 1; padding-top: 0; margin-bottom: 1.25em; margin-left: calc(var(--page-padding-x) * -1); width: auto; } .module-page-header div.breadcrumb { position: absolute; top: 0; left: 0; } .module-page-header.has-image .copy { padding-top: 0; } .program-list > * { width: 100%; margin-right: 0; } .program-list .datetime { margin-bottom: .3em; } .content-module-box .content-module-inner, .program-list > * { padding-left: var(--page-padding-x); padding-right: var(--page-padding-x); } .module-hero .col-2 { width: auto; margin-left: calc(var(--page-padding-x) * -1); margin-bottom: 1.25em; } .module-hero .headline { width: auto; } .module-hero .hdln-60 { line-height: 1.2; } .module-hero .headline-clone { display: none; } article.teaser-a .btn-set, article.teaser-b .btn-set, article.teaser-c .btn-set { --top-offset: 0.9em; } .history-list-item { display: block; } .history-list-item .year { width: auto; margin-top: 0; margin-bottom: 0.7em; line-height: 1.2; } .persons-list { --margin-bottom: var(--module-margin-50); } .persons-list > *:nth-child(n) { width: 100%; margin-right: 0; } .person-item { display: flex; flex-flow: row nowrap; } .module-contact-persons .person-item { display: flex; flex-flow: column nowrap; } .person-item figure { padding-right: var(--page-padding-x); flex-grow: 0; flex-shrink: 0; margin-bottom: 0; max-width: max(6.25em, 22.72727272727272727272vw); } .person-item .copy { padding-left: 0; width: 100%; padding-top: 2vw; } .person-item .role { margin-top: 0.45em; } .logos-list-item { border-width: 1px; } article.teaser-b.has-horizontal-layout .sn-col-set { flex-flow: column nowrap; } article.teaser-b.has-horizontal-layout .sn-col-set > * { width: 100% !important; } article.teaser-b .sn-col-set > .col-1 { max-width: 25em; margin-bottom: 1.625em; } .image-copy-teasers-list, .related-teasers-list { --margin-bottom: var(--module-margin-70); } .filter-form { margin-bottom: var(--module-margin-70); } .faqs-list .icon { top: 0.75rem; } .faqs-list .faq-title { padding: 1.15em 0; padding-right: 4em; } .quotes-list { margin-right: 3em; } article.teaser-c .col-1 { display: none; } article.teaser-c .col-2 { width: 100%; } .teaser-d .sn-col-set > div > div { padding: var(--page-padding-x); } .teaser-d .sn-col-set > .col-1 > div { padding: 0; padding-left: var(--page-padding-x); } .form-list > li.input input, .form-list > li.input textarea, .form-list > li.select select { font-size: 1.125rem; padding: 0.65em 0.8em 0.75em; } .fieldset-cf7mls-wrapper .form-list > li + li, .fieldset-cf7mls-wrapper .form-list + .form-list, .fieldset-cf7mls-wrapper div[data-class="wpcf7cf_group"] .form-list, .fieldset-cf7mls-wrapper div[data-class="wpcf7cf_group"] + .form-list { margin-top: 1.5em; } .footer-col-set .row-1 address { font-size: .875rem; } .footer-col-set .row-2 .col-2 { width: 100%; } nav.footer .menu { column-gap: 0; line-height: 1.5; } nav.footer .menu > li { padding-right: 1.5em; } .footer-col-set .row-2 .col-3 { display: none; } .footer-col-set .row-1 { margin-bottom: 2em; } nav.social .menu { font-size: 14px; } header.main > .inner { padding-top: max(15px, 4.7vw); padding-bottom: max(15px, 4.8vw); } .btn-menu > span { font-size: 40px; } .flyout-wrap { display: block; padding-top: 3vw; } div.flyout nav.secondary { padding-top: 1em; font-size: max(1rem, 4.5vw); line-height: 1.3; } div.flyout nav.header { font-weight: 600; font-size: max(1.25rem, 6vw); line-height: 1.5; } div.flyout nav.header .sub-menu-wrapper { display: block; margin-left: 1em; font-weight: 400; font-size: 75%; margin-bottom: 0.25em; line-height: 1.3; } body.menu div.flyout nav { transition-delay: 100ms !important; } div.flyout > .inner { padding-top: 20.2vw; } .module-newsletter .module-wrap { padding-top: 4em; padding-bottom: 4em; } .module-full-width-image .module-inner { padding-left: 0 !important; padding-right: 0 !important; } .logos-list-item:nth-child(n) { width: calc(50% - (var(--page-padding-x) * 0.5)); margin-right: var(--page-padding-x); } .logos-list-item:nth-child(2n+2) { margin-right: 0; } } /* 550 */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 1cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .cookie-bar, .btn-wp-edit { display: none !important; } header.main, footer.main { display: none; } }