Digital

Page tree

European Commission Digital

Versions Compared

Old Version 8

changes.mady.by.user Axelle Mathues

Saved on

compared with

New Version Current

changes.mady.by.user Warren Vercruysse

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Content Layer
background-repeatno-repeat
background-size80%
background-imagecef-event-detail-bg-headerEbsi_Notarisation_Header.png
background-positiontop bottom
id813755849
classcef cef-section cef-primary-bg cef-d-bg-sm-none
Content Column
width100%
id813755850
Content Block
id813755851
Div
classcef-container
Div
classcef-row cef-justify-content-end
Div
classcef-col-6
HTML
<p class="cef-mb-0">
<span class="cef-badge cef-badge-sm cef-primary-light-bg cef-mr-2 cef-mb-2">European Blockchain Services Infrastructure</span>
</p>

<h1 class="cef-mt-3">

<span class="cef-display-3 cef-date-day">25<span class="cef-h6 cef-date-month">Feb</span></span>


<span class="cef-d-block cef-mt-4 cef-mb-2">Notarisation with EBSI, explained.</span>
<span class="cef-d-block cef-h3 cef-font-weight-normal cef-mb-0">Delivering an out-of-the-box service allowing public authorities (local/central government) to use EBSI. </span>
</h1>


<ul class="cef-list-unstyled">
<li class="cef-ico-conjunction cef-ico-schedule-white">10 AM CET</li>
<li class="cef-ico-conjunction cef-ico-play-circle-white">Online event</li>
</ul>

<p><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894348029494/2021022320210225_Privacy_Statement_CEF_BDTI-Webinar-final-published-vf_EBSI_notarisation_webinar_final.pdf">Download privacy statement</a></p>

<p>This event is <strong>open for registration</strong>. <br>Registration closes 5pm on 24 February.</p>

<p>
<a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/eusurvey/runner/BDTI-Webinar-Q12021" target="_blank">
<span
Content Layer
id814715416
classcef cef-section cef-pb-4
Content Column
width100%
id814715417
Content Block
id814715419
Content Column
width100%
id814715417
Content Block
id814715419
Div
classcef-container
Div
classcef-row
Div
classcef-col-8
HTML
<h2>Discover EBSI</h2>
<p class="cef-link-external">Register for the webinar</span><spanh3">Experience the future with the European Blockchain Services Infrastructure (EBSI).</p>
<p class="cef-sr-only">(opens in a new tab)</span>
</a>
</p>
CSS Stylesheet
/*FRAMEWORK CSS CEF DIGITAL V2-04/02/2021*/

/*****************************/
/*--- CEF REEBOOT BRIKIT ---*/
/***************************/
.cef .brikit-container, .cef-container-fluid .brikit-container, .cef-container-xxl { width: 100%;}

@media screen and (min-width: 1200px){
	.cef .brikit-container { width: 1170px;}
}

@media screen and (min-width: 1366px){
	.cef-container-xxl .brikit-container { width: 1300px;}
}

/*--- CEF HACK BRIKIT ---*/
/*----------------------*/
.brikit-edit-mode .brikit-content-layers a.aui-button.edit-content-block { z-index:9;}
.cef .position-bottom { display: none;}

/*reboot link confluence an BRIKIT*/
.brikit-content-layers .cef a:not(.aui-button):not(.rich-link), 
.brikit-content-layers .cef a:not(.aui-button):not(.rich-link):link,
.brikit-content-layers .cef a:not(.aui-button):not(.rich-link):visited, 
.brikit-content-layers .cef a:not(.aui-button):not(.rich-link):active {color: #003764; border-bottom: 2px solid #003764;}
.brikit-content-layers .cef a:not(.aui-button):not(.rich-link):hover { color: white;} 
.brikit-content-layers .cef a:not(.aui-button):not(.rich-link):focus { color: #003764; border-bottom: 2px solid transparent;}

/*Overflow visible for element*/
#main-content .brikit-content-block .block-content-wrapper { padding-top:0.3rem; padding-bottom:0.3rem;}

/*********************/ 
/*--- CEF LAYOUT ---*/ 
/*******************/

/*--- CEF GRID ---*/
/*---------------*/
.cef * { box-sizing: border-box;}   
.cef {margin:0 auto !important; max-width: 2560px;}
.cef-container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; width:100%;}
.cef-row { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px}
    
[class*="cef-col-"] { padding-right: 15px; padding-left: 15px;}

/*--- DEBUG MODE ---*/
/*[class*="cef-col-"] {border:1px solid blue;}  
.cef-row {border:1px solid yellow;}
.cef-container { border:1px solid red;}*/

.cef-col-1 { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%}
.cef-col-2 { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%}
.cef-col-3 { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.cef-col-4 { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%}
.cef-col-5 { -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%}
.cef-col-6 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}
.cef-col-7 { -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%}
.cef-col-8 { -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%}
.cef-col-9 { -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}
.cef-col-10 { -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%}
.cef-col-11 { -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%}
.cef-col-12 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}  

@media screen and (max-width: 600px) {    
[class*="cef-col-"] { -ms-flex:0 0 100%; flex:0 0 100%; position:relative; padding:0; max-width: 100%;} 
.cef-row+.cef-row { margin-top: 0;}  
}

/*--- CEF SECTION ---*/
/*------------------*/
.cef-section { padding:3rem 0;}

/**********************/
/*--- CEF CONTENT ---*/
/********************/

/*--- CEF TYPOGRAPHY ---*/
/*---------------------*/
.brikit-content-layers .cef .cef-display-1, .brikit-content-layers .cef .cef-display-2, .brikit-content-layers .cef .cef-display-3, .brikit-content-layers .cef .cef-display-4, .brikit-content-layers .cef .cef-display-5, .brikit-content-layers .cef .cef-display-6 { line-height:1;}

.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4, .brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5  {line-height:1.2;}

.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef .cef-lead, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn  { line-height:1.4;}

