/*---------------------------------------*/
/*---OOH ABOUT OOTS PAGE - 17-11-2022---*/
/*-------------------------------------*/
.hack-remove-p > p:first-child,
.hack-remove-p > p:last-child { display:none; border:1px solid red;}
@media screen and (max-width: 769px) {
.img-mobile { width: 180px;}
.remove-on-mobile { display:none !important;}
}
@media screen and (max-width: 1200px) {
.not-d-block-mobile { display:inline !important;}
}
/*---INTRODUCTION---*/
#introduction h1 { margin-bottom:2.5rem;}
#introduction p { margin-bottom:0;}
/*hack - remove empty p from confluence*/
#introduction p:first-child ,#introduction p:last-child { display:none; border:1px solid red;}
/*---TECHNICAL DOCUMENTATION---*/
#technical-documentation { position:relative;
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/bg-illu-sigle-service-documentation.svg");
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
background-color: white;}
@media screen and (max-width: 769px) {
#technical-documentation { background-position: top right; background-size: 240%;}
}
#technical-documentation .container > p:last-child { display:none; border:1px solid red;}
#technical-documentation .card-grid small { color: #5D24A4;}
#technical-documentation .card-grid-footer { text-align: right;}
#technical-documentation .card-grid-footer p:first-child { margin-bottom:1.5rem;}
.technical-documentation-cta { margin-bottom:0 !important;}
@media screen and (min-width: 769px) {
#technical-documentation .card-grid-body p:last-child { margin-bottom: 0;}
.technical-documentation-cta { margin-top:2.5rem !important;}
}
/*---SERVICES---*/
#services { background: #00284A;}
#services h2, #services h3, #services p { color: white;}
#services .card-grid { padding: 0; background: transparent;}
#services .col-separator-before:before,
#services .col-separator-after:after { border-left:1px solid rgba(255, 255, 255, 0.12);}
#services .opacity-75 { opacity: 0.75;}
#services .opacity-50 { opacity: 0.50;}
#services .badge { margin-bottom:0.5rem; color: #995E00; background: #FFEECC;}
/*HACK remove empty p from Confluence*/
#services .col-4 > p:first-child { border:1px solid green; display: none;}
@media screen and (min-width: 769px) {
#services { padding-bottom:6rem;}
#services .card-grid-body p:last-child { margin-bottom:0;}
} | 