...
CSS Stylesheet |
---|
/*------------------------------------------------*/ /*---OOH PROJECTATONS DETAIL PAGE - 22-02-2023---*/ /*----------------------------------------------*/ #main-content p:empty { display: none;} /*#main-content p span:empty { display: none;}*/ .mb-0 { margin-bottom:0;} /*---INFORMATION---*/ #information h2 { margin:5rem 0 2.5rem 0;} #information h2:first-child { margin-top:0;} .information {} .information-list { margin: 0; padding: 0;} .information-list li { margin:2.5rem 0 0 0; padding-bottom:1.5rem; list-style-type: none; border-bottom: 1px solid #E3E6EB;} .information-list li:first-child { margin-top:0;} .information-cols { display: flex;} .information-col:nth-child(1) { width: 25%;} .information-col:nth-child(1) p { font-size: 18px !important; color: #001832;} .information-col:nth-child(2) { width: 75%} .timeline {} .description {} .agenda {} /*---HOW TO REGISTER---*/ #how-to-register { padding-top:0;} #how-to-register-box { padding:1rem; background: #F3F4F7; border-radius: 60px;} #how-to-register-box .cols p:first-child { display: none;} #how-to-register-box ul { margin:2.5rem 0 0 0; padding: 0; list-style: none;} #how-to-register-box ul li > div { display:flex; align-items: baseline; gap:10px;} #how-to-register-box ul li > div > 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;} #how-to-register-box ul li:last-child > div > p { margin-bottom:0;} #how-to-register-box h3 { margin-bottom:2.5rem;} @media screen and (min-width: 1366px) { #how-to-register-box { padding:5rem;} } /*---BOX CTA PROJECTATHON---*/ #box-cta-projectathon { padding-top:0; position:relative;} #box-cta-projectathon .projectathon-box { padding:1.5rem; background-color: #00284A; border-radius:20px;} #box-cta-projectathon .container .cols { margin-bottom:-1rem;} #box-cta-projectathon .projectathon-box-col-illu { margin-bottom:1rem;} #box-cta-projectathon .projectathon-box-col-illu img { width: 120px; height:auto;} #box-cta-projectathon h3, #box-cta-projectathon p { color: white;} #box-cta-projectathon p.p-opacity { opacity: 0.75} #box-cta-projectathon p:last-of-type { margin-bottom:0;} /*hack - remove empty p from confluence*/ #box-cta-projectathon .container > p:first-child, #box-cta-events .container > p:last-child { display: none; border:1px solid green;} @media screen and (min-width: 769px) { #box-cta-projectathon .projectathon-box { padding:2.5rem;} #box-cta-projectathon .projectathon-box-cols { display: flex; align-items: center;} #box-cta-projectathon .projectathon-box-col-illu { margin-bottom:0; padding:0 3rem 0 0} } @media screen and (min-width: 1366px) { #box-cta-projectathon .projectathon-box { padding:5rem;} } |