/*-----------------------------------------------*/
/*---OOH ACCELERATOR DETAIL PAGE - 13-05-2024---*/
/*---------------------------------------------*/
#main-content p:empty { display: none;}
.mb-0 { margin-bottom:0;}
/*---INTRODUCTION---*/
#introduction .container > p:first-child { display: none; border:1px solid red;}
.introduction-box { display: flex; border-radius: 16px; overflow: hidden; }
.introduction-box-cover { width: 50%; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/716149200732397574/illu-introduction-accelerator-projectathon3-02024.jpg"); background-size: cover;}
.introduction-box-content { position:relative; padding: 3.5rem 7rem 2.5rem 0; width: 50%; background-color: #F3F4F7;}
.introduction-box-content * { position: relative;}
.introduction-box-content:before { position:absolute; top: -10%; left:-110px; display: inline-block; content:""; background-color: #F3F4F7; width: 200px; height: 120%; border-radius: 50% 50% 52% 48% / 50% 50% 50% 50% ;}
.heading-subtitle { display: block; font-size: 14px; line-height: 24px; letter-spacing: 5px; font-family: Source Sans Pro SB !important; text-transform: uppercase;}
@media screen and (max-width: 768px) {
.introduction-box { display: block;}
.introduction-box-cover { height: 260px; width: 100%;}
.introduction-box-content { padding: 2rem; width: 100%;}
.introduction-box-content:before { width: 0;}
}
@media screen and (min-width: 769px) {
.introduction-box-content h1 + p { width: 80%;}
}
/*---INFORMATIONGALLERY---*/
#information#gallery { padding-top:0position: relative; z-index: 2; padding-bottomtop:0;}
/*reboot*/
#information #gallery .container .cols > {div margin:0;}
#informationp:first-child, #gallery .container .cols > div p:last-child { paddingdisplay:0 none;}
#information h2.wiki-content .gallery-p { margin:6rem0 0 40px2rem 0;}
#information h2:first-child.wiki-content .gallery-cta { margin-top:2rem 0 0 0;}
.information-listgallery { margin: 0; padding: 0 -5px!important; width:100%;}
.gallery table { width:100%;}
.gallery table td { width:25%;}
.information-list ligallery table td img { margin:2rem 0 0 0!important; padding-bottom:1rem 5px; list-style-typewidth: none100%; bordermax-bottomwidth: 1px solid #E3E6EB;}
.information-list li:first-child { margin-top:0400px; height: auto; border-radius: 16px;}
.information-list li:last-childgallery table td img:hover { cursor: pointer;}
/*---INFORMATION---*/
#information { padding-bottomtop:0; borderpadding-bottom: none0;}
/*reboot*/
.information-col:nth-child(1) p#information .container .cols { font-size: 18px; color: #001832;}
.information-list li:last-child .information-col:nth-child(2) p { margin-bottommargin:0;}
#information .container .cols > div { padding:0;}
@media#information screenh2 and (min-width: 769px) {
.information-cols { display: flex; align-items: flex-start;}
.information-col:nth-child(1) { width: 30%;}
.information-col:nth-child(2) { width: 70%}
}
/*---AGENDA BOX---*/
.agenda {
background: rgb(243,244,247);
background: linear-gradient(0deg, rgba(243,244,247,1) 75%, rgba(251,252,255,1) 75%, rgba(251,252,255,1) 100%);
}
.agenda-content-box { position: relative; padding:80px; background-color:#00284A; border-radius:60px;}
.agenda-content-box{ margin:6rem 0 40px 0;}
#information h2:first-child { margin-top:0;}
.information-list { margin: 0; padding: 0;}
.information-list li { margin:2rem 0 0 0; padding-bottom:1rem; list-style-type: none; border-bottom: 1px solid #E3E6EB;}
.information-list li:first-child { margin-top:0;}
.information-list li:last-child { padding-bottom:0; border-bottom: none;}
.information-col:nth-child(1) p { font-size: 18px; color: #001832;}
.information-list li:last-child .information-col:nth-child(2) p { margin-top:40px;}
.agenda-content-box > p:first-child { display:none; border:1px solid redbottom:0;}
@media screen and (maxmin-width: 768px769px) {
.agendainformation-content-boxcols { paddingdisplay:20px; border-radius:20px;}
}
.agenda-content-box h2 { margin-bottom:40px; color: #FFF;}
.agenda-hour-cols { display: flex;}
.agenda-hour flex; align-items: flex-start;}
.information-col:nth-child(1) { padding:1rem 0; width: 25%; font-family: Source Sans Pro SB30%;}
.agenda-hourinformation-col:nth-child(2) { padding:1rem 0; width: 75%; border-bottom: 1px dashed rgba(255, 255, 255, 0.25)70%}
}
/*---AGENDA BOX---*/
.agenda-content-box { position: relative; padding:80px; background-color:#00284A; border-radius:60px;}
.agenda-hour li:lastcontent-box:nth-child .agenda-hour-cols (1) { margin-bottom:80px;}
.agenda-hourcontent-colbox:nth-child(2) { bordermargin-bottomtop:none40px;}
@media screen and (min-width: 769px) {
.agenda-cols.agenda-content-box > p:first-child { display: flexnone; border:1px solid red;}
.agenda-col:nth-child(1
@media screen and (max-width: 768px) {
width: 30%;}
.agenda-col:nth-child(2)content-box { widthpadding: 70%20px; border-radius:20px;}
}
/*hour*/
.agenda-hourcontent-box h2 { margin-bottom: 040px; paddingcolor:0 #FFF;}
.agenda-hour-cols li { list-styledisplay: noneflex;}
.agenda-hour li-col:firstnth-child(1) { padding-top:0:1rem 0; width: 25%; font-family: Source Sans Pro SB;}
.agenda-hour li-col:lastnth-child(2) { padding-bottom:1rem 0; width: 75%; border-bottom: 1px dashed transparent rgba(255, 255, 255, 0.25);}
.agenda-hour li .agenda-hour-col:nth:last-child(1) {color: #FFF;}
.agenda-hour-cols li .agenda-hour-col:nth-child(2) {color: rgba(255, 255, 255, 0.75) border-bottom:none;}
/*ico-location*/
.location { display: inline-flex; flex-direction: row; align-items: center; gap: 6px;}
.location span@media screen and (min-width: 769px) {
.agenda-cols { display: flex;}
.agenda-col:nth-child(1) { display: inline-block; width: 16px; height: 16px30%;}
.location.room-1 spanagenda-col:nth-child(12) { backgroundwidth: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/716149200/ico-room-1.svg") no-repeat center;}
.location.room-1 span:nth-child(2) { color:#FBC11D;}
.location.room-2 span:nth-child(1) { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/716149200/ico-room-2.svg") no-repeat center;}
.location.room-2 span70%}
}
/*hour*/
.agenda-hour { margin: 0; padding:0;}
.agenda-hour li { list-style: none;}
.agenda-hour li:first-child { padding-top:0;}
.agenda-hour li:last-child { padding-bottom:0; border-bottom: 1px dashed transparent;}
.agenda-hour li .agenda-hour-col:nth-child(1) {color: #FFF;}
.agenda-hour li .agenda-hour-col:nth-child(2) { color:#EC8FFF rgba(255, 255, 255, 0.75);}
/*add illuico-location*/
.illu-projectathon-agendalocation { positiondisplay: absoluteinline-flex; bottomflex-direction: -65pxrow; rightalign-items: 50px;}
.illu-projectathon-agenda img {width: 90pxcenter; gap: 6px;}
@media screen and (min-width: 769px.location span:nth-child(1) {
display: .illu-projectathon-agenda { bottom: -110px; right: 100px;}
.illu-projectathon-agenda img {width: 180px;}
}
/*macro expand*/
.expand-container { margin:0; padding:0; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.expand-container:last-child { border-bottom: 1px solid transparent;}
.expand-container .aui-icon::before { font-size: 20px !important; color: #FFF;}
.expand-container [aria-expanded="true"] .aui-iconfont-chevron-down { transform: rotate(180deg);}
.expand-container [aria-expanded="false"] .aui-iconfont-chevron-right { transform: rotate(90deg);}
.expand-control { display: flex; align-items: center; margin-bottom:0; padding:40px 0;}
.expand-control button { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items:end; gap: 24px; width:100%;}
.expand-control button.aui-button.aui-button-link { color:inline-block; width: 16px; height: 16px;}
.location.room-1 span:nth-child(1) { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/716149200/ico-room-1.svg") no-repeat center;}
.location.room-1 span:nth-child(2) { color:#FBC11D;}
.location.room-2 span:nth-child(1) { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/716149200/ico-room-2.svg") no-repeat center;}
.location.room-2 span:nth-child(2) { color:#EC8FFF;}
/*add illu*/
.illu-projectathon-agenda { position: absolute; bottom: -65px; right: 50px;}
.illu-projectathon-agenda img {width: 90px;}
@media screen and (min-width: 769px) {
.illu-projectathon-agenda { bottom: -110px; right: 100px;}
.illu-projectathon-agenda img {width: 180px;}
}
/*macro expand*/
.expand-container { margin:0; padding:0; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.expand-container:last-child { border-bottom: 1px solid transparent;}
.expand-control button span:nth-child(1) {container .aui-icon::before { font-size: 20px !important; color: #FFF;}
.expand-control button span:nth-child(2) { text-align: leftcontainer [aria-expanded="true"] .aui-iconfont-chevron-down { transform: rotate(180deg);}
.expand-control-text {width: 100%; font-size: 20px; color: #FFFcontainer [aria-expanded="false"] .aui-iconfont-chevron-right { transform: rotate(90deg);}
.expand-contentcontrol { margindisplay:0 flex; paddingalign-items: center; margin-bottom:0; colorpadding:40px #5E748E0;}
@media screen and (max-width: 768px) {
.expand-control-text { font-size: 16px;}
}
/*---REGISTER---*/
#register { display:none; padding-bottom:0; background:#F3F4F7;}
/*reboot*/
#register .container .cols { margin:0;}
#register .container .cols > div { padding:0;}
#register .container .cols { position:relative; z-index: 10;}
#register h2 { margin-bottom:40px;}
#register ul { margin:2.5rem 0 0 0; padding: 0; list-style: none;}
#register ul li { display:flex; align-items: baseline; gap:8px;}
#register ul li span { display: flex; align-items: center; justify-content: center; background: #E3E6EB; width: 24px; height: 24px; min-width: 24px; border-radius: 24px; color: #3D597A; font-size: 12px;}
#register ul li:last-child > p { margin-bottom:0;}
#register p.p-btn-cta { margin:40px 0 0 0;}
/*---BOX PLAYBOOK---*/
#box-cta-playbook { position:relative;}
/*reboot*/
#box-cta-playbook .container .cols { margin:0;}
#box-cta-playbook .container .cols .col-8 { padding:0;}
.box-playbook { padding:1.5rem; background-color: #00284A; border-radius:20px;}
.box-playbook h4 span { display: block; font-size: 12px; letter-spacing: 5px; font-family: Source Sans Pro SB; text-transform: uppercase; color: rgba(251, 193, 29, 1);}
.box-playbook h4, #box-cta-playbook p { color: white;}
.box-playbook p.p-opacity { opacity: 0.75}
.box-playbook p:last-of-type { margin-bottom:0;}
.box-playbook ul { margin-bottom:0; padding:1rem 0 0 1rem; color: #EC8FFF;}
.box-playbook a.secondary-download { color: #EC8FFF;}
.box-playbook .box-playbook-illu img { width: 120px; height:auto;}
@media screen and (max-width: 768px) {
.box-playbook .box-playbook-illu { margin-bottom:1rem;}
}
@media screen and (max-width: 900px) {
#box-cta-playbook .container .cols .col-8 { width: 100%;}
}
@media screen and (min-width: 769px) {
.box-playbook { padding:2.5rem;}
.box-playbook-cols { display: flex; align-items: center; gap: 80px;}
}
@media screen and (min-width: 1366px) {
.box-playbook { padding:5rem;}
}
/*---FOOTER---*/
#projectathon-footer { padding-top:0;}
/*reboot*/
#projectathon-footer .container .cols { margin:0;}
#projectathon-footer .container .cols .col-12 { padding:0;}
#projectathon-footer .container .cols div { border-top:1px solid #E3E6EB;}
#projectathon-footer .container .cols div p { margin:40px 0 0 0;}.expand-control button { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items:end; gap: 24px; width:100%;}
.expand-control button.aui-button.aui-button-link { color: transparent;}
.expand-control button span:nth-child(1) {}
.expand-control button span:nth-child(2) { text-align: left;}
.expand-control-text {width: 100%; font-size: 20px; color: #FFF;}
.expand-content { margin:0; padding: 0; color: #5E748E;}
@media screen and (max-width: 768px) {
.expand-control-text { font-size: 16px;}
}
/*---REGISTER---*/
#register { display:none; padding-bottom:0; background:#F3F4F7;}
/*reboot*/
#register .container .cols { margin:0;}
#register .container .cols > div { padding:0;}
#register .container .cols { position:relative; z-index: 10;}
#register h2 { margin-bottom:40px;}
#register ul { margin:2.5rem 0 0 0; padding: 0; list-style: none;}
#register ul li { display:flex; align-items: baseline; gap:8px;}
#register ul li span { display: flex; align-items: center; justify-content: center; background: #E3E6EB; width: 24px; height: 24px; min-width: 24px; border-radius: 24px; color: #3D597A; font-size: 12px;}
#register ul li:last-child > p { margin-bottom:0;}
#register p.p-btn-cta { margin:40px 0 0 0;}
/*---FOOTER---*/
#projectathon-footer { padding-top:0;}
/*reboot*/
#projectathon-footer .container .cols { margin:0;}
#projectathon-footer .container .cols .col-12 { padding:0;}
#projectathon-footer .container .cols div { border-top:1px solid #E3E6EB;}
#projectathon-footer .container .cols div p { margin:40px 0 0 0;} | 