/**********************************/
/*--- CEF 2020 REEBOOT BRIKIT*********************/
/*--- SPECIFIC FOR THIS PAGE = DON'T COPY ON BRIKIT CSS ---*/
/********************************/
.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 2020 HACK BRIKIT ---*/
/*---------------------------*/
.brikit-edit-mode .brikit-content-layers a.aui-button.edit-content-block { z-index:9;}
.cef .position-bottom { display: none;}
/**************************/
/*--- CEF 2020 LAYOUT ---*/
/************************/
/*--- CEF 2020 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 2020 SECTION ---*/
/*-----------------------*/
.cef-section { padding:3rem 0;}
/***************************/
/*--- CEF 2020 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 { display: inline-block !important; padding:2px; line-height: 0; border: 0 !important;}
a.cef-img-link: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 2020 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 { background-color:#003764 !important;}
.cef-primary-medium-bg { color:white !important; background-color:#0189C6;}
.cef-primary-light-bg { 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 { color:white;}
.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: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 { background-color:#FFCF00;}
.cef-terciary-bg { background-color:#3F89C4;}
.cef-grey-light-bg { background-color:#F0F4F5;}
.cef-white-bg { background-color:#FFF;}
/*--- CEF 2020 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 2020 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;}
/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.cef-collapse-panel[hidden] { z-index-1; 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 2020 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: light;}
.brikit-content-layers .cef .cef-font-weight-lighter { font-weight: lighter;}
.brikit-content-layers .cef .cef-font-italic { font-weight: italic;}
/********************************************/
/*--- CEF 2020 SPECIFIC STYLE & SECTION ---*/
/******************************************/
/*--- 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 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;}
}
/*************************/
/*--- CEF 2020 MACRO ---*/
/***********************/
/*--- 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 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 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 { align-items: left; justify-content: left;}
.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 2020 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:link { border:2px solid transparent;}
.brikit-content-layers .cef .wtmap a:hover { background-color: #003764; border:2px solid #FFCF00;}
.brikit-content-layers .cef .wtmap a:focus { border:2px solid black; 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;}
}
/*******/
/*----*/
/*****/
|