/*--*/
/*--- EBSI PROD 26-04-2023 ---*/
/*--*/
/*--- REBOOT CONFLUENCE ---*/
/*responsive*/
#main-content *, #custom-content-header *, #custom-content-footer * { box-sizing: border-box;}
/*remove header/h1/likes/comments/recently updated*/
#title-text, .page-metadata, #likes-and-labels-container, #comments-section, #main-header-placeholder { display: none !important;}
/*header*/
#main-header { margin-bottom: 50px;}
/*main*/
#main.aui-page-panel { margin-top: 0 !important; border:none;}
#full-height-container { background-color: white !important;}
/*main content*/
#main-content { margin-top:-20px;}
#main-content, #main #content { margin-bottom: -15px; padding-right: 0;}
/*HACK to contain overflow image*/
#main #content.page { overflow: hidden;}
/*sidebar*/
#main { margin: 0 !important; padding:0;}
.ia-fixed-sidebar { width: 0 !important;}
.ia-splitter-handle { display: none;}
.acs-side-bar { display: none;}
/*footer*/
#footer { display:none;}
/*container center wiki*/
#header-main, #main-content {margin-right:auto !important; margin-left:auto !important; max-width: 1920px;}
#title-text, #likes-and-labels-container, #comments-section, .container { max-width: 1140px !important; margin:0 auto;}
.container-lg { max-width: 1400px !important; margin:0 auto;}
@media screen and (min-width: 1920px) {
#title-text, #likes-and-labels-container, #comments-section, .container { max-width: 1320px !important;}
}
/*--- SECTION ---*/
.section {padding:3rem 1.5rem;}
/*--- COLUMN ---*/
.cols { margin-left: -1rem; margin-right: -1rem; margin-top: -1rem;}
.cols:last-child { margin-bottom: -1rem;}
.cols:not(:last-child) { margin-bottom: calc(2rem - 1rem);}
.cols > div {display: block;flex-basis: 0;flex-grow: 1;flex-shrink: 1;padding: 1rem;}
@media screen and (min-width: 769px), print {
.cols:not(.is-desktop) {
display: flex;
}
.cols > .col-1 { flex: none; width: 8.333333%;}
.cols > .col-2 { flex: none; width: 16.666667%;}
.cols > .col-3 { flex: none; width: 25%;}
.cols > .col-4 { flex: none; width: 33.333333%;}
.cols > .col-5 { flex: none; width: 41.666667%;}
.cols > .col-6 { flex: none; width: 50%;}
.cols > .col-7 { flex: none; width: 58.333333%;}
.cols > .col-9 { flex: none; width: 75%;}
.cols > .col-8 { flex: none; width: 66.666667%;}
.cols > .col-10 { flex: none; width: 83.333333%;}
.cols > .col-11 { flex: none; width: 91.666667%;}
.cols > .col-12 { flex: none; width: 100%;}
}
/*column mobile*/
.cols.mobile { display: flex;}
/*column gap*/
.cols.gap-lg { margin-left: -2rem; margin-right: -0.75rem; margin-top: -2rem;}
.cols.gap-lg:last-child { margin-bottom: -2rem;}
.cols.gap-lg:not(:last-child) { margin-bottom: calc(4rem - 2rem);}
.cols.gap-lg > div {display: block;flex-basis: 0;flex-grow: 1;flex-shrink: 1;padding: 2rem;}
/*--- ICO ---*/
.ico-next-to { display: flex;}
.ico-next-to span { align-items: center; display: inline-flex; justify-content: center;}
.ico-next-to img { margin-right: 0.5rem; width: 24px; height: 24px;}
/*--- IMAGE ---*/
.img-fluid { max-width: 100%; height: auto;}
.img-center {margin-left: auto; margin-right: auto; display: block;}
.img-left {margin-left: 0; margin-right: auto; display: block;}
.img-right {margin-left: auto; margin-right: 0; display: block;}
/*--- LINK ---*/
#custom-content-header a, #custom-content-header a:hover, #custom-content-header a:active, #custom-content-header a:visited,
#custom-content-footer a, #custom-content-footer a:hover, #custom-content-footer a:active, #custom-content-footer a:visited,
.wiki-content a, .wiki-content a:link, .wiki-content a:hover, .wiki-content a:active, .wiki-content a:visited { color:#1D0D34; transition: 0s;}
#custom-content-footer a, .wiki-content a, .wiki-content a:link { text-decoration: underline;}
#custom-content-footer a:hover, .wiki-content a:hover { text-decoration: none; transition: all 0.4s;}
#custom-content-header a:focus,
#custom-content-footer a:focus,
.wiki-content a:focus { outline: 2px dashed #1D0D34; outline-offset: 2px;}
/*link cta*/
.link-cta { display: inline-block !important; margin-right: 38px; position: relative;}
.link-cta span { display:inline-block; position:relative; text-decoration: underline;}
.link-cta span:hover { text-decoration: none;}
.link-cta span:after { position: absolute; top: 2px; right: -30px; content: ""; width: 20px; height: 20px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-east-primary.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
.link-cta:hover span:after { transform: translateX(5px);}
/*link cta custom color*/
.link-cta.text-secondary span:hover { color: #B21C80;}
.link-cta.text-secondary span:active { color: #CD1D8B;}
.link-cta.text-secondary span:after { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-east-secondary.svg") left no-repeat; background-size: 20px;}
/*link external*/
.link-external { display: inline-block !important; margin-right: 18px; position: relative;}
.link-external:after { position: absolute; top: 0; right: -20px; content: ""; width: 18px; height: 18px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new.svg") left no-repeat; background-size: 18px;}
.primary-bg .link-external:after { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new-white.svg") left no-repeat;}
/*link download*/
.link-download { display: inline-block !important; margin-left: 20px; position: relative;}
.link-download span { display:inline-block; position:relative; text-decoration: underline;}
.link-download span:hover { text-decoration: none;}
.link-download span:after { position: absolute; top: 2px; left: -30px; content: ""; width: 20px; height: 20px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-file-download-primary.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
.link-download:hover span:after { transform: translateY(5px);}
/*link cta custom color*/
.link-download.text-secondary span:after { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-file-download-secondary.svg") left no-repeat; background-size: 20px;}
/*link image*/
a.link-img { display: inline-block !important; padding:2px !important; line-height: 0; border: 0 !important;}
a.link-img:hover { outline: 2px solid black; outline-offset: 2px; background-color: transparent !important; filter:brightness(200%);}
a.link-img[target=_blank] { position: relative;}
a.link-img[target=_blank]:after { bottom:2px; right: 2px; background-color: white;}
/*--- TYPOGRAPHY ---*/
/*font face*/
@font-face { font-family: Source Sans Pro;
src: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468943917/SourceSansPro-Regular.ttf');
font-weight: 400;}
@font-face { font-family: Source Sans Pro SB;
src: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468943917/SourceSansPro-SemiBold.ttf');
font-weight: 600;}
@font-face { font-family: Source Sans Pro BL;
src: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468943917/SourceSansPro-Black.ttf');
font-weight: 900;}
#custom-content-header, #custom-content-footer,
.wiki-content h1, .wiki-content h2, .wiki-content h3, .wiki-content h4, .wiki-content h5, .wiki-content h6,
.wiki-content p, .wiki-content span, .wiki-content ul, .wiki-content ol { font-family: 'Source Sans Pro', sans-serif; font-weight:400;}
#custom-content-footer strong,
.wiki-content strong { font-family: 'Source Sans Pro SB', sans-serif; font-weight:600;}
.wiki-content .text-outline, .list-numeral li::before { font-family: 'Source Sans Pro BL', sans-serif;}
/*font size*/
html { font-size: initial;}
.wiki-content .display-1 { font-size: 78px;}
.wiki-content .display-2 { font-size: 72px;}
.wiki-content .display-3 { font-size: 66px;}
.wiki-content .display-4 { font-size: 60px;}
.wiki-content .display-5 { font-size: 54px;}
.wiki-content .display-6 { font-size: 48px;}
.wiki-content h1, .wiki-content .h1, #title-text { font-size:36px; line-height: 44px;}
.wiki-content h2, .wiki-content .h2 { font-size:30px; line-height: 38px;}
.wiki-content h3, .wiki-content .h3 { font-size:26px; line-height: 30px;}
.wiki-content h4, .wiki-content .h4 { font-size:22px; line-height: 26px;}
.wiki-content h5, .wiki-content .h5, .wiki-content p.lead {font-size:18px; line-height: 22px;}
.wiki-content h6, .wiki-content .h6,
#custom-content-header, #custom-content-footer, .wiki-content,
.wiki-content p, .wiki-content ul li, .wiki-content ol li, .wiki-content .text-reboot { font-size: 16px; line-height: 24px;}
@media screen and (min-width: 769px) {
.wiki-content .display-1 { font-size: 94px;}
.wiki-content .display-2 { font-size: 86px;}
.wiki-content .display-3 { font-size: 78px;}
.wiki-content .display-4 { font-size: 70px;}
.wiki-content .display-5 { font-size: 62px;}
.wiki-content .display-6 { font-size: 54px;}
.wiki-content h1, .wiki-content .h1, #title-text { font-size:42px; line-height: 52px;}
.wiki-content h2, .wiki-content .h2 { font-size:38px; line-height: 46px;}
.wiki-content h3, .wiki-content .h3 { font-size:28px; line-height: 36px;}
.wiki-content h4, .wiki-content .h4 { font-size:24px; line-height: 28px;}
.wiki-content h5, .wiki-content .h5, .wiki-content p.lead {font-size:20px; line-height: 24px;}
.wiki-content h6, .wiki-content .h6,
#custom-content-header, #custom-content-footer, .wiki-content,
.wiki-content p, .wiki-content ul li, .wiki-content ol li, .wiki-content .text-reboot { font-size: 16px; line-height: 24px;}
}
/*font spacing & color*/
#custom-content-footer h2, #custom-content-footer p, #custom-content-footer ul,
.wiki-content h1, .wiki-content h2, .wiki-content h3, .wiki-content h4, .wiki-content h5, .wiki-content h6, .wiki-content p, .wiki-content ul, .wiki-content ol { margin:0 0 1rem 0; color:#1D0D34;}
/*font color*/
.text-primary { color: #1D0D34 !important;}
.text-secondary { color: #CD1D8B !important;}
.text-terciary{ color: #00b3ef !important;}
.text-white { color: white !important;}
/*font outline color*/
.text-outline { color: transparent; line-height: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; }
.text-outline.primary { -webkit-text-stroke-color: #1D0D34;}
.text-outline.secondary { -webkit-text-stroke-color: #ff0179;}
.text-outline.terciary { -webkit-text-stroke-color: #00b3ef;}
.text-outline.white { -webkit-text-stroke-color: white;}
/*font deco*/
.heading-deco:after { margin-top:1rem; content: ''; display:block; height: 3px; width: 60px;}
.heading-deco.center:after { margin:1rem auto 0 auto;}
.heading-deco.primary:after { background-color: #1D0D34;}
.heading-deco.secondary:after { background-color: #ff0179;}
.heading-deco.terciary:after { background-color: #00b3ef;}
.heading-deco.white:after { background-color: #fff;}
/*--- BADGE ---*/
.badge { display: inline-block; padding:0.25rem 0.5rem; letter-spacing: 2px; border-radius: 6px;}
.badge.dot::before { content:'•'; padding-right:0.25rem; font-size: 120%;}
.badge.sm { padding: 3px 10px !important; font-size:80% !important;}
.badge.md { font-size:120% !important;}
/*--- BANNER QUOTE ---*/
.banner-quote { position:relative; margin:-9rem auto 3rem auto; padding: 2rem 4vw; width:90%; text-align: center; border-radius: 0px;}
.banner-quote h2 { margin-bottom: 0; font-family: 'Source Sans Pro', sans-serif;}
@media screen and (min-width: 769px) {
.banner-quote { width:70%;}
}
/*--- BUTTON ---*/
.wiki-content a.btn { display:inline-flex; justify-content: center; padding:0.75rem 1rem; min-width:120px !important; font-weight:normal; line-height:1.2em; text-decoration:none; border: 1px solid transparent; border-radius:30px; box-shadow: 0px 4px 8px rgba(0, 55, 100, 0.06);}
.wiki-content a.btn:hover { text-decoration: underline;}
.wiki-content a.btn:active { text-decoration: none;}
.wiki-content a.btn:focus { outline-width: 2px; outline-style: dashed; outline-offset: 2px;}
/*button color*/
.wiki-content a.btn.primary { color: white; background: #1D0D34; border-color:#1D0D34;}
.wiki-content a.btn.primary:hover { background: #4A3D5D; border-color:#1D0D34;}
.wiki-content a.btn.primary:active { background: #1D0D34; border-color:#1D0D34;}
.wiki-content a.btn.primary:focus { outline-color: #1D0D34;}
.wiki-content a.btn.secondary { color: white; background: #CD1D8B; border-color:#CD1D8B;}
.wiki-content a.btn.secondary:hover { background: #B21C80; border-color:#B21C80;}
.wiki-content a.btn.secondary:active { background: #CD1D8B; border-color:#FFB3D7;}
.wiki-content a.btn.secondary:focus { outline-color: #B21C80;}
.wiki-content a.btn.terciary { color: #1D0D34; background: #00b3ef; border-color:#00b3ef;}
.wiki-content a.btn.white { color: #1D0D34; background: #FFF; border-color:#FFF;}
.wiki-content a.btn.white:hover { background: #E8E7EB; border-color:#E8E7EB;}
.wiki-content a.btn.white:active { background: #FFF; border-color:#E8E7EB;}
.wiki-content a.btn.white:focus { outline-color: white;}
.wiki-content a.btn.primary.outline { color: #1D0D34; background: transparent; border-color:#1D0D34;}
.wiki-content a.btn.primary.outline:hover { background: #E8E7EB; border-color:#1D0D34;}
.wiki-content a.btn.primary.outline:active { background: transparent; border-color:#1D0D34;}
.wiki-content a.btn.primary.outline:focus { outline-color: #1D0D34;}
.wiki-content a.btn.secondary.outline { color: #CD1D8B; background: transparent; border-color:#CD1D8B;}
.wiki-content a.btn.secondary.outline:hover { color: #B21C80; background: #FFB3D7; border-color:#B21C80;}
.wiki-content a.btn.secondary.outline:active { background: transparent; border-color:#CD1D8B;}
.wiki-content a.btn.white.outline { color: white; background: transparent; border-color:white;}
.wiki-content a.btn.white.outline:hover { background: rgba(255, 255, 255, 0.2); border-color:white;}
.wiki-content a.btn.white.outline:active { background: transparent; border-color:white;}
/*button with ico global*/
.wiki-content a.btn span { align-items: center; display: inline-flex; justify-content: center;}
/*button with ico cta (arrow)*/
.wiki-content a.btn span.ico-cta { margin-left: 0.5rem; width: 20px; height: 20px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-east-white.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
.wiki-content a.btn:hover span.ico-cta { transform: translateX(5px);}
.wiki-content a.btn.terciary span.ico-cta {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-east-primary.svg") left no-repeat; background-size: 20px;}
.wiki-content a.btn.white span.ico-cta {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-east-primary.svg") left no-repeat; background-size: 20px;}
.wiki-content a.btn.primary.outline span.ico-cta {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-east-primary.svg") left no-repeat; background-size: 20px;}
.wiki-content a.btn.secondary.outline span.ico-cta {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-east-secondary.svg") left no-repeat; background-size: 20px;}
.wiki-content a.btn.white.outline span.ico-cta {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-east-white.svg") left no-repeat; background-size: 20px;}
/*button with ico external (open in a new window)*/
.wiki-content a.btn span.ico-external {margin-left: 0.5rem; width: 20px; height: 20px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new-white.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
.wiki-content a.btn.primary.outline span.ico-external {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new-primary.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
.wiki-content a.btn.secondary.outline span.ico-external {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new-secondary.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
.wiki-content a.btn.terciary span.ico-external {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
/*button with ico arrow south */
.wiki-content a.btn span.ico-arrow-south { margin-left: 0.5rem; width: 20px; height: 20px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-arrow-south-white.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
.wiki-content a.btn:hover span.ico-arrow-south { transform: translateY(5px);}
/*button list*/
.btns .btn { margin:0 0.5rem 1rem 0;}
/*button external OLD*/
.btn .link-external { text-decoration:none;}
.btn:hover .link-external { text-decoration:underline;}
.btn.primary .link-external:after, .btn.white.outline .link-external:after { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new-white.svg") left no-repeat; background-size: 18px;}
.btn.primary.outline .link-external:after { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new.svg") left no-repeat; background-size: 18px;}
/*--- BOX ---*/
.box { display: block; padding: 1.50rem; background-color: white; border-radius: 30px;}
/*--- CARD ---*/
.card { position:relative; display: flex; -ms-flex-direction: column; flex-direction: column; height:100%; max-width: 100%; min-width: 0; word-wrap: break-word;}
/*card standard = equal height only for content*/
.card-content { background-color: transparent; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.5rem; min-height: 1px; background-color: white; border-radius: 30px;}
/*card button*/
.card-button .card-content { background-color: transparent; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.5rem; min-height: 1px; background-color: white; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom:0 !important;}
.card-button .card-footer { background-color: transparent; padding: 0 1.5rem 1.5rem 1.5rem; text-align: center; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.card-button .card-footer { border-top:0 !important;}
/*card multi-link*/
.card-multi-links .card-content { background-color: #F9F9F9; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.5rem 1.5rem 0 1.5rem; min-height: 1px; border: 1px solid #1D0D34; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom:0 !important;}
.card-multi-links .card-footer { background-color: white; border-top: 1px solid #ededed; align-items: stretch; display: flex; border: 1px solid #1D0D34; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.card-multi-links .card-footer-item { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: center; padding: 1.5rem;}
.card-multi-links .card-footer-item:not(:last-child) { border-right: 1px solid #1D0D34;}
/*card header*/
.card-header { position:relative; border-bottom: 1px solid #E3E2E6;}
.card-header .title { text-align: center;}
.card-header .logo { position:absolute; top:-62px; left: 10px; display: flex; justify-content: center; align-items: center; width:72px; height: 72px; background-color: white; border-radius:50px; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);}
.card-header .logo img { width:52px;}
/*card helpers*/
.card-ptb-0 .card-content{ padding-top: 0; padding-bottom: 0;}
.card-ptb-0 .card-footer { padding-bottom: 0;}
/*--- CARD GRID card-grid-footer will automatically line up ---*/
.card-grid { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100%!important; padding:1rem 2rem; background-color: white; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1); border-radius: 16px;}
.card-grid .card-grid-img { margin: -1rem -2rem 0.5rem -2rem; border-top-left-radius: 16px; border-top-right-radius: 16px;}
.card-grid .card-grid-img img { max-width:100%; border-top-left-radius: 16px; border-top-right-radius: 16px;}
.card-grid-footer p { margin-bottom: 0;}
@media screen and (min-width: 769px) {
.cards-grid { display: flex; flex-wrap: wrap;}
.card-grid-body { flex: 1 1 auto;}
}
/*--- COLLAPSE ---*/
.collapse-item { margin-bottom:1rem;}
.collapse h3 { position:relative; z-index:8; margin-bottom:0;}
.collapse h4 { margin-bottom:0;}
.collapse button { position:relative; background-color: white; box-shadow: 0px 0px 20px rgba(0, 55, 100, 0.1);}
.collapse button[aria-expanded="false"] {border-radius: 16px;}
.collapse button[aria-expanded="true"] {border-radius: 16px 16px 0 0;}
.collapse button:after { position:absolute; top:0; right:3.5rem; content:''; height: 100%; width: 1px; border-right:1px solid #E6ECF4;}
.collapse-item:hover button:after { border-right:1px solid #E3E2E6;}
.collapse button::-moz-focus-inner { border: 0;}
.collapse-trigger { display: block; padding:1rem 3rem 1rem 1rem; position: relative; text-align: left; width: 100%; color: #1D0D34; background-color: transparent; border-color: transparent; cursor: pointer; border-radius: 10px 10px 0px 0px; transition: all 0s;}
.collapse-trigger:hover { background-color: #FFE7F2; transition: all 0.4s;}
.collapse-trigger:focus { outline: 2px dashed #1D0D34; outline-offset: 2px;}
.collapse-title { display: block; pointer-events: none; outline: none;}
.collapse-trigger:focus .collapse-title { border-color: hsl(216, 94%, 73%);}
.collapse-icon { position: absolute; right: 1.25rem; top: 50%; height: 0.90rem; width: 0.90rem; border: solid #CD1D8B; border-width: 0 2px 2px 0; transform: translateY(-60%) rotate(45deg); -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;}
.collapse-trigger[aria-expanded="true"] .collapse-icon { transform: translateY(-50%) rotate(-135deg);}
.collapse-panel { position:relative; z-index:7; padding:1rem; color: #1D0D34; background-color: white; border-top: 1px solid #E6ECF4; display: block; -webkit-animation: collapse-slide .2s ease-out; -moz-animation: collapse-slide .2s ease-out; border-radius: 0px 0px 10px 10px; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1);}
.collapse-panel p, .collapse-panel a { color: #1D0D34 !important;}
.collapse-panel[hidden] { display: none;}
@-webkit-keyframes collapse-slide {
0% { opacity: 0; -webkit-transform: translateY(-100%);}
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes collapse-slide {
0% { opacity: 0; -moz-transform: translateY(-100%);}
100% { opacity: 1; -moz-transform: translateY(0);}
}
@media screen and (min-width: 768px) {
.collapse-trigger { padding:1rem 3rem 1rem 2rem;}
}
/*--- DATE ---*/
.date-day { display:inline-block; position:relative; margin:0}
.date-month { /*position: absolute;*/ right: 0; bottom: -10px; text-transform: uppercase; font-weight: normal;}
/*--- TIMELINE ---*/
.timeline { position: relative; margin: 0 auto; max-width: 600px;}
.timeline::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin-left: 3px; width: 3px; background-color: #1D0D34}
.timeline-container { position: relative; padding: 10px 40px; width: 100%; background-color: inherit;}
.timeline-container::after { z-index: 1; content: ''; position: absolute; top: 15px; left: -3px; width: 10px; height: 10px; background-color: #1D0D34; border-radius: 10px; border: 3px solid #1D0D34;}
.timeline-container::before { z-index: 1; position: absolute; top: 22px; left: 30px; content: " "; height: 0; width: 0;}
.timeline-content { position: relative; margin-bottom:20px;}
/*--- BORDER ---*/
.border-primary-10 { border: 1px solid #E3E2E6;}
/*--- DISPLAY ---*/
.d-block { display: block;}
.d-inline { display: inline;}
/*--- FLEX ---*/
.justify-content-start { -ms-flex-pack:start!important; justify-content:flex-start!important }
.justify-content-end { -ms-flex-pack:end!important; justify-content:flex-end!important}
.justify-content-center { -ms-flex-pack:center!important; justify-content:center!important}
.justify-content-between { -ms-flex-pack:justify!important; justify-content:space-between!important}
.justify-content-around { -ms-flex-pack:distribute!important; justify-content:space-around!important}
.align-items-center { align-items: center !important;}
/*--- ICO ---*/
.ico-conjunction { position:relative; padding-left: 34px;}
.ico-conjunction::before { content:''; position: absolute; left:0; height: 24px; width: 24px; background-repeat: no-repeat; background-size: cover;}
.ico-play-circle-white::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-outline_play_circle_white_48dp.png');}
.ico-schedule-white::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-outline_schedule_white_48dp.png');}
/*--- SCREEN READER ---*/
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.sr-only-focusable:active,
.sr-only-focusable:focus { position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal}
/*--- SHADOW ---*/
.shadow, .shadow-box .box {box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);}
/*--- SIZING ---*/
.w-50 { width:50%;}
.w-75 { width:75%;}
.w-xxxxs { width: 25px;}
.w-xxxs { width: 50px;}
.w-xxs { width: 75px;}
.w-xs { width: 100px;}
.w-sm { width: 125px;}
.w-md { width: 150px;}
.w-lg { width: 175px;}
.w-xl { width: 200px;}
.w-xxl { width: 225px;}
.w-xxxl { width: 250px;}
/*--- SPACING ---*/
.wiki-content .m0 { margin: 0;}
.wiki-content .mt-0 {margin-top:0;}
.wiki-content .mt-1 {margin-top:0.25rem;}
.wiki-content .mt-2 {margin-top:0.50rem;}
.wiki-content .mt-3 {margin-top:0.75rem;}
.wiki-content .mt-4 {margin-top:1rem;}
.wiki-content .mt-5 {margin-top:1.5rem;}
.wiki-content .mt-6 {margin-top:3rem;}
.wiki-content .mb-0 {margin-bottom:0;}
.wiki-content .pt-0 {padding-top:0;}
.wiki-content .pb-0 {padding-bottom:0;}
/*--- SCREEN READER ---*/
/*--------------------*/
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.sr-only-focusable:active,
.sr-only-focusable:focus { position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal}
/*--- LIST ---*/
.list-unstyled { list-style: none !important; padding: 0;}
.list-unstyled li:before { content: "\200B"; /* add zero-width space */}
.list-badge-check { padding:0;}
.list-badge-check li { display: inline-flex; list-style: none; margin:0 1rem 1rem 0; padding: 0.5rem 1.5rem; background: white; border-radius:30px; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);}
.list-badge-check li:before { content:""; display: inline-block; padding-right: 0.25rem;; width: 24px; height: 24px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-check.svg") no-repeat ; background-size: 24px 24px;}
.list-flag { padding: 0;}
.list-flag li { display: inline; margin: 0 0.25rem 0 0; list-style: none;}
.list-flag li img { width: 18px; border-radius: 30px;}
.list-radio-box { padding:0;}
.list-radio-box li { display: flex; list-style: none; margin-bottom: 0.75rem;}
.list-radio-box li:before { content:""; display: inline-block; padding-right: 0.25rem;; width: 24px; height: 24px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-check-box-outline.svg") no-repeat ; background-size: 24px 24px;}
.list-radio-box li.checked:before { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-check-box.svg") no-repeat ;}
.list-separator { /*display: flex;*/ list-style: none !important; padding: 0;}
.list-separator li { display: inline; margin-right: 1rem;}
.list-separator li:after { content: "|"; padding-left:1rem; color: #E3E2E6;}
.list-separator li:last-child:after { content: ""; padding-left:0;}
.list-numeral { padding:0;}
.list-numeral li { margin-bottom: 2rem; list-style:none; counter-increment: my-awesome-counter;}
.list-numeral li::before { content: "0" counter(my-awesome-counter); font-size: 2.4rem; font-weight: bold; line-height: 1; color: #00B3EF;}
/*--- TEXT ---*/
.text-left { text-align: left;}
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-lowercase { text-transform: lowercase;}
.text-uppercase { text-transform: uppercase;}
.text-capitalize { text-transform: uppercase;}
/*--- BACKGROUND NEED TO BE PLACE AFTER TEXT---*/
/*dark purple*/
.bg-primary { background-color: #1D0D34;}
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary p, .bg-primary ul, .wiki-content .bg-primary a { color: white;}
.bg-primary-10 { background-color: #E3E2E6;}
/*fluo pink*/
.bg-secondary { background-color: #ff0179;}
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary p, .bg-secondary ul, .wiki-content .bg-secondary a { color: #1D0D34;}
.bg-secondary-10 { background-color: #FFE7F2;}
/*fluo blue*/
.bg-terciary { background-color: #00b3ef;}
.bg-terciary h1, .bg-terciary h2, .bg-terciary h3, .bg-terciary h4, .bg-terciary p, .bg-terciary ul, .wiki-content .bg-terciary a { color: #1D0D34;}
.bg-terciary-10 { background-color: #E5F7FE;}
/*blue*/
.bg-terciary-dark { background-color: #004494;}
/*white*/
.bg-white{ background-color: white;}
/*grey*/
.bg-grey { background-color: #F6F6F6;}
.bg-grey-10 { background-color: #F9F9F9;}
/*gradient*/
.gradient-primary {background: linear-gradient(84deg, #00B3EF 7%, #004494 41%, #004494 63.9%, #FF0179 107.46%, #A31983 107.46%);}
.bg-gradient { background: rgb(0,179,239); background: linear-gradient(90deg, rgba(0,179,239,1) 0%, rgba(0,68,148,1) 50%, rgba(255,1,121,1) 100%);}
.bg-gradient h1, .bg-gradient h2 { color: white;}
/*colored bubbles background*/
@media screen and (min-width: 769px) {
.bubble-background-secondary {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/bubble-background-secondary.png") no-repeat; background-size: cover; background-position: center;}
.bubble-background-terciary {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267157/bubble-background-terciary.png") no-repeat; background-size: cover; background-position: center;}
.bubble-background-white {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/458686476/bubble-background-white.png") no-repeat; background-size: cover; background-position: center;}
.bubble-background-secondary-10 {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/474513483/bubble-background-secondary-10.png") no-repeat; background-size: cover; background-position: center;}
}
/*ebsi background */
.bg-ebsi {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/447687044/ebsi-background.svg") no-repeat; background-size: cover; background-position: center;}
.bg-blurred {background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/447687044/bg-blurred.png") no-repeat; background-size: cover; background-position: center;}
/*--- HEADER MAIN = BRANDING + NAV MAIN ---*/
#header-main { z-index:3; display: flex; justify-content: space-between; align-items: center; position:relative; margin:0; padding:1rem;}
@media screen and (min-width: 576px) {
#header-main { padding:1rem 1.5rem;}
}
/*--- LOGOS + BUTTON CONTACT ---*/
#ec-branding-header-main img { width: 110px;}
#branding-header-main { margin-left:0.25rem;}
#branding-header-main img { width: 80px;}
#header-main .btn { display: none;}
@media screen and (min-width: 576px) {
#ec-branding-header-main img { width: 160px;}
#branding-header-main img { width: 100px;}
}
@media screen and (min-width: 1360px) {
#ec-branding-header-main img { width: 200px;}
#branding-header-main img { width: 125px;}
#header-main .btn { display:inline-block !important; padding:0.75rem 1rem; line-height:1.2em; text-align:center; text-decoration:none; background: transparent; border:1px solid#1D0D34; border-radius:30px; box-shadow: none;}
#header-main .btn:hover { text-decoration:underline;}
}
/*--- NAV MAIN DESKTOP ---*/
#custom-content-header > p:last-child { display: none; border:1px solid red;}
#custom-content-header .nav-main a { font-weight: normal;}
.nav-main ul { margin: 0; padding: 0; list-style:none; }
/*nav main - branding mobile + burger - hide on desktop*/
.branding-header-main-mobile, .nav-main .hamburger-menu {display: none;}
/*nav main - first level*/
.nav-main ul.first-level { position:relative;}
.nav-main ul.first-level > li { display: block; float: left; margin-right: 2rem; padding: 1rem 0 1.5rem 0; transition: 0.5s;}
.nav-main ul.first-level > li:last-child {margin-right: 0;}
.nav-main ul.first-level > li:hover,
.nav-main ul.first-level > li:focus-within { cursor: pointer;}
.nav-main ul.first-level > li a { text-decoration: none !important; color:#1D0D34;}
#custom-content-header .nav-main ul.first-level > li:hover a { color:#ff0179;}
#custom-content-header .nav-main ul.first-level > li:hover .second-level a { color:inherit;}
.nav-main ul.first-level > li a[aria-haspopup="true"]:after { content:""; color: #1D0D34; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-expand-more-primary.svg"); position: relative; padding-right: 24px; background-size: 18px 18px; background-repeat: no-repeat; background-position: right;}
.nav-main ul.first-level > li:hover a[aria-haspopup="true"]:after { content:""; color: #1D0D34; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-expand-less-secondary.svg"); position: relative; padding-right: 24px; background-size: 18px 18px; background-repeat: no-repeat; background-position: right;}
/*nav main - second level - hide second level on desktop*/
.nav-main ul.first-level li:hover > .second-level, .nav-main ul.first-level li:focus-within > .second-level, .nav-main .second-level:hover,
.nav-main .second-level:focus { visibility: visible; opacity: 1; display: block;}
/*nav main - second level*/
.nav-main .second-level {position: absolute; top: 2.75rem; left: 0; visibility: hidden; opacity: 0; display: none; padding: 1.25rem; margin-top: 0.5rem; width: 45vw; text-align:left; background-color: white; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); border-radius:10px;}
.nav-main .one-col { position: relative;}
.nav-main .one-col .second-level { width: 320px;}
.nav-main .second-level li a { position: relative; display: block; padding: 0.5rem 0.5rem 0.5rem 2.5rem; width:100%; border-radius: 10px; transition: 0.5s;}
.nav-main .second-level li a.link-external:after { right: 0;}
.nav-main .second-level li a:hover { background-color: #E5F7FE;}
.nav-main .second-level li a:before { content: ""; position: absolute; top:0.75rem; left: 0.5rem; width: 24px; height: 24px; background-size: 24px!important; background-position: center!important; background-repeat: no-repeat!important;}
.nav-main .second-level li.second-level-about-us a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-about-us.svg);}
.nav-main .second-level li.second-level-become-conformant a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-become-conformant.svg);}
.nav-main .second-level li.second-level-conformant-wallets a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-conformant-wallets.svg);}
.nav-main .second-level li.second-level-early-adopters-programme a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-early-adopters-programme.svg);}
.nav-main .second-level li.second-level-events a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-events.svg);}
.nav-main .second-level li.second-level-grants a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-grants.svg);}
.nav-main .second-level li.second-level-news a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-news.svg);}
.nav-main .second-level li.second-level-use-cases a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-use-cases.svg);}
.nav-main .second-level li.second-level-node-operators a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-node-operators.svg);}
.nav-main .second-level li.second-level-vcs-playbook a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-vcs-playbook.svg);}
.nav-main .second-level li.second-level-what-is-ebsi a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-what-is-ebsi.svg);}
.nav-main .second-level li.second-level-sandbox-project a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-sandbox-project.svg);}
.nav-main .second-level li.second-level-verifiable-credentials a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-verifiable-credentials.svg);}
.nav-main .second-level li.second-level-developers-hub a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-developer-hub.svg);}
.nav-main .second-level li.second-level-documentation a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-documentation.svg);}
.nav-main .second-level li.second-level-apis a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-api.svg);}
.nav-main .second-level li.second-level-libraries a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-libraries.svg);}
.nav-main .second-level li.second-level-tools a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-tools.svg);}
.nav-main .second-level li.second-level-funding a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-funding.svg);}
.nav-main .second-level li.second-level-no-secure-space a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-no-secure-space.svg);}
.nav-main .second-level li.second-level-no-community a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-no-community.svg);}
.nav-main .second-level li.second-level-learn-hub a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-learn-hub.svg);}
.nav-main .second-level li.second-level-get-started a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-get-started.svg);}
.nav-main .second-level li.second-level-domains a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-domains.svg);}
.nav-main .second-level li.second-level-choose-wallet a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-choose-wallet.svg);}
.nav-main .second-level li.second-level-explained-series a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-ebsi-explained.svg);}
.nav-main .second-level li.second-level-success-stories a:before { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-success-stories.svg);}
.nav-main .second-level li:hover a { text-decoration: underline !important; }
.nav-main .second-level li a .second-level-title { font-weight: bold; font-size: 110%;}
.nav-main .second-level li a .second-level-text { display:block; opacity:0.75;}
.nav-main .second-level li a .second-level-text.restricted-access { position: relative; padding-left:1.5rem; opacity: 0.5;}
.nav-main .second-level li a .second-level-text.restricted-access:before { content:""; display:inline-block; position:absolute; top:0.25rem; left:0; height:24px; width:24px; background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-padlock-primary.svg) no-repeat; background-size: 18px;}
/*--- NAV MAIN MOBILE ---*/
@media screen and (max-width: 1359px) {
.nav-main ul {display: none;}
/*put on top layer logos + button menu*/
#ec-branding-header-main, #branding-header-main { z-index: 101; position: relative; }
/*nav main mobile - burger*/
.nav-main a.hamburger-menu { position: absolute; top:1.25rem; right:1rem; display: block; padding: 0.50rem 0.75rem; text-decoration:none; background-color: white; border: 1px solid #1D0D34; border-radius:25px;}
.nav-main.mobile a.hamburger-menu {}
.nav-main a.hamburger-menu:after { content:"Menu"; color: #1D0D34; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-hamburger-primary.svg");}
.nav-main.mobile a.hamburger-menu:after { content:"Menu"; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-close-primary.svg");}
.nav-main a.hamburger-menu:after,
.nav-main.mobile a.hamburger-menu:after { position: relative; padding-right: 28px; background-size: 24px 24px; background-repeat: no-repeat; background-position: right;}
/*nav main mobile*/
.nav-main.mobile { z-index: 100; position: absolute; top:0; left: 0; margin:0; width: 100%; height:100vh; transition-duration: 0.5s; background-color: rgba(10, 10, 10, 0.3);}
/*nav main mobile - first level*/
.nav-main.mobile ul.first-level { display:block; float:right; margin: 5rem 1rem 1rem 1rem; padding: 2rem; min-height: 20vh; width: 60%; background-color: white; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); border-radius:10px;}
.nav-main.mobile ul.first-level > li { display: block !important; float: none; margin: 0; padding: 0; text-align: left; border:none;}
.nav-main.mobile ul.first-level > li a { display: inline-block; padding: 1rem 0;}
/*nav main mobile - second level*/
.nav-main.mobile .second-level { position: relative; top:0; margin-top: 0; padding: 0; width: 100%; background-color: transparent; box-shadow: none;}
.nav-main.mobile .second-level ul { display: block;}
.nav-main.mobile .second-level ul li a { position: relative; padding: 0.5rem 0.5rem 0.5rem 2.5rem;}
}
@media screen and (max-width: 768px) {
.nav-main.mobile ul.first-level { padding: 2rem 1.5rem; width: 80%;}
.nav-main.mobile .second-level .col-6 { padding-top: 0; padding-bottom: 0;}
}
@media screen and (max-width: 576px) {
.nav-main.mobile ul.first-level { padding: 1rem; width: 92%;}
.nav-main a.hamburger-menu { top:0.80rem; right:1rem;}
}
/*--- FOOTER MAIN = BRANDING + NAV FOOTER + NAV LEGAL ---*/
#footer-main { padding: 3rem 1rem; text-align: left; background-color: #fff;}
#footer-main .restricted-access { display: inline-block !important; position: relative;}
#footer-main .restricted-access:before { position: absolute; top: 2px; right: -20px; content: ""; width: 16px; height: 20px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-lock-restricted.svg") right no-repeat; background-size: 14px;}
#branding-footer-main-depreceated img { margin-bottom:1rem; width:180px;}
#branding-footer-main img { margin-bottom: 1rem; width: 100px; }
#footer-main .social-media li { margin-right: 1rem;}
.social-media { margin-top:2rem !important; padding: 0;}
.social-media li { display: inline; margin-right: 0.5rem;}
#nav-footer_privacy_statement { max-width: 240px; }
#footer-main h2 { margin-bottom: 0.50rem;}
#footer-main .btn { display:inline-flex; justify-content: center; align-items: center; padding:0.50rem 1rem; min-width:120px !important; font-weight:normal !important; text-decoration:none; color: #1D0D34; background: transparent; border: 1px solid #1D0D34; border-radius:30px; box-shadow: none;}
#footer-main .btn:hover { text-decoration: underline;}
#footer-main .btn span.ico-external {margin-left: 0.5rem; width: 20px; height: 20px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new.svg") left no-repeat; background-size: 20px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease;}
/* subscribe section Footer */
#subscribe-footer-main { height: auto!important; display: flex; flex-direction: column; justify-content: space-around; align-items: baseline; padding: 1.5rem; max-width: 560px;}
@media screen and ( max-width: 692px) {
#subscribe-footer-main { margin-left: 1rem; margin-right: 1rem;}
}
#subscribe-footer-main .secondary { color: white!important; background: #cd1d8b; border-color: #cd1d8b; }
#subscribe-footer-main strong { font-size: 18px; }
#subscribe-footer-main .ico-external { background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new-white.svg) left no-repeat!important; width: 20px!important; height: 20px!important; background-size: 20px!important; }
#footer-links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
#footer-links h2 { font-size: 18px; }
#footer-links span { text-decoration: underline; }
#footer-links span:hover { text-decoration: none; }
#footer-links .link-external:after { right: -23px; top: 3px; }
#footer-links li { margin-bottom: 20px; }
/*nav-footer*/
.nav-footer ul { margin-bottom:1.75rem !important; padding: 0; list-style: none;}
.nav-footer ul li { margin-bottom:0.50rem;}
.nav-footer ul li a:hover { color: #4A3D5D !important;}
/*nav-legal*/
.nav-legal { width: 100%; text-align: center; border-top:1px solid #E3E2E6; border-bottom:1px solid #E3E2E6;}
.nav-legal ul { margin: 1rem 0 !important; padding:0 1rem;}
.nav-legal ul li { display: inline; margin-right: 2rem;}
.nav-legal ul li:last-child { margin-right: 0;}
.nav-legal ul li a:hover { color: #4A3D5D !important;}
/*header toggle confluence*/
.confluence-admin { text-align: right; }
#header-toggle { }
#header-toggle-depreceated { position: relative; display: inline-block; padding:0.50rem 2rem 0.50rem 1.25rem; height: 42px; font-weight:normal !important; text-decoration:none !important;; border: 1px solid #1D0D34; border-radius:30px; box-shadow: none;}
#header-toggle:hover { text-decoration:underline !important;}
#header-toggle-depreceated:after { padding:0.25rem; content:""; position: absolute; top:0.50rem; right: 0.50rem; width: 16px; height: 16px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-full-primary.svg") no-repeat; background-size: 16px; background-position: center; border-radius:50%}
/*--- SPECIFIC STYLE ---*/
/*glossary*/
.glossary { }
.glossary table { width: 100% !important;}
.glossary th {background-color: #E3E2E6 !important;}
.glossary th, .glossary td { border:1px solid #E3E2E6;}
.glossary th span, .glossary td, .glossary td * { color:#1D0D34 !important;}
.glossary h4 { font-size: 1rem; margin-bottom:0;}
/*service*/
.service h2:first-child { margin-top:0; }
.service h2 { margin-top:3rem; }
/*event*/
.event-speaker img { width: 150px; height: 150px; border-radius:50%;}
.event-speaker div:hover img { filter:brightness(200%);}
.event-speaker .expand-control-text { color: inherit; font-weight: bold; text-decoration: underline;}
/*on horseback*/
.on-horseback { position:relative; margin:-9rem auto 3rem auto; width:90%;}
@media screen and (min-width: 769px) {
.on-horseback { width:75%;}
}
/*introduction*/
.home-introduction .cols > div { margin-top:6vh; margin-bottom:6vh;}
.introduction-cigle { position: relative;}
.introduction-cigle:before { z-index: 1; content: ""; position:absolute; top:25vh; left:0; width: 50%; height: 80vh; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/cigle-half-left.svg") no-repeat; background-size: contain; background-position:bottom left;}
.introduction-cigle:after { z-index: 1; content: ""; position:absolute; top:-5vh; right:0; width: 50%; height: 80vh; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/cigle-half-right.svg") no-repeat; background-size: contain; background-position:bottom right;}
/*--- SECTION DUAL-PILL ---*/
.dual-pill-before .cols { z-index:3; position:relative;}
.dual-pill { padding-bottom:0;}
.dual-pill .container { position: relative;}
.dual-pill .cols { z-index: 2; position: relative; padding-top: 3rem; padding-bottom:3rem;}
.dual-pill .dual-pill-bg { display: block; z-index: 1; position:absolute; bottom: 0; left:-100%; width: 200%;}
.dual-pill .dual-pill-bg p { margin:0; line-height:0;}
.dual-pill .dual-pill-bg p img { margin:0; max-width: 100%; height: auto;}
@media screen and (min-width: 768px) {
.dual-pill .dual-pill-bg { left:-30%; width: 100%;}
}
@media screen and (min-width: 1360px) {
.dual-pill .dual-pill-bg { left:-30%; width: 75%;}
}
/*--- MACRO BUTTON ---*/
.wiki-content .aui-button,
.wiki-content .aui-button:visited,
.wiki-content a.aui-button { padding: .75rem 1rem; height: auto; min-width:120px; font-size:inherit; font-weight:normal; white-space: normal; word-wrap: break-word; text-align:center; border-radius: 0; border-radius: 30px;}
.wiki-content a.aui-button { color: #1D0D34; background-color: #FD0D79; border: 1px solid #FD0D79;}
.wiki-content a.aui-button:hover { text-decoration: underline !important;}
.wiki-content a.aui-button:focus { text-decoration: underline !important; border: 1px solid black;}
.wiki-content a.aui-button.aui-button-primary { color: white; background-color: #1D0D34; border: 1px solid #1D0D34;}
.wiki-content a.aui-button.aui-button-subtle { color:#1D0D34; background-color: transparent; border: 1px solid #1D0D34;}
.wiki-content a.aui-button.aui-button-subtle.white { color:white; background-color: transparent; border: 1px solid white;}
/*button external*/
.wiki-content a.aui-button[target=_blank]:after { display: inline-block; content: ""; width: 18px; height: 18px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new.svg") left no-repeat; background-size: 18px;}
.wiki-content a.aui-button.aui-button-primary[target=_blank]:after { display: inline-block; content: ""; width: 18px; height: 18px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new-white.svg") left no-repeat; background-size: 18px;}
.wiki-content a.aui-button.aui-button-subtle[target=_blank]:after { display: inline-block; content: ""; width: 18px; height: 18px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-open-in-new.svg") left no-repeat; background-size: 18px;}
/*--- MACRO EXPAND ---*/
.expand-container { margin:1rem 0; background-color: #fff; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);}
.expand-control { margin-bottom:0; padding:10px; border:1px solid #fff; }
.expand-control-text { margin-left:0.5rem; font-size: 1rem; color:#1D0D34; }
.expand-content { margin:0; padding: 0 1rem; border-top:1px solid #DBDBDB; border-bottom:1px solid #fff;}
/*--- MACRO SLIDER ---*/
.slider { position:relative; z-index:8; }
.slider .flickity-enabled { background-color: transparent; box-shadow:none;}
.slider .flickity-enabled.is-draggable { box-shadow:none;}
.slider .news-slider-root > div { padding:0;}
.slider .aui-item > div { margin:0; padding:0;}
.slider .aui-item { display:inline-block; padding:0 15px 10px 15px;}
.slider .aui-group>.aui-item { padding-top:0; padding-top:1rem; padding-bottom:2rem; width: 100%;}
.slider .aui-group>.aui-item+.aui-item { padding:0; width: 100%;}
.slider > ul { list-style: none; margin: 0; padding: 0;}
/*heading*/
.slider h2:first-child { display: none;}
/*arrow*/
.slider .flickity-button { top:35% !important; background-color: #FCECF2 !important; border-radius:50px !important;}
.slider .flickity-button:hover { background-color: #F0F4F5 !important;}
.slider .flickity-button:focus { outline: 2px dashed black; outline-offset: 2px; box-shadow: none;}
.slider .flickity-prev-next-button .flickity-button-icon { fill: rgb(0, 55, 100) !important;}
.slider .flickity-prev-next-button.previous { left: -15px;}
.slider .flickity-prev-next-button.next { right: -15px;}
/*dots*/
.slider .flickity-page-dots { position:relative; top:1rem !important; height:1rem; text-align: center !important;}
.slider .flickity-page-dots .dot { opacity: 1; height: 15px; width:15px; background: white !important; border:2px solid #1D0D34;}
.slider .flickity-page-dots .dot.is-selected { background: #1D0D34 !important; border:2px solid #1D0D34;}
.slider .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}
/*spotlight*/
.slider .slider-img { background-size:cover; background-position: top left; background-color: white; border-top-left-radius: 30px; border-bottom-left-radius: 30px; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);}
.slider .slider-content { padding:2rem; min-height: 270px; background-color: white; border-top-right-radius: 30px; border-bottom-right-radius: 30px; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);}
@media screen and (max-width: 600px) {
.slider .slider-img { height:160px;}
}
/*--- MACRO NEWS SLIDER COMPANIES LOGOS ---*/
/*.slider-companies-logos { position:relative; }
.slider-companies-logos .flickity-enabled { background-color: transparent; box-shadow:none;}
.slider-companies-logos .flickity-enabled.is-draggable { box-shadow:none;}
.slider-companies-logos .news-slider-root > div { padding:0;}
.slider-companies-logos .aui-item > div { margin:0; padding:0;}
.slider-companies-logos .aui-item { display:inline-block; padding:0 15px 10px 15px;}
.slider-companies-logos .aui-group>.aui-item { padding-top:0; padding-bottom:1rem; width: 100%;}
.slider-companies-logos .aui-group>.aui-item+.aui-item { padding:0; width: 100%;}*/
/*heading*/
/*.slider-companies-logos h2:first-child { display: none;}*/
/*images*/
/*.slider-companies-logos img { height: 60px;}*/
/*arrow*/
/*.slider-companies-logos .flickity-button { top:35% !important; background-color: #BDE4F5 !important; border-radius:10px !important;}
.slider-companies-logos .flickity-button:hover { background-color: #F0F4F5 !important;}
.slider-companies-logos .flickity-button:focus { outline: 2px dashed black; outline-offset: 2px; box-shadow: none;}
.slider-companies-logos .flickity-prev-next-button .flickity-button-icon { fill: rgb(0, 55, 100) !important;}
.slider-companies-logos .flickity-prev-next-button.previous { left: -15px;}
.slider-companies-logos .flickity-prev-next-button.next { right: -15px;}*/
/*dots*/
/*.slider-companies-logos .flickity-page-dots { position:relative; top:1rem !important; height:1rem; text-align: center !important;}
.slider-companies-logos .flickity-page-dots .dot { opacity: 1; height: 15px; width:15px; background: white !important; border:2px solid #1D0D34;}
.slider-companies-logos .flickity-page-dots .dot.is-selected { background: #1D0D34 !important; border:2px solid #1D0D34;}
.slider-companies-logos .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}*/
/*--- MACRO NEWS TEASER CARD ---*/
.news-teaser-card .news-teaser-root > div > div > div {display: inline-block; margin-top:1rem; box-shadow:none;}
.news-teaser-card .news-teaser-root .aui-group { display: block; background-color: #F9F9F9;}
.news-teaser-card .news-teaser-root .aui-group > div { margin:0; padding:0;}
.news-teaser-card .news-teaser-root a, .news-teaser-card .news-teaser-root a:link { display: inline-block; margin-bottom:1rem;}
.news-teaser-card .news-teaser-root a:hover { text-decoration: none;}
.news-teaser-card .news-teaser-root a img { margin-top:2px; padding:2px; line-height:0; outline: 2px solid transparent; outline-offset: 2px; }
.news-teaser-card .news-teaser-root a:hover img { outline: 2px solid black; }
.news-teaser-card .news-teaser-root a:focus img { outline: 2px dashed black;}
.news-teaser-card .news-teaser-root a h2 { font-size: 1.5rem !important;}
.news-teaser-card .news-teaser-root .aui-group span { font-size: initial; color: initial; text-transform: uppercase;}
.news-teaser-card .news-teaser-root > div > div:last-child { display:none;}
@media screen and (max-width: 600px) {
.news-teaser-card .news-teaser-root > div > div > div { position:relative !important; width: auto !important; left: auto !important; top: auto !important;}
.news-teaser-card .news-teaser-root .aui-group { min-height: auto !important;}
}
/*--- MACRO NEWS TEASER CARD BLOG ---*/
.news-teaser-card-blog .news-teaser-root > div > div > div {display: inline-block; margin-top:1rem; box-shadow:none;}
.news-teaser-card-blog .news-teaser-root > div > div > div:hover img { outline: 2px solid black; filter:brightness(100%);}
.news-teaser-card-blog .news-teaser-root div div div div div div:last-child { padding:1rem;}
.news-teaser-card-blog .news-teaser-root .aui-group { display: block;}
.news-teaser-card-blog .news-teaser-root > div > div:nth-child(2) { margin:0; padding:0;}
.news-teaser-card-blog .news-teaser-root a, .news-teaser-card-blog .news-teaser-root a:link { display: inline-block; margin-bottom:0; color: #1D0D34; text-decoration: none;}
.news-teaser-card-blog .news-teaser-root a:hover { text-decoration: none;}
.news-teaser-card-blog .news-teaser-root a img { line-height:0; outline: 2px solid transparent; outline-offset: 2px; }
.news-teaser-card-blog .news-teaser-root a:hover img { outline: 2px solid black; }
.news-teaser-card-blog .news-teaser-root a:focus img { outline: 2px dashed black;}
.news-teaser-card-blog .news-teaser-root a h2 { font-size: 1.4rem; line-height: 1.2; text-transform: initial; text-decoration:none;}
.news-teaser-card-blog .news-teaser-root .aui-group span { font-size: initial; color: initial; text-transform: uppercase;}
.news-teaser-card-blog .news-teaser-root > div > div:last-child button { color: white !important;; background-color: #1D0D34;}
.news-teaser-card-blog .news-teaser-root > div > div:last-child button:hover { text-decoration: underline;}
@media screen and (max-width: 600px) {
.news-teaser-card-blog .news-teaser-root > div > div > div { position:relative !important; width: auto !important; left: auto !important; top: auto !important;}
.news-teaser-card-blog .news-teaser-root .aui-group { min-height: auto !important;}
}
/*--- MACRO NEWS TEASER LIST ---*/
.news-teaser-list .aui-group div.aui-item:first-child { background-position:0% 50%;}
.news-teaser-list .aui-group div.aui-item:last-child { width:85%;}
.news-teaser-list .aui-group div.aui-item:last-child h2 { display:none;}
@media screen and (max-width: 600px) {
.news-teaser-list .aui-group div.aui-item:first-child { display:none;}
.news-teaser-list .aui-group div.aui-item:last-child { width:100%;}
}
/*--- MACRO TABS VERTICAL ---*/
/*tabs menu*/
.aui-tabs.vertical-tabs>.tabs-menu { padding-right:2rem; width: 25%;}
.aui-tabs.vertical-tabs>.tabs-menu>.menu-item a { margin-bottom: 1rem; font-size: 1.4rem; text-align: center; color: #1D0D34 !important; border-radius:30px;}
.aui-tabs.vertical-tabs>.tabs-menu>.menu-item a:before { background: none !important;}
.aui-tabs.vertical-tabs>.tabs-menu>.menu-item.active-tab a { margin-bottom: 1rem; font-size: 1.4rem; text-align: center; background-color: #E3E2E6; border-radius:30px;}
/*tabs page*/
.aui-tabs.vertical-tabs>.tabs-pane { padding:2rem; color: #4A3D5C;}
/*tabs menu primary bg*/
.bg-primary .aui-tabs.vertical-tabs>.tabs-menu>.menu-item a { color: white !important;}
.bg-primary .aui-tabs.vertical-tabs>.tabs-menu>.menu-item.active-tab a { color:#ff0179 !important; background-color: transparent;}
/*--- MACRO TABS BADGE HORIZONTAL ---*/
/*tabs menu*/
.aui-tabs.horizontal-tabs.tabs-badge>.tabs-menu { padding-bottom: 2rem; align-items: center; justify-content: center;}
.aui-tabs.horizontal-tabs.tabs-badge>.tabs-menu:before { height:1px; background:#E3E2E6;}
.aui-tabs.horizontal-tabs.tabs-badge>.tabs-menu>.menu-item a { font-size: 1.4rem; padding: 0.5rem 3rem; text-align: center; color: #1D0D34 !important; border-radius:30px;}
.aui-tabs.horizontal-tabs.tabs-badge>.tabs-menu>.menu-item a:before { background: none !important;}
.aui-tabs.horizontal-tabs.tabs-badge>.tabs-menu>.menu-item.active-tab a { background-color: #E3E2E6; border-radius:30px;}
/*tabs page*/
.aui-tabs.horizontal-tabs.tabs-badge>.tabs-pane { padding:2rem; color: #1D0D34;}
/*--- MACRO TABS DOTTED HORIZONTAL ---*/
/*tabs menu*/
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-menu { padding-bottom: 0; align-items: center; justify-content: center;}
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-menu:before { height:1px; background:transparent; border-bottom:1px dotted #ff0179;}
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-menu>.menu-item a { font-size: 1.4rem; padding: 0 3rem 2rem 3rem; text-align: center; color: #1D0D34 !important; border-radius:30px;}
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-menu>.menu-item a:hover { color: #ff0179 !important; }
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-menu>.menu-item a:focus { box-shadow:none;}
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-menu>.menu-item a:before { content:""; display: block; position:absolute; bottom:-4px; left:48%; margin: 0 auto; height: 10px; width: 10px; background-color: #ff0179; border-radius: 30px;}
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-menu>.menu-item.active-tab a { color:#ff0179 !important;}
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-menu>.menu-item.active-tab a:before { margin: 0 auto; position:absolute; bottom:-2px; left:0; height: 4px; width: 4rem; color:#ff0179 !important; background-color: #ff0179;}
/*tabs page*/
.aui-tabs.horizontal-tabs.tabs-dotted>.tabs-pane { padding:2rem 15rem 0 15rem; color: #4A3D5C;}
/*--- MACRO SEARCH ---*/
.rw_formatting_item { padding:0;}
.rw_search_item.rw_formatting_item.rw_search_box_theme_gray .rw_search_module_container>div .rw_search_item input { padding: 20px 20px 20px 60px; background-color: white; border:1px solid #1D0D34;; border-radius: 30px; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);}
.rw_search_item.rw_formatting_item .rw_search_module_container>div .rw_search_item input { height: 60px; font-size: 1.25rem; line-height: 60px; border:1px solid red;}
.rw_search_item.rw_formatting_item .rw_search_module_container>div .rw_search_item .rw_search_icon { top:0; font-size:1.25rem; color:inherit; height: 60px; width: 60px;line-height: 60px;}
.rw_search_module_results ul li { border-bottom:1px solid #E3E2E6;}
.rw_search_module_results ul li a:hover { background-color: #E3E2E6;}
.rw_search_module_results ul li a .rw_item_icon, .rw_search_module_results ul li a .rw_item_description { display:none !important; border:1px solid yellow;}
.rw_search_module_results ul li a .rw_item_content { margin:0.50rem 2rem;}
/*DEBUG*/
/*#main-content, #custom-content-header, #custom-content-footer { border:2px solid red;}
.cols { border:2px solid yellow;}
.cols > div {border:2px solid red;}*/
/*--- LIST ---*/
/*hack remove pre tag*/
.listing pre { display: none;}
