/* ffee.fr staging presentation. Source: YOOtheme nano3 (UIkit 2) measured on the live site; no UIkit/Widgetkit runtime.
   Breakpoints follow UIkit 2: phone <=767, medium 768, large 960, xlarge 1220. */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600,400,300');

@font-face {
    font-family: 'FFEE Icons';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('/media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2') format('woff2');
}

/* ---- Page frame: 1000px white container, 25px (35px from 1220) side padding ---- */
html {
    background: #fff;
    overflow-x: clip;
}

body.site {
    overflow-x: clip;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
    background: #fff;
    color: #444;
    font: normal 14px/20px 'Open Sans', sans-serif;
    -webkit-text-size-adjust: 100%;
}

@media (min-width: 1220px) {
    body.site { padding: 0 35px; }
}

body.site .container-header,
body.site .site-grid,
body.site .container-footer {
    display: block;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    color: inherit;
}

body.site .container-header { position: static; }
body.site .container-header::before,
body.site .container-header::after { content: none; }
body.site .container-header .grid-child,
body.site .container-footer .grid-child,
body.site .site-grid > .grid-child {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.site .back-to-top-link,
body.site .container-sidebar-left,
body.site .container-sidebar-right,
body.site .mod-breadcrumbs__wrapper { display: none !important; }

body.site a { color: #1fa2d6; text-decoration: none; background: transparent; }
body.site a:hover { color: #0074a2; text-decoration: underline; }
body.site img { max-width: 100%; height: auto; box-sizing: border-box; border: 0; vertical-align: middle; }

/* ---- Logo (headerbar): hidden below 768 like uk-hidden-small ---- */
body.site .container-header .navbar-brand {
    display: block;
    margin: 5px 0 10px;
    padding: 0;
}

body.site .container-header .brand-logo { display: block; margin: 0; padding: 0; }
body.site .container-header .brand-logo img { display: block; width: 181px; height: auto; margin: 0 0 20px; }

@media (max-width: 767px) {
    body.site .container-header .navbar-brand { display: none; }
}

/* ---- Navbar (uk-navbar) ---- */
body.site .container-header .container-nav { display: block; margin: 0; padding: 0; }

.ffee-navbar {
    position: relative;
    box-sizing: border-box;
    margin: 10px 0 25px;
    background: #f7f7f7 linear-gradient(to bottom, #fff, #eee);
    background-origin: border-box;
    color: #444;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom-color: rgba(0, 0, 0, .3);
    border-radius: 4px;
}

.ffee-navbar::after { content: ''; display: table; clear: both; }

@media (min-width: 1220px) {
    .ffee-navbar { margin-bottom: 35px; }
}

.ffee-navbar-nav { float: left; margin: 0; padding: 0; list-style: none; }
.ffee-navbar-nav > li { float: left; position: relative; margin: 0; padding: 0; }

.ffee-navbar-nav > li > a {
    display: block;
    box-sizing: border-box;
    height: 45px;
    margin: -1px 0 0 -1px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    color: #444;
    font: normal 14px/44px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}

.ffee-navbar-nav > li:first-child > a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.ffee-navbar-nav > li > a[href='#'] { cursor: text; }

.ffee-navbar-nav > li:hover > a,
.ffee-navbar-nav > li > a:focus,
.ffee-navbar-nav > li.ffee-open > a {
    position: relative;
    z-index: 1;
    background-color: transparent;
    color: #444;
    outline: none;
    text-decoration: none;
    border-left-color: rgba(0, 0, 0, .1);
    border-right-color: rgba(0, 0, 0, .1);
    border-top-color: rgba(0, 0, 0, .1);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
}

.ffee-navbar-nav > li > a:focus-visible { outline: 2px solid #52b4df; outline-offset: -3px; }

.ffee-navbar-nav > li.ffee-active > a {
    background-color: #fafafa;
    color: #444;
    border-left-color: rgba(0, 0, 0, .1);
    border-right-color: rgba(0, 0, 0, .1);
    border-top-color: rgba(0, 0, 0, .2);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
}

/* Dropdown: 220px white panel under the bar, opened by hover/focus/touch (user.js adds .ffee-open) */
.ffee-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 1020;
    box-sizing: border-box;
    width: 220px;
    margin: 6px 0 0;
    padding: 15px;
    background: #fff;
    color: #444;
    font-size: 14px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.ffee-navbar-nav > li.ffee-open > .ffee-dropdown,
.ffee-navbar-nav > li:focus-within > .ffee-dropdown { display: block; animation: ffee-slide-top .2s ease-in-out; }

@keyframes ffee-slide-top {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: none; }
}

.ffee-navbar-nav > li.ffee-closed > .ffee-dropdown { display: none !important; }

.ffee-nav-navbar { margin: 0 -15px; padding: 0; list-style: none; }
.ffee-nav-navbar > li { margin: 0; padding: 0; }

.ffee-nav-navbar > li > a {
    display: block;
    padding: 5px 20px;
    color: #444;
    text-decoration: none;
}

.ffee-nav-navbar > li > a:hover,
.ffee-nav-navbar > li > a:focus {
    background: #474d5d;
    color: #fff;
    outline: none;
    text-decoration: none;
    box-shadow: inset 0 2px 4px rgba(0, 69, 109, .25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

/* Phone toggle (uk-navbar-toggle) */
.ffee-navbar-toggle {
    display: none;
    box-sizing: border-box;
    float: left;
    height: 45px;
    margin: -1px 0 0;
    padding: 0 15px;
    border: 0;
    background: none;
    color: #444;
    font-size: 18px;
    line-height: 20px;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    align-items: center;
}

.ffee-navbar-toggle::after {
    content: '\f0c9';
    font-family: 'FFEE Icons', 'Font Awesome 6 Free', FontAwesome, sans-serif;
    font-weight: 900;
    font-style: normal;
}

.ffee-navbar-toggle:focus-visible { outline: 2px solid #52b4df; outline-offset: -3px; }

@media (max-width: 767px) {
    .ffee-navbar { margin: 10px -25px 25px; border-width: 0 0 1px; border-radius: 0; }
    .ffee-navbar-nav { display: none; }
    .ffee-navbar-toggle { display: flex; }
}

/* ---- Off-canvas drawer (uk-offcanvas): the page slides 270px right, bar on a dark #333 ---- */
.ffee-offcanvas {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .1);
    touch-action: none;
}

.ffee-offcanvas[hidden] { display: none; }

.ffee-offcanvas-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    box-sizing: border-box;
    width: 270px;
    max-width: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: #333;
    transform: translateX(-100%);
    transition: transform .3s ease-in-out;
}

.ffee-offcanvas.ffee-show .ffee-offcanvas-bar { transform: none; }

.ffee-offcanvas-bar::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: rgba(0, 0, 0, .6);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6);
    pointer-events: none;
}

.ffee-nav-offcanvas {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
}

.ffee-nav-offcanvas li { margin: 0; padding: 0; }
.ffee-nav-offcanvas a { display: block; text-decoration: none; }

.ffee-nav-offcanvas > li > a {
    padding: 10px 15px;
    color: #ccc;
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

.ffee-nav-offcanvas > li > a:hover,
.ffee-nav-offcanvas > li > a:focus {
    background: #404040;
    color: #fff;
    outline: none;
    text-decoration: none;
}

.ffee-nav-offcanvas > li > a:focus-visible { outline: 2px solid #52b4df; outline-offset: -2px; }

.ffee-nav-offcanvas > li.ffee-active > a {
    background: #1a1a1a;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
}

.ffee-nav-sub {
    margin: 0;
    padding: 5px 0 5px 20px;
    list-style: none;
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.ffee-nav-sub a { padding: 2px 0; color: #ccc; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); }
.ffee-nav-sub a:hover, .ffee-nav-sub a:focus { color: #fff; text-decoration: none; outline: none; }
.ffee-nav-sub a:focus-visible { outline: 2px solid #52b4df; outline-offset: 1px; }

/* While the drawer is open the page is pinned (scroll lock) and pushed right by the bar width */
html.ffee-drawer-open body.site {
    position: fixed;
    top: var(--ffee-scroll, 0);
    right: 0;
    left: 0;
    margin-left: 270px;
    transition: margin-left .3s ease-in-out;
}

/* ---- Newsletter panel (top-b): uk-panel-box on #fafafa, centred, title uppercase 18px ---- */
body.site .container-top-b { margin: 0 0 25px; }

@media (min-width: 1220px) {
    body.site .container-top-b { margin-bottom: 35px; }
}

body.site .container-top-b .card {
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    background: #fafafa;
    color: #444;
    border: 0;
    border-radius: 0;
}

body.site .container-top-b .card-header {
    margin: 0 0 20px;
    padding: 0;
    background: none;
    border: 0;
    color: #444;
    text-align: center;
    text-transform: uppercase;
    font: 600 18px/20px 'Open Sans', sans-serif;
}

body.site .container-top-b .card-body { padding: 0; }
body.site .container-top-b .card-body > :last-child { margin-bottom: 0; }

/* Form 3, modern RSForm style (recorded deviation): label above, 48px field, focus ring, error state */
.container-top-b .formResponsive { margin: 0; }
.container-top-b .formResponsive fieldset { margin: 0; padding: 0; border: 0; }

.container-top-b .formResponsive .formHorizontal .rsform-block {
    margin: 0;
    text-align: center;
}

.container-top-b .formResponsive .formHorizontal .formControlLabel {
    float: none;
    width: auto;
    padding: 0 0 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.container-top-b .formResponsive .formHorizontal .formControls { margin-left: 0; }
.container-top-b .formResponsive .formBody { display: block; float: none; }

.container-top-b .formResponsive input[type='email'] {
    box-sizing: border-box;
    width: 320px;
    max-width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid #b8bec6;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font: 400 14px/20px 'Open Sans', sans-serif;
    box-shadow: none;
}

.container-top-b .formResponsive input[type='email']::placeholder { color: #8a9099; opacity: 1; }

.container-top-b .formResponsive input[type='email']:focus {
    border-color: #1fa2d6;
    outline: 3px solid rgba(31, 162, 214, .35);
    outline-offset: 0;
}

.container-top-b .formResponsive input[type='email'].rsform-error,
.container-top-b .formResponsive input[type='email'][aria-invalid='true'] {
    border-color: #c0392b;
    outline: 3px solid rgba(192, 57, 43, .2);
}

.container-top-b .formResponsive .formValidation { display: block; margin: 0; }
.container-top-b .formResponsive .formNoError { display: none; }

.container-top-b .formResponsive .formError,
.container-top-b .formResponsive .formRed {
    display: block;
    margin: 6px 0 0;
    color: #c0392b;
    font-size: 13px;
    line-height: 18px;
}

.container-top-b .formResponsive .rsform-block-inscription { margin-top: 16px; }

.container-top-b .formResponsive button[type='submit'],
.container-top-b .formResponsive .rsform-submit-button {
    box-sizing: border-box;
    min-width: 120px;
    height: 48px;
    margin: 0;
    padding: 0 24px;
    border: 0;
    border-radius: 4px;
    background: #0074cc;
    color: #fff;
    font: 600 14px/20px 'Open Sans', sans-serif;
    cursor: pointer;
}

.container-top-b .formResponsive button[type='submit']:hover { background: #005fa8; }

.container-top-b .formResponsive button[type='submit']:focus-visible {
    outline: 3px solid rgba(31, 162, 214, .5);
    outline-offset: 2px;
}

/* ---- Content ---- */
body.site main { display: block; margin: 0; padding: 0; }

body.site main h1, body.site main h2, body.site main h3,
body.site main h4, body.site main h5, body.site main h6 {
    margin: 0 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #444;
    text-transform: none;
}

body.site main h1 { font-size: 40px; line-height: 50px; }
body.site main h2 { font-size: 32px; line-height: 40px; }
body.site main h3 { font-size: 24px; line-height: 30px; }
body.site main h4 { font-size: 18px; line-height: 24px; }
body.site main h5 { font-size: 14px; line-height: 20px; }
body.site main h6 { font-size: 12px; line-height: 18px; }

/* Article titles: 36/42 light blue, wherever Joomla puts them (page header or blog item) */
body.site main .page-header { margin: 0; padding: 0; border: 0; }
body.site main .page-header h1,
body.site main .page-header h2,
body.site main .item-content > h1,
body.site main .item-content > h2 {
    margin: 0 0 20px;
    color: #52b4df;
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
}

body.site main .page-header h1 a,
body.site main .page-header h2 a { color: inherit; text-decoration: none; }

body.site main p, body.site main ul, body.site main ol,
body.site main dl, body.site main blockquote, body.site main pre,
body.site main address, body.site main fieldset, body.site main figure { margin: 0 0 20px; }

body.site main ul, body.site main ol { padding-left: 30px; }
body.site main li > ul, body.site main li > ol { margin: 0; }
body.site main hr { box-sizing: content-box; height: 0; margin: 20px 0; border: 0; border-top: 1px solid #ddd; opacity: 1; }
body.site main strong, body.site main b { font-weight: bold; }
body.site main iframe { border: 0; }

body.site main .com-content-article,
body.site main .item-page { margin: 0; padding: 0; }

body.site main .com-content-article__body > :last-child,
body.site main .item-content > :last-child { margin-bottom: 0; }

body.site main .readmore { margin: 0 0 20px; }
body.site main .readmore a,
body.site main .readmore .btn {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #1fa2d6;
    font: inherit;
    text-decoration: none;
}

body.site main .readmore a:hover { color: #0074a2; text-decoration: underline; }
body.site main .readmore [class^='icon-'], body.site main .readmore [class*=' icon-'] { display: none; }

/* Featured blog: two leading articles, then the introductions in two columns */
body.site main .blog-featured { margin: 0; }
body.site main .blog-items { display: block; margin: 0; padding: 0; }
body.site main .blog-item { margin: 0; padding: 0; }
body.site main .blog-item .item-content { margin: 0; padding: 0; }

body.site main .items-leading .blog-item + .blog-item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
}

body.site main .items-leading { padding-bottom: 30px; border-bottom: 1px solid #ddd; }

body.site main .items-leading + .blog-items { margin-top: 25px; }

body.site main .blog-items[class*='columns-'] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;
}

@media (min-width: 768px) {
    body.site main .blog-items.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1220px) {
    body.site main .items-leading + .blog-items { margin-top: 35px; }
    body.site main .blog-items[class*='columns-'] { gap: 35px; }
}

/* ---- UIkit 2 classes kept in article bodies ---- */
body.site main .uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px -25px;
    padding: 0;
    list-style: none;
    row-gap: 25px;
}

body.site main .uk-grid > * { flex: none; box-sizing: border-box; width: 100%; margin: 0; padding-left: 25px; }
body.site main .uk-grid > * > :last-child { margin-bottom: 0; }
body.site main .uk-grid + .uk-grid { margin-top: 25px; }

@media (min-width: 1220px) {
    body.site main .uk-grid { margin-left: -35px; row-gap: 35px; }
    body.site main .uk-grid > * { padding-left: 35px; }
    body.site main .uk-grid + .uk-grid { margin-top: 35px; }
}

@media (min-width: 768px) {
    body.site main [class*='uk-push-'] { position: relative; }
    body.site main .uk-push-1-4 { left: 25%; }
    body.site main .uk-push-1-3, body.site main .uk-push-2-6 { left: 33.333%; }
    body.site main .uk-width-medium-1-2 { width: 50%; }
}

@media (min-width: 960px) {
    body.site main .uk-width-large-1-4 { width: 25%; }
}

/* data-uk-grid-match: equal-height panels per row */
body.site main .uk-grid > *:has(> .uk-panel) { display: flex; flex-wrap: wrap; align-content: flex-start; }
body.site main .uk-grid > * > .uk-panel { flex: none; box-sizing: border-box; width: 100%; }

body.site main .uk-panel { display: block; position: relative; }
body.site main .uk-panel::before, body.site main .uk-panel::after { content: ''; display: table; }
body.site main .uk-panel::after { clear: both; }
body.site main .uk-panel > :last-child { margin-bottom: 0; }

body.site main .uk-panel-box {
    padding: 20px;
    background: #fafafa;
    color: #444;
    border: 0;
    border-radius: 0;
}

body.site main .uk-panel-box h3 { margin: 0 0 20px; font-size: 15px; line-height: 20px; font-weight: 600; margin-bottom: 0; }
body.site main .uk-panel-box h4 { margin: 10px 0; font-size: 14px; line-height: 14px; font-weight: 600; }
body.site main .uk-panel-box img { max-width: 140px; }
body.site main .uk-text-center { text-align: center !important; }

body.site main .uk-button {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    min-height: 30px;
    padding: 0 12px;
    background: #f7f7f7 linear-gradient(to bottom, #fff, #eee);
    background-origin: border-box;
    color: #444;
    font: inherit;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    border-radius: 4px;
}

body.site main .uk-button:hover, body.site main .uk-button:focus {
    background: #fafafa;
    color: #444;
    outline: none;
    text-decoration: none;
}

body.site main .uk-button:focus-visible { outline: 2px solid #52b4df; outline-offset: 2px; }

/* ---- Accordions (replace Widgetkit 1): details/summary, user.js animates 500 ms ---- */
.ffee-accordion { max-width: 100%; margin: 0 0 -10px; }
.ffee-accordion::after { content: ''; display: table; clear: both; }
.ffee-accordion-item { display: block; margin: 0; padding: 0; }

.ffee-accordion-title {
    display: block;
    box-sizing: content-box;
    margin: 0 0 10px;
    padding: 7px;
    list-style: none;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f5f5f5 linear-gradient(to bottom, #fafafa 0%, #f5f5f5 100%);
    box-shadow: 0 1px 0 #fff inset;
    color: #444;
    font: 300 24px/30px 'Open Sans', sans-serif;
    text-shadow: 0 1px 0 #fff;
}

.ffee-accordion-title::-webkit-details-marker { display: none; }
.ffee-accordion-title::marker { content: ''; }
.ffee-accordion-title:focus-visible { outline: 2px solid #52b4df; outline-offset: 2px; }

.ffee-accordion-content { box-sizing: border-box; overflow: hidden; padding: 10px; }
.ffee-accordion-content::after { content: ''; display: table; clear: both; }
.ffee-accordion-content > :first-child { margin-top: 0; }

/* ---- Footer: border-top, centred, 25px empty-panel space below, chevron top right ---- */
body.site .container-footer {
    position: relative;
    margin: 25px 0 10px;
    padding: 0 0 25px;
    border-top: 1px solid #ddd;
    background: none;
    color: #444;
    text-align: center;
}

@media (min-width: 1220px) {
    body.site .container-footer { margin-top: 35px; }
}

body.site .container-footer .mod-custom > :last-child { margin-bottom: 0; }
body.site .container-footer p { margin: 0; }

.ffee-totop {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    color: #444;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    transition: all linear .05s;
}

body.site .ffee-totop { color: #444; }
.ffee-totop::after { content: '\f077'; font-family: 'FFEE Icons', 'Font Awesome 6 Free', FontAwesome, sans-serif; font-weight: 900; }
body.site .ffee-totop:hover, body.site .ffee-totop:focus { color: #777; font-size: 16px; outline: none; text-decoration: none; }
body.site .ffee-totop:focus-visible { outline: 2px solid #52b4df; }
body.site .ffee-totop:active { color: #111; font-size: 11px; }

/* ---- Cookie bar (home): informational, fixed to the bottom, black 90 % ---- */
.ffee-cookiebar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 16777270;
    box-sizing: content-box;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    padding: 10px 0;
    background: rgba(0, 0, 0, .902);
    border-style: solid;
    border-width: 1px 0;
    border-color: #fff;
    box-shadow: 0 0 40px #444;
    color: #fff;
    text-align: center;
    text-shadow: none;
}

.ffee-cookiebar[hidden] { display: none; }
.ffee-cookiebar h2, .ffee-cookiebar p { float: none; margin: 4px 0; padding: 0; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 1.2em; }
.ffee-cookiebar h2 { font-weight: bold; }

.ffee-cookiebar .ffee-cookie-more {
    float: none;
    padding: 0;
    border: 0;
    background: none;
    color: #0089f2;
    font: inherit;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.ffee-cookiebar .ffee-cookie-accept {
    display: block;
    box-sizing: content-box;
    width: 114px;
    margin: 5px auto;
    padding: 3px;
    border: 0;
    border-radius: 3px;
    background: linear-gradient(#0089f2 0%, #0072ca 100%);
    color: #fff;
    cursor: pointer;
    font: 400 14px/20px 'Open Sans', sans-serif;
    text-shadow: 1px 1px 0 #0072ca;
}

.ffee-cookiebar .ffee-cookie-accept:hover { box-shadow: 0 0 15px #000; }
.ffee-cookiebar button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.ffee-cookie-info {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 16777271;
    box-sizing: border-box;
    width: 700px;
    max-width: calc(100% - 30px);
    height: 304px;
    max-height: calc(100% - 30px);
    margin: -182px 0 20px -350px;
    padding: 30px;
    background: #fff;
    border: 1px solid #999;
    box-shadow: 0 0 40px #444;
    color: #000;
    text-align: left;
}

.ffee-cookie-info[hidden] { display: none; }

@media (max-width: 760px) {
    .ffee-cookie-info { left: 15px; margin-left: 0; }
}

.ffee-cookie-info-text { box-sizing: border-box; height: 254px; overflow: auto; padding-right: 10px; }
.ffee-cookie-info-text p { margin: 0 0 20px; color: #000; font-size: 12px; line-height: 20px; text-align: left; }

.ffee-cookie-info-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
    border-radius: 16px;
    background: #a00;
    color: #fff;
    cursor: pointer;
    font: bold 18px/25px sans-serif;
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .ffee-offcanvas-bar, html.ffee-drawer-open body.site { transition: none; }
    .ffee-navbar-nav > li.ffee-open > .ffee-dropdown { animation: none; }
}