...
CSS Stylesheet |
---|
/*-------------------------------------------*/ /*---OOH EVENTS CALENDAR PAGE - 21-11-2022---*/ /*------------------------------------------*/ /*---INTRODUCTION---*/ #introduction { background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951745/bg-illu-sigle-events.svg"); background-position: top right; background-repeat: no-repeat; background-size: 100%; } @media screen and (max-width: 769px) { #introduction { background-position: top right; background-size: 240%;} } .event-list .col-container { margin-bottom:2.5rem; padding-bottom:2.5rem; border-bottom:1px solid #F3F4F7;} .event-list .col-container:last-child { border:none;} .col-container { display: flex; justify-content: space-between; align-items: center !important;} .col-first { width: 35%;} .col-first img { max-width: 100%; height: auto; border-radius: 12px;} .col-second { width: 55%;} .col-container h2 { display: none;} .col-container h3 { font-size:20px;} .col-container h3 span { display: block; font-size: 1rem; line-height: 1; color: #5D24A4;} .col-container p.date { margin-bottom:0.5rem;} .col-container p.event-cta { margin-bottom:0; text-align: right;} #revisit-passed-events { margin-top:-6rem; padding-top:2.5rem; padding-bottom:0; border-top:1px solid #F3F4F7;} /*---BOX CTA EVENTS---*/ #box-cta-projectathon-playbook { padding-top:0;} /*hack - remove empty p from confluence*/ #box-cta-projectathon-playbook > p:first-child , #box-cta-events > p:last-child { display:none; border:1px solid red;} #box-cta-projectathon-playbook .container { position: relative; padding: 3rem 2.5rem; background-color: #00284A; border-radius: 20px;} #box-cta-projectathon-playbook h3 { color: white;} #box-cta-projectathon-playbook p:first-child { margin-top:0.75rem; color: white; opacity: 0.75;} #box-cta-projectathon-playbook p:last-child { margin-bottom:0;} @media screen and (min-width: 769px) { #box-cta-projectathon-playbook .container { padding: 6.25rem 5rem;} } |