/*--- FONT SIZE ---*/ 
.brikit-content-layers .cef .cef-display-1 { font-size:5.60rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:4.60rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:3.60rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:2.80rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:2.40rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.20rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:1.80rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.60rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.40rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.20rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead  { font-size:1.10rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 0.90rem;}

@media screen and (min-width: 768px) {
.brikit-content-layers .cef .cef-display-1 { font-size:6.50rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:5.50rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:4.50rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:3.50rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.50rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.75rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote  { font-size:1.50rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.25rem;}
}

@media screen and (min-width: 1200px) {
.brikit-content-layers .cef .cef-display-1 { font-size:6.75rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:5.75rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:4.75rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:3.75rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3.25rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.75rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2.25rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.75rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.50rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.25rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead { font-size:1.15rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 1rem;}
}

@media screen and (min-width: 1920px) {
.brikit-content-layers .cef .cef-display-1 { font-size:9rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:7rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:5rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:4rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3.50rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:3rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2.50rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:2.25rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.75rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.50rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead { font-size:1.25rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 1.1rem;}
}

/*--- FONT SPACING ---*/  
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3 { margin-bottom:1rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .h3 { margin-top:0;}
.cef p, .cef ul, .cef ol { margin: 0 0 1rem 0;}

/*--- FONT TRANSFORM ---*/  
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-weight:bold;}

/*--- FONT DECO ---*/
.cef-primary-heading-deco:after, .cef-secondary-heading-deco:after { margin-top:1rem; content: ''; display:block; height: 3px; width: 30px;}
.cef-heading-deco-auto:after { margin:1rem auto 0 auto;}

.cef-primary-heading-deco:after {  background-color: #003764;}  
.cef-secondary-heading-deco:after, .cef-secondary-heading-deco-auto:after { background-color: #FFCF00;}  

/*--- BLOCKQUOTE ---*/  
/*-----------------*/
.cef blockquote { margin-top:0 !important; padding:0; font-style:italic; border:none;}

.cef hr { margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid #DBDBDB;}

/*--- IMAGE ---*/
/*------------*/
.cef img { vertical-align:middle; border-style:none}
.cef svg { overflow:hidden; vertical-align:middle;}

.cef-img-fluid { max-width: 100%; height: auto;}
 
a.cef-img-link, a.cef-link-img  { display: inline-block !important; padding:2px; line-height: 0; border: 0 !important;}
a.cef-img-link:hover, a.cef-link-img:hover { outline: 2px solid black; outline-offset: 2px; background-color: transparent !important; filter:brightness(200%);}

.cef-img-parallax { background-attachment: fixed;}

@media screen and (max-width: 1200px){
	.cef-img-parallax { background-size: cover !important; background-attachment: initial !important;}
}

@media screen and (min-width: 1921px){
	.cef-img-parallax { background-size: cover !important; background-position: center !important; background-attachment: initial !important;}
}

/* --- LIST --- */  
/*-------------*/
.cef-list-unstyled { list-style: none !important; padding: 0;}
.cef-list-unstyled li:before { content: "\200B"; /* add zero-width space */}
.cef-list-lh-0 li { line-height:0 !important;}

/* --- LINE HEIGHT --- */  
/*--------------------*/
.cef-lh-0 { line-height:0 !important;}

/*--- CEF COLOR ---*/
/*----------------*/

/*--- FONT COLOR ---*/
.cef h1, .cef h2, .cef h3, .cef h4, .cef h5, .cef h6, .cef p, .cef span, .cef ul, .cef ul li, .cef ol, .cef ol li, .cef blockquote, .cef small {color: #003764;}

.cef-primary-color { color:#003764 !important;}
.cef-primary-medium-color { color:#0189C6 !important;}
.cef-secondary-color { color:#FFCF00 !important;}
.cef-terciary-color { color:#99C9BD !important;}
.cef-white-color { color:#FFF !important;}

/*--- FONT OUTLINE COLOR ---*/
.cef-outline { color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px;}
.cef-outline.cef-outline-white { -webkit-text-stroke-color: white;}

/*--- BACKGROUND COLOR ---*/
.cef-primary-bg { color: white; background-color:#003764 !important;}
.cef-primary-medium-bg { color:white !important; background-color:#0189C6;}
.cef-primary-light-bg { color:#003764 !important; background-color:#BDE4F5;}

.cef-primary-bg h1, .cef-primary-bg h2, .cef-primary-bg h3, .cef-primary-bg p, .cef-primary-bg span, .cef-primary-bg blockquote, .brikit-content-layers .cef.cef-primary-bg a:link, .cef-primary-medium-bg h1, .cef-primary-medium-bg h2, .cef-primary-medium-bg h3, .cef-primary-medium-bg p, .cef-primary-medium-bg span, .cef-primary-bg ul li { color:white;}

.brikit-content-layers .cef.cef-primary-bg a:not(.aui-button):not(.rich-link),
.brikit-content-layers .cef.cef-primary-bg a:not(.aui-button):not(.rich-link):link,
.brikit-content-layers .cef.cef-primary-bg a:not(.aui-button):not(.rich-link):visited,
.brikit-content-layers .cef.cef-primary-bg a:not(.aui-button):not(.rich-link):active, 
.brikit-content-layers .cef.cef-primary-bg a,
.brikit-content-layers .cef.cef-primary-bg a:link { color: #FFCF00; border-bottom: 2px solid #FFCF00;}
.brikit-content-layers .cef.cef-primary-bg a:not(.aui-button):not(.rich-link):hover,
.brikit-content-layers .cef.cef-primary-bg a:hover { color: #003764; background-color: #FFCF00; border: 2px solid #FFCF00;}
.brikit-content-layers .cef.cef-primary-bg a:focus, .brikit-content-layers .cef .cef-primary-bg a:focus { outline: 2px dashed #FFCF00;}

.cef-secondary-bg { color:#003764 !important; background-color:#FFCF00;}
.cef-terciary-bg { background-color:#3F89C4;}
.cef-grey-light-bg { background-color:#F0F4F5;}
.cef-white-bg { background-color:#FFF;}

/*--- CEF LINK ---*/
/*---------------*/
.brikit-content-layers .cef a, .brikit-content-layers .cef a:link { display: inline; position: relative; padding-left: 2px; padding-right: 2px; font-weight:bold; text-decoration: none !important; color: #003764; border-top: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid #003764; border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}
.brikit-content-layers .cef a:hover { color: white; background-color: #003764; border: 2px solid #003764;}
.brikit-content-layers .cef a:focus { color: inherit; background-color: inherit; border: 2px solid transparent; outline: 2px dashed black; outline-offset: 2px;}

.brikit-content-layers .cef h1 a, .brikit-content-layers .cef h2 a, .brikit-content-layers .cef h3 a, .brikit-content-layers .cef h4 a, .brikit-content-layers .cef h5 a, .brikit-content-layers .cef h6 a {color: #003764 !important;}
.brikit-content-layers .cef h1 a:hover, .brikit-content-layers .cef h2 a:hover, .brikit-content-layers .cef h3 a:hover, .brikit-content-layers .cef h4 a:hover, .brikit-content-layers .cef h5 a:hover, .brikit-content-layers .cef h6 a:hover {color: white !important;}
.brikit-content-layers .cef h1 a:focus, .brikit-content-layers .cef h2 a:focus, .brikit-content-layers .cef h3 a:focus, .brikit-content-layers .cef h4 a:focus, .brikit-content-layers .cef h5 a:focus, .brikit-content-layers .cef h6 a:focus {color: inherit !important; background-color: inherit !important; border: 2px solid transparent !important; outline: 2px dashed black !important; outline-offset: 2px !important;}

/*--- BTN EXTERNAL LINK ---*/
.cef-btn.cef-btn-light-outline .cef-link-external:after, .cef-btn.cef-btn-primary .cef-link-external:after { top: 0; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-backspace-white.png") left no-repeat; background-size: 24px; transform: rotate(145deg);} 

/*--- EXTERNAL LINK ---*/
.cef-link-external { display: inline-block !important; margin-right: 20px; position: relative;}
.cef-link-external:after { position: absolute; right: -24px; content: ""; width: 24px; height: 24px; transition: all .1s linear;}

.cef-link-external:after { top: 0; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-backspace-primary.png") left no-repeat;  background-size: 24px; transform: rotate(145deg);}
.cef-link-external:hover:after, .cef-btn:hover .cef-link-external:after {transform: translate(4px, -4px) rotate(145deg);}

/*************************/
/*--- CEF COMPONENTS ---*/
/***********************/

/*--- BADGE ---*/
/*------------*/
.cef-badge { display: inline-block; padding: 5px 15px; letter-spacing: 0.1em; font-weight: bold; border-radius: 0px 30px 30px 0px; -moz-border-radius: 0px 30px 30px 0px;
-webkit-border-radius: 0px 30px 30px 0px;}

/*--- SIZE ---*/
.cef-badge.cef-badge-sm { padding: 3px 10px !important; font-size:80%;}
.cef-badge.cef-badge-lg { font-size:120%;}

/*--- BUTTON ---*/
/*-------------*/
.cef-btn { display:inline-block !important; padding:0.75rem 1rem !important; min-width:100px !important; line-height:1.2em; text-align:center; text-transform: uppercase; border: 2px solid transparent; border-radius:7px; box-shadow: none;}
.cef-btn:hover { box-shadow: none;}
.cef-btn span { padding-left:2px; padding-right:2px; border: 2px solid transparent;}
.cef-btn:hover span { border-top: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid #003764; border-left: 2px solid transparent;}

/*--- COLOR ---*/
.cef-btn.cef-btn-primary { background: #003764 !important; border-color:#003764 !important;} 
.cef-btn.cef-btn-primary:hover { background: #003764 !important; border-color:#003764 !important;}  
.cef-btn.cef-btn-primary span { color:white !important;}  
.cef-btn.cef-btn-primary:hover span { border-bottom-color: white;} 

.cef-btn.cef-btn-primary-outline { background: transparent !important; border-color:#003764 !important;} 
.cef-btn.cef-btn-primary-outline:hover { background: transparent !important; border-color:transparent !important;} 
.cef-btn.cef-btn-primary-outline span { color:#003764 !important;} 

.cef-btn.cef-btn-secondary { background: #FFCF00 !important; border-color:#FFCF00 !important;} 
.cef-btn.cef-btn-secondary:hover { background: #FFCF00 !important; border-color:#FFCF00 !important;} 
.cef-btn.cef-btn-secondary span { color:#003764 !important; }  
.cef-btn.cef-btn-secondary:hover span { border-bottom-color: #003764;} 

.cef-btn.cef-btn-light-outline { background: transparent !important; border-color:#fff !important;} 
.cef-btn.cef-btn-light-outline:hover { background: transparent !important; border-color:transparent !important;} 
.cef-btn.cef-btn-light-outline span { color:#fff !important; } 
.cef-btn.cef-btn-light-outline:hover span { border-bottom-color: #fff;} 

/*--- SIZE ---*/
.cef-btn.cef-btn-sm { padding: 3px 10px !important; font-size:80%; min-width:80px !important;}
.cef-btn.cef-btn-lg { min-width:260px !important;}

/*--- CARD ---*/
/*-----------*/
.cef-card { position:relative; display: flex; -ms-flex-direction: column; flex-direction: column; height:100%; min-width: 0; word-wrap: break-word;}
.cef-card-header { padding: 1.5rem  1rem 0 1rem;}
.cef-card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem 1rem 0 1rem; min-height: 1px;}
.cef-card-footer { padding: 1rem 1rem 0.5rem 1rem;}

@media screen and (min-width: 1366px){
	.cef-card-header { padding: 1.5rem  1.5rem 0 1.5rem;}
	.cef-card-body { padding: 1.5rem 1.5rem 0 1.5rem; }
	.cef-card-footer { padding: 1.5rem 1.5rem 0.5rem 1.5rem;}
}

/*--- COLLAPSE ---*/
/*---------------*/
.cef-collapse-item { margin-bottom:1rem; }

.cef .cef-collapse h3 { position:relative; z-index:8; margin-bottom:0; background-color: #F0F4F5;}

.cef-collapse button::-moz-focus-inner { border: 0;}
.cef-collapse-trigger { display: block; padding:1rem 40px 1rem 1rem; position: relative; text-align: left; width: 100%; background-color: transparent; border-color: transparent; cursor: pointer;}
.cef-collapse-trigger:hover { border-color: #003764;}
.cef-collapse-trigger:focus { outline: 2px dashed #003764; outline-offset: 2px;}

.cef-collapse-title { display: block; pointer-events: none; outline: none;}
.cef-collapse-trigger:focus .cef-collapse-title { border-color: hsl(216, 94%, 73%);}

.cef-collapse-icon { position: absolute; right: 1rem; top: 50%; height: 1rem; width: 1rem; border: solid #003764; border-width: 0 2px 2px 0; transform: translateY(-60%) rotate(45deg); -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;}
.cef-collapse-trigger[aria-expanded="true"] .cef-collapse-icon { transform: translateY(-50%) rotate(-135deg);}

.cef-collapse-panel { position:relative; z-index:7; padding:1rem; background-color: #F0F4F5; border-top: 1px solid #DBDBDB;  display: block; -webkit-animation: cef-collapse-slide .2s ease-out; -moz-animation: cef-collapse-slide .2s ease-out;}
.cef-collapse-panel[hidden] { display: none;}

@-webkit-keyframes cef-collapse-slide {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes cef-collapse-slide {
      0% { opacity: 0; -moz-transform: translateY(-100%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

/************************/
/*--- CEF UTILITIES ---*/
/**********************/
/*--- DISPLAY ---*/
/*--------------*/
.cef-d-block { display: block;}
.cef-d-flex { display:-ms-flexbox!important; display:flex!important}
.cef-d-inline-block { display: inline-block;}
.cef-d-none { display:none!important;}

@media screen and (min-width: 600px) {
	.cef-d-sm-block { display:block !important;}
}

@media screen and (min-width: 768px) {
	.cef-d-md-block { display:block !important;}
}

@media screen and (min-width: 992px) {
	.cef-d-lg-block { display:block !important;}
}

@media screen and (min-width: 1200px) {
	.cef-d-xl-block { display:block !important;}
}

/*--- DISPLAY BACKGROUND ---*/
/*------------------------*/
@media screen and (max-width: 600px) {
	.cef-d-bg-sm-none { background-image: none !important;}
}

/*--- FLEX ---*/
/*-----------*/
.cef-justify-content-start { -ms-flex-pack:start!important; justify-content:flex-start!important }
.cef-justify-content-end { -ms-flex-pack:end!important; justify-content:flex-end!important}
.cef-justify-content-center { -ms-flex-pack:center!important; justify-content:center!important}
.cef-justify-content-between { -ms-flex-pack:justify!important; justify-content:space-between!important}
.cef-justify-content-around { -ms-flex-pack:distribute!important; justify-content:space-around!important}

/*--- SCREEN READER ---*/
/*--------------------*/
.cef-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}
.cef-sr-only-focusable:active,
.cef-sr-only-focusable:focus { position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal}

/*--- SHADOW ---*/
/*-------------*/
.cef-shadow-none { box-shadow:none!important}
.cef-shadow-sm { box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef-shadow { box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;}
.cef-shadow-lg { box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;}

/*--- SIZING ---*/
/*-------------*/
.cef-w-xxxxs { width: 25px;}
.cef-w-xxxs { width: 50px;}
.cef-w-xxs { width: 75px;}
.cef-w-xs { width: 100px;}
.cef-w-sm { width: 125px;}
.cef-w-md { width: 150px;}
.cef-w-lg { width: 175px;}
.cef-w-xl { width: 200px;}
.cef-w-xxl { width: 225px;}
.cef-w-xxxl { width: 250px;}

/*--- SPACING ---*/
/*--------------*/
.cef-m-0 { margin: 0 !important;}

.cef-mt-0 { margin-top: 0 !important;}
.cef-mr-0 { margin-right: 0 !important;}
.cef-mb-0 { margin-bottom: 0 !important;}
.cef-ml-0 { margin-left: 0 !important;}

.cef-mt-1 { margin-top: .25rem !important;}
.cef-mr-1 { margin-right: .25rem !important;}
.cef-mb-1 { margin-bottom: .25rem !important;}
.cef-ml-1 { margin-left: .25rem !important;}

.cef-mt-2 { margin-top: .50rem !important;}
.cef-mr-2 { margin-right: .50rem !important;}
.cef-mb-2 { margin-bottom: .50rem !important;}
.cef-ml-2 { margin-left: .50rem !important;}

.cef-mt-3 { margin-top: 1rem !important;}
.cef-mr-3 { margin-right: 1rem !important;}
.cef-mb-3 { margin-bottom: 1rem !important;}
.cef-ml-3 { margin-left: 1rem !important;}

.cef-mt-4 { margin-top: 1.5rem !important;}
.cef-mr-4 { margin-right: 1.5rem !important;}
.cef-mb-4 { margin-bottom: 1.5rem !important;}
.cef-ml-4 { margin-left: 1.5rem !important;}

.cef-mt-5 { margin-top: 3rem !important;}
.cef-mr-5 { margin-right: 3rem !important;}
.cef-mb-5 { margin-bottom: 3rem !important;}
.cef-ml-5 { margin-left: 3rem !important;}

.cef-p-0 { padding: 0 !important;}

.cef-pt-0 { padding-top: 0 !important;}
.cef-pr-0 { padding-right: 0 !important;}
.cef-pb-0 { padding-bottom: 0 !important;}
.cef-pl-0 { padding-left: 0 !important;}

.cef-pt-1 { padding-top: .25rem !important;}
.cef-pr-1 { padding-right: .25rem !important;}
.cef-pb-1 { padding-bottom: .25rem !important;}
.cef-pl-1 { padding-left: .25rem !important;}

.cef-pt-2 { padding-top: .50rem !important;}
.cef-pr-2 { padding-right: .50rem !important;}
.cef-pb-2 { padding-bottom: .50rem !important;}
.cef-pl-2 { padding-left: .50rem !important;}

.cef-pt-3 { padding-top: 1rem !important;}
.cef-pr-3 { padding-right: 1rem !important;}
.cef-pb-3 { padding-bottom: 1rem !important;}
.cef-pl-3 { padding-left: 1rem !important;}

.cef-pt-4 { padding-top: 1.5rem !important;}
.cef-pr-4 { padding-right: 1.5rem !important;}
.cef-pb-4 { padding-bottom: 1.5rem !important;}
.cef-pl-4 { padding-left: 1.5rem !important;}

.cef-pt-5 { padding-top: 3rem !important;}
.cef-pr-5 { padding-right: 3rem !important;}
.cef-pb-5 { padding-bottom: 3rem !important;}
.cef-pl-5 { padding-left: 3rem !important;}

@media (min-width:600px) { 

.cef-m-sm-0 { margin: 0 !important;}

.cef-mt-sm-0 { margin-top: 0 !important;}
.cef-mr-sm-0 { margin-right: 0 !important;}
.cef-mb-sm-0 { margin-bottom: 0 !important;}
.cef-ml-sm-0 { margin-left: 0 !important;}

.cef-mt-sm-1 { margin-top: .25rem !important;}
.cef-mr-sm-1 { margin-right: .25rem !important;}
.cef-mb-sm-1 { margin-bottom: .25rem !important;}
.cef-ml-sm-1 { margin-left: .25rem !important;}

.cef-mt-sm-2 { margin-top: .50rem !important;}
.cef-mr-sm-2 { margin-right: .50rem !important;}
.cef-mb-sm-2 { margin-bottom: .50rem !important;}
.cef-ml-sm-2 { margin-left: .50rem !important;}

.cef-mt-sm-3 { margin-top: 1rem !important;}
.cef-mr-sm-3 { margin-right: 1rem !important;}
.cef-mb-sm-3 { margin-bottom: 1rem !important;}
.cef-ml-sm-3 { margin-left: 1rem !important;}

.cef-mt-sm-4 { margin-top: 1.5rem !important;}
.cef-mr-sm-4 { margin-right: 1.5rem !important;}
.cef-mb-sm-4 { margin-bottom: 1.5rem !important;}
.cef-ml-sm-4 { margin-left: 1.5rem !important;}

.cef-mt-sm-5 { margin-top: 3rem !important;}
.cef-mr-sm-5 { margin-right: 3rem !important;}
.cef-mb-sm-5 { margin-bottom: 3rem !important;}
.cef-ml-sm-5 { margin-left: 3rem !important;}

.cef-p-sm-0 { margin: 0 !important;}

.cef-pt-sm-0 { padding-top: 0 !important;}
.cef-pr-sm-0 { padding-right: 0 !important;}
.cef-pb-sm-0 { padding-bottom: 0 !important;}
.cef-pl-sm-0 { padding-left: 0 !important;}

.cef-pt-sm-1 { padding-top: .25rem !important;}
.cef-pr-sm-1 { padding-right: .25rem !important;}
.cef-pb-sm-1 { padding-bottom: .25rem !important;}
.cef-pl-sm-1 { padding-left: .25rem !important;}

.cef-pt-sm-2 { padding-top: .50rem !important;}
.cef-pr-sm-2 { padding-right: .50rem !important;}
.cef-pb-sm-2 { padding-bottom: .50rem !important;}
.cef-pl-sm-2 { padding-left: .50rem !important;}

.cef-pt-sm-3 { padding-top: 1rem !important;}
.cef-pr-sm-3 { padding-right: 1rem !important;}
.cef-pb-sm-3 { padding-bottom: 1rem !important;}
.cef-pl-sm-3 { padding-left: 1rem !important;}

.cef-pt-sm-4 { padding-top: 1.5rem !important;}
.cef-pr-sm-4 { padding-right: 1.5rem !important;}
.cef-pb-sm-4 { padding-bottom: 1.5rem !important;}
.cef-pl-sm-4 { padding-left: 1.5rem !important;}

.cef-pt-sm-5 { padding-top: 3rem !important;}
.cef-pr-sm-5 { padding-right: 3rem !important;}
.cef-pb-sm-5 { padding-bottom: 3rem !important;}
.cef-pl-sm-5 { padding-left: 3rem !important;}
}

/*--- TEXT ---*/
/*-----------*/
.cef-text-left { text-align: left;}
.cef-text-center { text-align: center;}
.cef-text-right { text-align: right;}

.cef-text-lowercase { text-transform: lowercase;}
.cef-text-uppercase { text-transform: uppercase;}
.cef-text-capitalize { text-transform: uppercase;}

.brikit-content-layers .cef .cef-font-weight-bold { font-weight: bold;}
.brikit-content-layers .cef .cef-font-weight-bolder { font-weight: bolder;}
.brikit-content-layers .cef .cef-font-weight-normal { font-weight: normal;}
.brikit-content-layers .cef .cef-font-weight-light { font-weight: lighter;}
.brikit-content-layers .cef .cef-font-weight-lighter { font-weight: lighter;}
.brikit-content-layers .cef .cef-font-italic { font-style: italic;}

/***************************************/
/*--- CEF SPECIFIC STYLE & SECTION ---*/
/*************************************/

/*-- BB FAMILY ---*/
/*---------------*/ 
.cef-bb { padding-top:100px;}
.cef-bb h3 {position: relative; font-weight: bold;}
.cef-bb h3::before { top:-90px;}
.cef-bb h3::before {content:''; position: absolute; height: 75px; width: 75px; background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/82773384/ico-bdti.png'); background-repeat: no-repeat; background-size: cover;}

.cef-bb.cef-bb-big-data h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-bdti.png');}
.cef-bb.cef-bb-blockchain h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-blockchain.png');}
.cef-bb.cef-bb-context-broker h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-context-broker.png');}
.cef-bb.cef-bb-earchiving h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-earchiving.png');}
.cef-bb.cef-bb-edelivery h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-edelivery.png');}
.cef-bb.cef-bb-eid h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-eid.png');}
.cef-bb.cef-bb-einvoicing h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-einvoicing.png');}
.cef-bb.cef-bb-esignature h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-esignature.png');}
.cef-bb.cef-bb-etranslation h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-etranslation.png');}
.cef-bb.cef-bb-oop h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-oop.png');}

@media screen and (min-width: 1366px){
.cef-bb {padding-top:0; padding-left: 100px;}
.cef-bb h3::before {content:''; position: absolute; top:0; left:-90px;}
}

/*--- DATE ---*/
/*-----------*/
.cef-date-day { display:inline-block; position:relative; margin:0} 
.cef-date-month { position: absolute; right: 0; bottom: -20px; text-transform: uppercase; font-weight: normal;}

/*--- DECORATION CURVE ---*/
/*-----------------------*/
.cef-deco-curve:after {display: block; position:absolute; bottom:-1px; right:-1px; content:""; width: 100%; height:7rem; background-position: top right; background-repeat: no-repeat; background-size: cover;}
.cef-deco-curve-lg:after {display: block; position:absolute; bottom:-1px; right:-1px; content:""; width: 100%; height:14rem; background-position: top right; background-repeat: no-repeat; background-size: cover;}

.cef-deco-curve-white:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-white.png");}
.cef-deco-curve-grey-light:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-grey-light.png");}
.cef-deco-curve-white-lg:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-white-lg.png");}

/*--- DECORATION ARROW ---*/
/*-----------------------*/
.cef-deco-arrow { position:relative;}
.cef-deco-arrow:after { position:absolute; top:-25px; left:50%; content:''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent;}
.cef-deco-arrow-primary:after { border-bottom: 30px solid #003764;}

/*--- ICO ---*/
/*----------*/
.cef-ico-conjunction { position:relative; padding-left: 34px;} 
.cef-ico-conjunction::before { content:''; position: absolute; left:0; height: 24px; width: 24px; background-repeat: no-repeat; background-size: cover;} 
.cef-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');}
.cef-ico-schedule-white::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-outline_schedule_white_48dp.png');}

/*--- ICO STEP ---*/
/*---------------*/
.cef-ico-step { position:relative;}
.cef-ico-step:after { content: ''; position:absolute; top:2.8rem; right: -10px; height: 55px; width: 20px; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-step.png"); background-repeat: no-repeat;  background-size: 15px 55px; }

@media screen and (max-width: 600px) {
.cef-ico-step:after {background-image: none;}
}

/*--- TIMELINE ---*/
/*---------------*/ 
.cef-timeline { position: relative; margin: 0 auto; max-width: 600px;}  
.cef-timeline::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin-left: 3px; width: 3px; background-color: #003764}  
  
.cef-timeline-container { position: relative; padding: 10px 40px; width: 100%; background-color: inherit;}   
.cef-timeline-container::after { z-index: 1; content: ''; position: absolute; top: 15px; left: -3px; width: 10px; height: 10px; background-color: #003764; border-radius: 10px; border: 3px solid #003764;}   
.cef-timeline-container::before { z-index: 1; position: absolute; top: 22px; left: 30px; content: " "; height: 0; width: 0;}  
.cef-timeline-content { position: relative; margin-bottom:20px;} 

/********************/
/*--- CEF MACRO ---*/
/******************/

/*--- MACRO EXPAND ---*/ 
/*-------------------*/
.expand-container .expand-content { margin: 0;}
.expand-control-text {font-weight: 600;}

/*--- MACRO SLIDER ---*/
/*-------------------*/
.cef-slider { position:relative; z-index:8;}
.cef-slider .flickity-enabled { background-color: transparent; box-shadow:none;}
.cef-slider .flickity-enabled.is-draggable { box-shadow:none;}
.cef-slider .news-slider-root > div { padding:0;}
.cef-slider .aui-item > div { margin:0; padding:0;}
.cef-slider .aui-item { display:inline-block; padding:0 15px 10px 15px;}
.cef-slider .aui-group>.aui-item { padding-top:0; padding-bottom:1rem; width: 100%;}
.cef-slider .aui-group>.aui-item+.aui-item { padding:0; width: 100%;}

/*--- HEADING ---*/
.cef-slider h2:first-child { display: none;}

/*DOT*/
.cef-slider .flickity-page-dots { position:relative; top:0 !important; height:1rem; text-align: center;}
.cef-slider .flickity-page-dots .dot { opacity: 1; height: 15px; width:15px; background: white; border:2px solid #003764;}
.cef-slider .flickity-page-dots .dot.is-selected { background: #003764; border:2px solid #003764;}
.cef-slider .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}

/*--- ARROW ---*/
.cef-slider .flickity-button { top:35%; background-color: white; border-radius:10px; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef-slider .flickity-button:hover { background-color: #F0F4F5;}
.cef-slider .flickity-button:focus {  outline: 2px dashed black; outline-offset: 2px; box-shadow: none;}
.cef-slider .flickity-prev-next-button .flickity-button-icon { fill: rgb(109, 114, 120);}
.cef-slider .flickity-prev-next-button.previous { left: -15px;}
.cef-slider .flickity-prev-next-button.next { right: -15px;}

/*--- SLIDER SPOTLIGHT ---*/
.cef-slider .cef-slider-spotlight-bg { background-size:cover; background-position: top left; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.cef-slider .cef-slider-spotlight-text { padding:0.5rem 2rem; min-height: 260px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

@media screen and (max-width: 600px) {
	.cef-slider .cef-slider-spotlight-bg { height:150px;}
}

/*--- MACRO SLIDER EVENT ---*/
/*-------------------------*/
.cef-slider-event .aui-group div.aui-item:first-child { background-position:30% 50%;}
.cef-slider-event h2:first-child { display: none;}

/*DOT*/
.cef-slider-event .flickity-page-dots { position:relative; top:25px !important; height:1rem; text-align: center;}
.cef-slider-event .flickity-page-dots .dot { opacity: 1; height: 15px; width:15px; background: white; border:2px solid #003764;}
.cef-slider-event .flickity-page-dots .dot.is-selected { background: #003764; border:2px solid #003764;}
.cef-slider-event .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}

@media screen and (max-width: 600px) {
	.cef-slider-event .aui-group div.aui-item:first-child { display:none;}
}

/*--- MACRO NEWS TEASER ---*/
/*------------------------*/
.cef .cef-news .news-teaser-root > div > div > div {display: inline-block; margin-top:20px; box-shadow:none;}
.cef .cef-news .news-teaser-root .aui-group { display: block; min-height: 425px !important; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef .cef-news .news-teaser-root a, .brikit-content-layers .cef .cef-news .news-teaser-root a:link { display: inline-block; margin-bottom:1rem; border:none;}
.cef .cef-news .news-teaser-root a:hover { background-color: white; border-bottom:2px solid transparent;}
.cef .cef-news .news-teaser-root a img { margin-top:2px; padding:2px; line-height:0; outline: 2px solid transparent; outline-offset: 2px; -webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}
.cef .cef-news .news-teaser-root a:hover img { outline: 2px solid black; filter: brightness(1.52) grayscale(1);}
.cef .cef-news .news-teaser-root a:focus img { outline: 2px solid white;}
.cef .cef-news .news-teaser-root a h2 { display: inline; font-size: inherit; font-size:110%; border-bottom:2px solid #003764;}
.cef .cef-news .news-teaser-root a:hover h2 { color:white; background-color: #003764; border-bottom:2px solid transparent;}
.cef .cef-news .news-teaser-root .aui-group span { font-size: initial; text-transform: uppercase;}
.cef .cef-news .news-teaser-root > div > div:last-child { display:none;}

@media screen and (max-width: 600px) {
	.cef .cef-news .news-teaser-root > div > div > div  { position:relative !important; width: auto !important; left: auto !important; top: auto !important;}
	.cef .cef-news .news-teaser-root .aui-group { min-height: auto !important;}
}

/*--- MACRO NEWS TEASER EVENT ---*/
/*------------------------------*/
.cef-news-event-list .aui-group div.aui-item:first-child { background-position:0% 50%;}
.cef-news-event-list .aui-group div.aui-item:last-child { width:85%;}  
.cef-news-event-list .aui-group div.aui-item:last-child h2 { display:none;} 

@media screen and (max-width: 600px) {
	.cef-news-event-list .aui-group div.aui-item:first-child { display:none;}
	.cef-news-event-list .aui-group div.aui-item:last-child { width:100%;}
}

/*--- MACRO TABS ---*/
/*-----------------*/
/*MENU*/
.aui-tabs.horizontal-tabs > .tabs-menu { align-items: center; justify-content: center;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu::after { left: -20px; right:-20px; height: 1px;}

/*TAB*/
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item { margin: 0; background-color: #EFF3F4; border-top:1px solid #C2C7CF; border-left:1px solid #C2C7CF; border-bottom:1px solid #C2C7CF;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:first-child { border-top-left-radius: 15px;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:last-child { border-right:1px solid #C2C7CF; border-top-right-radius: 15px;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab { background-color: white; border-bottom: 1px solid white;}

/*LINK*/
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a, .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { padding:1.25rem 2rem !important; font-weight: normal; text-transform: uppercase; color: inherit !important; border:none;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { background-color: transparent;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a::after { z-index: 1; display: block; content: ""; position: absolute; left:0; right:0; bottom:-1px; width: initial; height: 2px; background-color: transparent;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a { border:none;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a::after { left:0; right:0; bottom:-1px; height: 2px; background-color: white;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:hover a::after { z-index: 1; display: block; content: ""; position: absolute; left:0; right:0; bottom:-1px; width: initial; height: 2px; background-color:#0189C6;}

/*BODY*/
.cef .aui-tabs.horizontal-tabs > .tabs-pane { margin-top: 1rem;}

@media screen and (max-width: 600px) {
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a,
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { padding:.25rem !important;}
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:first-child { border-top-left-radius: 0;}
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:last-child { border-top-right-radius: 0;}
}

/**************************/
/*--- CEF WEBTOOL MAP ---*/
/************************/
.brikit-content-layers .cef .wtmap {-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55);}
.brikit-content-layers .cef .wtmap a:not(.aui-button):not(.rich-link),
.brikit-content-layers .cef .wtmap a:not(.aui-button):not(.rich-link):link,
.brikit-content-layers .cef .wtmap a:not(.aui-button):not(.rich-link):visited,
.brikit-content-layers .cef .wtmap a:not(.aui-button):not(.rich-link):active,
.brikit-content-layers .cef .wtmap a:link { border:2px solid transparent;}
.brikit-content-layers .cef .wtmap a:not(.aui-button):not(.rich-link):hover,
.brikit-content-layers .cef .wtmap a:hover { background-color: #003764; border:2px solid #FFCF00;}
.brikit-content-layers .cef .wtmap a:not(.aui-button):not(.rich-link):focus,
.brikit-content-layers .cef .wtmap a:focus { border:2px solid transparent; outline: 2px dashed #FFCF00; outline-offset: 2px;}
.brikit-content-layers .cef .wtmap .wtcontent { border:none;}
.brikit-content-layers .cef .wtinfoclose { display: inline-block !important; background-color: #003764;}
.brikit-content-layers .cef .wtinfo { border:none; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55);}
.brikit-content-layers .cef .wtinfo:focus { border:none;}
.brikit-content-layers .cef .wtinfocontent h3, .brikit-content-layers .cef .wtinfocontent p { color: #003764;}
.brikit-content-layers .cef .wtinfocontent .cef-btn:focus {outline: 2px dashed black !important;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive { border:2px solid transparent;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive:hover { border:2px solid #003764;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive:focus { border:2px solid transparent; outline: 2px dashed black !important;}
.brikit-content-layers .wtMarkerIcon { width: 28px !important;}
.brikit-content-layers .cef .wtmenu { background-color: #003764;}
.brikit-content-layers .cef .wtmenu a { display: inline-block;}
.brikit-content-layers .cef .wtmenu span { background-color: #003764;}
.cef .wtfooter { display:none;}

/*LOADING ANIMATION*/
.cef-map-wrapper { position:relative; min-height:2rem;}
.wtmap { position:relative; z-index:2}
.cef-map-loading { position:absolute; z-index:1;}
.cef-map-loading-text { float:left; display:inline-block; margin-top:5px;}
.cef-map-loading-animation-wrapper {display: inline-block; margin-left:10px; line-height:0;}
.cef-map-loading-animation { display: inline-block; width: 5px; height: 5px; border-radius: 15px; background-color: white;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(1) {animation: cef-map-loading-animation 0.8s 0.1s linear infinite;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(2) {animation: cef-map-loading-animation 0.8s 0.2s linear infinite;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(3) {animation: cef-map-loading-animation 0.8s 0.3s linear infinite;}

@keyframes cef-map-loading-animation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

/**********************************************************/
/*--- SPECIFIC FOR THIS PAGE = DON'T COPY ON MAIN CSS ---*/
/********************************************************/
/*--- REMOVE CEF DIGITAL BREADCRUMP & TITLE PAGE ---*/
.brikit-header-backdrop { border:none;}
.brikit-title-backdrop { display: none !important;}
#brikit-breadcrumbs-relocated { display: none;}
/*.first-layer { display: none;}*/

/*--- HACK TO REMOVE EMPTY HEADER CONTENT ---*/
/*.brikit-header-content { display: none; border:1px solid red; }*/

.secondary-nav {margin:0 auto !important; padding:10px 0 !important; max-width: 2560px;}
.secondary-nav { z-index: 2; background-color: #F0F4F5; }
.secondary-nav ul { display:inline-block; margin-left:15px;}
.secondary-nav ul li { margin-right:30px;}
.secondary-nav ul li:first-child { font-size: 170%;}
.secondary-nav ul li:first-child:after { margin-left: 30px; display: inline-block; content: ''; width: 8px; height: 8px; background-color: #0189C6; border-radius: 10px;}
.secondary-nav ul li a { color: #003764 !important;}

.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link), 
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):link,
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):active,
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):visited {
color: #003764; 
font-weight:bold;
text-decoration: none !important;
border-top: 2px solid transparent; 
border-right: 2px solid transparent; 
border-bottom: 2px solid transparent; 
border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;
}
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):hover {
color: #003764 !important; 
text-decoration: none !important; 
border-top: 2px solid transparent; 
border-right: 2px solid transparent; 
border-bottom: 2px solid #003764; 
border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;
}
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):focus { border: 2px solid transparent; outline: 2px dashed black; outline-offset: 2px;}

@media screen and (max-width: 600px) {
	.secondary-nav ul { margin-left:0;}
	.secondary-nav ul li:first-child:after { margin-left: 10px;}
}

/*******/
/*----*/
/*****/
Content Layer
id814715416
classcef cef-section cef-pb-4
Div
classcef-container
Div
classcef-row
Div
classcef-col-8
HTML
<h2>Discover EBSI</h2>
<p class="cef-h3">Experience the future with the European Blockchain Services Infrastructure (EBSI).</p>
<p class="lead">The European Blockchain Services Infrastructure (EBSI) is a network of distributed nodes lead">The European Blockchain Services Infrastructure (EBSI) is a network of distributed nodes across Europe that will deliver cross-border public services. Blockchain technology will ultimately enhance the way citizens, governments and businesses interact.</p>
Div
classcef-row
Div
classcef-col-4 cef-mt-5
HTML
<div class="cef-bb cef-bb-blockchain">
<h3 class="cef-h4">Blockchain (EBSI)</h3>
<p>Build the next generation of European blockchain services</p>
<p><a href="https://ec.europa.eu/digital-building-blocks/sites/x/e4DEBg" aria-label="Learn more about Blockchain (EBSI)">Learn more</a></p>
</div>
Content Layer
id811022842
classcef cef-section cef-grey-light-bg
Content Column
width100%
id811022843
Content Block
id811022854
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Webinar agenda and materials</h2>
<p class="cef-h3">The CEF European Blockchain Infrastructure Service is holding a webinar on 25 February 2021.<p>
<p>The EBSI Notarisation use case aims at delivering an out-of-the-box service allowing public authorities (local/central government) to use the European Blockchain Services Infrastructure (EBSI) and smoothly integrate proof of authenticity/evidence/provenance in their existing applications. These notarisation capabilities can be implemented with minimal effort by leveraging EBSI's blockchain capabilities without investing into one's own blockchain/DLT infrastructure. Moreover, the EBSI Notarisation service simplifies the exchange of information between heterogeneous systems through the use of metadata. This is particularly valuable for cross-border exchanges of data.</p>
<p>This webinar aims to inform the audience about the potential of EBSI’s Notarisation service through the presentation of concrete cases. Together with the Notarisation team, we will demonstrate how this technology can be used to bring direct and concrete benefits to its users.</p>
Div
classcef-row cef-justify-content-center
Div
classcef-col-3 cef-mt-4 cef-text-center
HTML
<h3><span class="cef-display-2 cef-date-day"><strong>25</strong><span class="cef-h6 cef-date-month">Feb</span></span></h3>
Div
classcef-col-7 cef-mt-4
HTML
<div class="cef-mt-3 cef-timeline">
 
 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>10 AM CET</strong></h4>
	  <p> Introduction and Policy context of the European Blockchain Service Infrastructure (EBSI) <br>// By Pierre Marro< Marro <br>// By Spyridon Pilos</p>
	</div> 
 </div>


 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>10.10 AM CET</strong></h4>
	  <p>Introduction to blockchain technology and what it means for public administrations <br>// By Joao Rodrigues Frade</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>10.20 AM CET</strong></h4>
	  <p>Discover and get inspired by the European Blockchain Service Infrastructure (EBSI) <br>// By Robert Czarny</p>
	</div> 
 </div>


 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>10.30 AM CET</strong></h4>
	  <p>Break</p>
	</div> 
 </div>

 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>10.40 AM CET</strong></h4>
	  <p>Notarisation with EBSI: what does it mean?  How does it work? Overview on capabilities and state-of-play <br>// By Mirko Iaconisi <br>// By Denis Avrilionis</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>11.10 AM CET</strong></h4>
	  <p>Discover notarisation user scenarios – demos for pilots <br>// By Denis Avrilionis <br> // By Guests</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>12.10 AM CET</strong></h4>
	  <p>Get started - Create your pilot using the Notaris Registry<br>// By Zaïra Lin <br>// By Saky Kourtidis <br>// By Denis Avrilionis</p>
	</div> 
 </div>


</div>div>



layer2056157353 cef-xxl primary-bg cef-deco-arrow cef-deco-arrow-primary
Content Layer
id849473731
classcef cef-section
Content Column
width100%
id849473732
content-
block
id849473734
Div
classcef
-container
Div
classcef-row
Div
classcef-
col-12
HTML
<h2>Speakers</h2>
Div
classcef-container
Div
classcef-row cef-justify-content-center
Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Pierre%20Marro.png" alt=""></p>
<p class="cef-h5"><strong>Pierre Marro</strong> <span class="cef-d-block cef-h6">DG CNECT <br>Policy officer</span></p>
Content Column
width100%
id2056157355
Content Block
id2056157357
Div
classcef-container or
cef-row
Div
class
 Div
classcef-col-12 3 cef-pbmt-3 cef-textmt-sm-center0
 HTML
<p><strong<p><img classsrc="cef-display-2 cef-d-inline-block cef-mt-3 cef-mr-3 cef-outline cef-outline-white">Join this event</strong>
https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Joao%20Frade.png" alt=""></p>
<p class="cef-h5"><strong>Joao Frade</strong> <span class="cef-h4 cef-mr-3d-block cef-mb-3 cef-d-block">This event is open for registration. Registration end 5pm the day before</span>
</p>

<p>
<a class="cef-btn cef-btn-secondary" hrefh6">DIGIT <br>Head of Sector</span></p>
 Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
 HTML
<p><img src="https://ec.europa.eu/eusurvey/runner/BDTI-Webinar-Q12021" target="_blank">
<span/digital-building-blocks/sites/download/attachments/348029494/Robert%20Czarny.png" alt=""></p>
<p class="cef-link-externalh5">Register><strong>Robert for the webinar</span><spanCzarny</strong> <span class="cef-d-srblock cef-onlyh6">(opens>DIGIT in a new tab)</span>
</a>
</p>
 CSS Stylesheet
.or { position: relative;}
.or .cef-row { position: relative; z-index:1;}
.or:after { z-index:0; position:absolute; top:40%; left:0;  content:'JOIN'; font-size: 20rem; line-height:0; color:#16426F;}

 Content Layer
id849473731
classcef cef-section
<br>Project Manager</span></p>
 Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
 HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Mirko%20Iaconisi.png" alt=""></p>
<p class="cef-h5"><strong>Mirko Iaconisi</strong> <span class="cef-d-block cef-h6">Convenor for the EBP <br>Notarisation
</span></p>
 Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
 HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Denis%20Avrilionis.png" alt=""></p>
<p class="cef-h5"><strong>Denis Avrilionis</strong> <span class="cef-d-block cef-h6">DIGIT <br>PO/Analyst Notarisation</span></p>
 Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
 HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Pilos%20Spyridon.png" alt=""></p>
<p class="cef-h5"><strong>Spyridon Pilos</strong> <span class="cef-d-block cef-h6">European Court of Auditors <br>Principal Manager</span></p>
 Content Column
width100%
id849473732
 Content Block
id849473734
 Div
classcef-container
 Div
classcef-row
 Div
classcef-col-12
 HTML
<h2>Speakers</h2>
 Div
classcef-container
cef-row cef-justify-content-center
 Div
class
 Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
 HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Pierre%20MarroZaira%20Lin.png" alt=""></p>
<p class="cef-h5"><strong>Pierre><strong>Zaira Marro<Lin</strong> <span class="cef-d-block cef-h6">DG CNECT <br>Policy officer<>DIGIT <br>SMO</span></p>
 Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
 HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Joao%20FradeSaky%20Kourtidis.png" alt=""></p>
<p class="cef-h5"><strong>Joao><strong>Saky Frade<Kourtidis</strong> <span class="cef-d-block cef-h6">DIGIT <br>Head of Sector</span></p> class="cef-d-block cef-h6">DIGIT <br>SMO</span></p>


 Content Layer
id734365329
classcef cef-section cef-grey-light-bg
 Content Column
width100%
id734365331
 Content Block
id734365332
 Div
classcef-container
 Div
classcef-row
 Div
classcef-col-12
 HTML
<h2>Discover the webinar recording</h2>
 Div
classcef-container
 Div
classcef-row cef-justify-content-center
 Div
classcef-col-3 5 cef-mt-3 cef-mt-sm-04
 HTML
<a class="cef-link-img" href="https://youtu.be/gbRtziIgzlw" target="_blank"><img class="cef-img-fluid"
 HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Robert%20Czarny.png" alt=""></p>
<p class="cef-h5"><strong>Robert Czarny</strong> <span class="cef-d-block cef-h6">DIGIT <br>Project Manager</span></p>268927291/cef-ebsi-episode-00.jpg" alt="Watch the recording"></a>
 Div
classcef-col-3 5 cef-mt-3 cef-mt-sm-04
 HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Mirko%20Iaconisi.png" alt=""></p>
<p class="cef-h5"><strong>Mirko Iaconisi</strong> <span class="cef-d-block cef-h6">Convenor for the EBP - Notarisation
</span></p>
 Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
 HTML
<p><img src<h3>Did you miss the EBSI general webinar?<span class="cef-text-reset cef-text-nowrap"> </span></h3>
<p>This webinar was about notarisation with EBSI. Delivering an out-of-the-box service allowing public authorities (local/central government) to use EBSI. Watch the recording or download the presentation!</p>
<p>
<a class="cef-btn cef-btn-primary" href="https://ecyoutu.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Zaira%20Lin.png" alt=""></p>
<pbe/gbRtziIgzlw" target="_blank">
<span class="cef-h5"><strong>Denis Avrilionis</strong> <span link-external">Watch the video</span><span class="cef-d-block cef-h6">DIGIT <br>SMO</span></p>
 Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
 HTML
<p><img srcsr-only">(opens in a new tab)</span>
</a>
</p>

<p><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/348029494/Saky%20Kourtidis.png" alt=""></p>
<p class="cef-h5"><strong>Saky Kourtidis</strong> <span class="cef-d-block cef-h6">DIGIT <br>SMO</span></sites/download/attachments/348029494/%2820210225%29%28EBSI_Notarisation_Webinar%29%28v1.06%29.pdf">Download the presentation</a></p>
 Content Layer
id2048633662
classcef cef-section
 Content Column
width100%
id2048633663
 Content Block
id2048633665
 Div
classcef-container
 Div
classcef-row
 Div
classcef-col-12 cef-text-center
 HTML
<h2>Contact us</h2>
<p>If you have any questions about the event, feel free to contact us.</p>
<p><a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk" target="_blank"><span class="cef-link-external">Contact us</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>
 Excerpt
hiddentrue
 HTML
<p class="cef-mb-0">
<span class="cef-badge cef-badge-sm cef-primary-light-bg cef-mr-2 cef-mb-2">Big>European DataBlockchain TestServices Infrastructure</span>
</p>

<h3 class="cef-h1 cef-mt-0">
<span class="cef-display-3 cef-date-day">23<span>25<span class="cef-h6 cef-date-month">Feb</span></span>
<span class="cef-d-block cef-mt-4 cef-mb-2">Meet BigEuropean DataBlockchain TestServices Infrastructure</span>
</h3>

<p>How<p>Notarisation BDTIwith can support Public Administrations in using Big Data and developing their network.
<br>Taking the use of Big Data to the next level<EBSI, explained.
<br>Delivering an out-of-the-box service allowing public authorities (local/central government) to use EBSI.</p>

<p class="cef-mb-0"><a class="cef-btn cef-btn-primary" href="https://ec.europa.eu/digital-building-blocks/sites/x/PoINoK_F"><span>See BDTIEBSI event</span></a></p>