/*--- REBOOT BACKGROUND ---*/
body { background-color: #1F1C1C;}
#full-height-container { background-color: transparent !important;}
#main {background-color: transparent !important;}
#main-content { background: rgb(0,67,205);
background: linear-gradient(180deg, rgba(0,67,205,1) 0%, rgba(4,22,81,1) 100%);}
#footer-main { background: rgb(31,28,28);
background: linear-gradient(180deg, rgba(4,22,81,1) 0%, rgba(31,28,28,1) 100%);}
/*--- REBOOT BACKGROUND ---*/
/*heading h2 + ICON*/
.heading-icon { margin-bottom:80px; display: flex; align-items:center; align-self: stretch; gap:24px;}
.heading-icon h2 {margin-bottom:0; font-family: 'jockey', arial, sans-serif; color: #CCFF00;}
@media screen and (max-width: 768px) {
.heading-icon span:nth-child(2), .heading-icon span:nth-child(3) { display: none;}
}
@media screen and (min-width: 769px) {
.heading-icon h2 { white-space: nowrap;}
.heading-icon span:nth-child(2) { display: inline-block; height: 1px; width: 100%; background: linear-gradient(90deg, #CF0 29.5%, rgba(204, 255, 0, 0.00) 100%);}
.heading-icon span:nth-child(3) {}
.heading-icon span:nth-child(3) img { display: flex; align-items:center;}
}
/*button color*/
.wiki-content a.btn.primary.ghost { color: #CCFF00; background: transparent; border-color:#CCFF00;}
.wiki-content a.btn.primary.ghost:hover,
.wiki-content a.btn.primary.ghost:active { color: white; background: transparent; border-color:white;}
.wiki-content a.btn.primary.ghost:focus { outline-color: #CCFF00;}
/*button with ico contact*/
.wiki-content a.btn span.ico-contact { margin-left: 0; width: 20px; height: 20px; background: left no-repeat; background-size: 20px;}
.wiki-content a.btn.primary.ghost span.ico-contact { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/710120100/ico-contact-primary.svg");}
.wiki-content a.btn.primary.ghost:hover span.ico-contact { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/710120100/ico-contact-white.svg");}
@media screen and (min-width: 1366px) {
.break-for-desktop { display: block;}
}
/*--- SECTION INTRODUCTION ---*/
/*---------------------------*/
#introduction { padding-top:250px; padding-bottom:80px;}
#introduction h1 { color: rgba(255, 255, 255, 0.9);}
#introduction h2 { margin-bottom: 0; font-family: 'source_sans_proregular', arial,sans-serif;}
/*--- SECTION PLAN AND ACCESS ---*/
/*------------------------------*/
#plan-access { padding-top:80px; padding-bottom:80px;}
#plan-access h3 { margin-bottom:0;}
#plan-access-map { margin-top: 80px;
-webkit-box-shadow: -1px 0px 43px 10px rgba(255,255,255,0.6);
-moz-box-shadow: -1px 0px 43px 10px rgba(255,255,255,0.6);
box-shadow: -1px 0px 43px 10px rgba(255,255,255,0.6);}
#plan-access h4 { margin-top:80px; font-size:24px; line-height:28px;}
/*--- SECTION DATE AND TIME ---*/
/*----------------------------*/
#date-time { padding-top:80px; padding-bottom:80px;}
.cols.date-time-target { justify-content: center;}
.cols.date-time-target [class*="col-"] { position:relative; padding:80px;}
.cols.date-time-target [class*="col-"] img { z-index: 1;}
.illu-date-time-target-top-left { position: absolute; top: -40px; left: -40px;}
.illu-date-time-target-top-right { position: absolute; top: -40px; right: -40px;}
.illu-date-time-target-bottom-right { position: absolute; bottom: -40px; right: -40px;}
.illu-date-time-target-bottom-left { position: absolute; bottom: -40px; left: -40px;}
.date-time-target-body { position:relative; z-index: 2; text-align: center;}
.wiki-content .date-time-target-body h3 { margin-bottom:0;}
.date-time-target-body p.date-time-target-body-time { font-size: 24px; line-height: 24px;}
.date-time-target-body p:last-child { margin-top:24px;}
/*--- SECTION SECURITY ---*/
/*-----------------------*/
#security { padding-top:80px; padding-bottom:80px;}
#security .heading-icon { margin-bottom:40px;}
#security .col-6 { display: flex; margin-top:40px;}
#security .security-box { display: flex; flex-direction: column; flex: 1; padding:40px; background: rgba(255, 255, 255, 0.12);}
#security .security-box h3 { font-size: 36px; line-height: 36px;}
@media screen and (min-width: 769px) {
#security .security-box { padding:80px;}
}
/*--- SECTION MORE INFO ---*/
/*------------------------*/
#more-info {}
#more-info .btn-cta { margin-top:40px;}
/*--- MAP ---*/
/*----------*/
.wtmap .wt-map-content { border: 1px solid transparent;}
.wt-map-info-content { background-color: #CCFF00; box-shadow: 0 0 5px #444;}
.wt-map-info-content h2, .wt-map-info-content p { color:#1F1C1C;}
.wtfooter { display: none;}
/*--- TABS ---*/
/*-----------*/
.tabs { margin-top:24px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: stretch; border:1px solid #CCFF00;}
.tablinks { display: inline-block; padding:18px; width: 100%; text-align:center; text-decoration:none !important;; color: white; background-color: transparent; border-right:1px solid #CCFF00; cursor: pointer;}
.tablinks:last-child { border-right:0 solid red;}
.tablinks:hover { background: rgba(255, 255, 255, 0.12);}
.tablinks.active { color:#1F1C1C !important; background-color: #CCFF00; cursor: auto;}
.tabcontent { margin-top:24px; color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.12);}
.tabcontent h5 { margin-bottom:24px; color:#CCFF00; font-size:24px; line-height:28px;}
.tabcontent .tabcontent-title { font-size: 24px; color: rgba(255, 255, 255, 1);}
.tabcontent-title.with-icon { display: flex; align-items: center; gap: 12px;}
.tabcontent ul.tabcontent-list { margin:12px 0 0 0; padding:0; list-style:none; color: rgba(255, 255, 255, 0.9);}
.tabcontent ul.tabcontent-list li { position: relative; padding: 0 0 0 24px;}
.tabcontent ul.tabcontent-list li:before { position: absolute; top: 0; left:0; content:'•'; }
.transport-line-number { margin-top:12px; display: flex; align-items:center; gap:12px;}
.transport-line { margin-top:12px; display: flex; align-items:center; align-self: stretch;}
.transport-line span:nth-child(2) { display: inline-block; height: 1px; width: 100%; background: linear-gradient(90deg, #CF0 29.5%, rgba(204, 255, 0, 0.00) 100%);}
@media screen and (max-width: 768px) {
.tabs { display: none;}
.tabcontent { display: block !important; padding: 24px;}
.wiki-content .transport-line { gap: 4px; font-size: 16px; line-height: 18px;}
}
@media screen and (min-width: 769px) {
.tabcontent { display: none; padding: 24px 30% 24px 40px;}
.tabcontent h5 { display: none;}
.wiki-content .transport-line { gap: 10px; }
.transport-line span:nth-child(1) { white-space: nowrap;}
.transport-line span:nth-child(3) { white-space: nowrap;}
} |