@font-face {
font-family: ‘arial-regular’;
src: url(‘https://ted.europa.eu/o/ted2-theme/fonts/arial-regular.woff2’) format(‘woff2’),
url(‘https://ted.europa.eu/o/ted2-theme/fonts/arial-regular.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: ‘arial-bold’;
src: url(‘https://ted.europa.eu/o/ted2-theme/fonts/arial-bold.woff2’) format(‘woff2’),
url(‘https://ted.europa.eu/o/ted2-theme/fonts/arial-bold.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

#notice a, #summary a {
color: #3D6ECF;
text-decoration: none;
}

#notice a:hover, #summary a:hover {
color: #1454B7;
}

#notice img, #summary img {
vertical-align: text-bottom;
}

#notice div :not([class]), #summary div :not([class]) {
margin-bottom: 2px;
}

/*————————————*
SECTIONS
*————————————*/

#notice {
padding: 1px 20px;
font-size: 15px;
line-height: 1.25rem;
color: #444;
font-family: ‘arial-regular’;
}

#summary {
padding: 1px 20px;
font-size: 0.875rem; /* 14px */
line-height: 1.25rem;
color: #444;
font-family: ‘arial-regular’;
}

#summary .summary-section {
padding-left: 20px;
}

/*————————————*
CLASSES
*————————————*/

#notice .header {
padding-bottom: 15px;
}

#notice .h2, #summary .h2 {
padding-top: 8px;
margin-bottom: 20px;
border-bottom: 1px solid #DDD;
}

#notice .section-content, #summary .section-content {
margin-left: 65px;
margin-bottom: 12px;
}

#notice .subsection-content, #summary .subsection-content {
margin-top: 12px;
}

#notice .sublevel__number, #summary .sublevel__number {
float: left;
margin-left: -65px;
width: 55px;
text-align: right;
}

#summary .sublevel__content {
margin-top: 12px;
margin-bottom: 12px;
}

#notice.title, #summary .title {
display: block;
}

#notice .bold, #summary .bold {
font-family: ‘arial-bold’;
}

#notice .label {
margin-top: 2px;
display: inline;
}

#notice .line {
margin-top: 2px;
display: inline-block;
white-space: normal;
}
#notice div :not([class]), #summary div {
padding-bottom: 7px;
}

#notice .footer {
/* We mark this element as running by using the running function
* to specify a named position. The name can be any valid CSS identifier.
* See the @page rule below. */
position: running(footer);
}

@page {
margin: 5% 20px 10% 20px;
@bottom-left {
border-top: 1px solid #DDD;
padding-top: 10px;
content: element(footer);
vertical-align: top;
}
@bottom-right {
border-top: 1px solid #DDD;
padding-top: 10px;
content: “Page ” counter(page) “/” counter(pages);
vertical-align: top;
}
}

@page :first {
margin-top: 2%;
}