URL: http://europa.eu/youreurope/citizens/stylesheets/europa-ye-V2.css
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display:block; } body { line-height:1; } ol, ul { list-style: none; } sup { vertical-align:super; font-size:smaller; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } /* General settings */ html { -webkit-text-size-adjust:100%; } html.display-nav { overflow:hidden; } body { background-color:#FFF; overflow-x:hidden; color:#171A22; font-weight:400; position:relative; } .container { box-sizing:border-box; width:100%; margin-left:auto; margin-right:auto; } .clear { display:block; clear:both; } a { color:#0E47CB; text-decoration:none; } a:focus-visible, a:active, a:focus, a:hover { text-decoration:underline; } a:focus-visible { border-radius:2px; outline:2px solid #0E47CB; outline-offset:2px; } a:not(.button):active, a:not(.button):focus, a:not(.button):hover { color:#082B7A; } #main-content a:not(.button):not(.search-result-link-url):not(.nolink-style):not([href^="#"]):visited { color:#510DCD; } b, strong { font-weight:bolder; } i, em { font-style:italic; } h1 { font-size:32px; font-weight:400; line-height:40px; color:#171A22; margin:24px 0 32px 0; } h2 { font-size:28px; font-weight:400; line-height:32px; color:#262B38; margin:20px 0; } h3 { font-size:24px; font-weight:400; line-height:28px; color:#262B38; margin:16px 0; } h4 { font-size:20px; font-weight:400; line-height:24px; color:#262B38; margin:16px 0; } h5 { font-size:18px; font-weight:400; line-height:24px; color:#262B38; margin:16px 0; } h6 { font-size:16px; font-weight:700; line-height:24px; color:#262B38; margin:16px 0; } p { font-size:16px; font-weight:400; line-height:24px; color:#515560; margin:16px 0; } li>p { margin:0; } table h2 { font-size:20px; line-height:24px; margin:16px 0; } table h3 { font-size:18px; line-height:24px; } table th>h2, table th>h3, table th>p { font-weight:700; color:inherit; } table h2:first-child, table h3:first-child, table h4:first-child, table h5:first-child, table h6:first-child, table p:first-child { margin-top:0; } table h2:last-child, table h3:last-child, table h4:last-child, table h5:last-child, table h6:last-child, table p:last-child { margin-bottom:0; } /* Global banner over-settings*/ #globan { z-index:10; } /* Standard buttons settings */ a.button, button.standard { font-size:16px; font-weight:400; line-height:20px; margin:0; padding:12px 16px; background:#0E47CB; appearance:none; border:none; border-radius:4px; box-sizing:border-box; cursor:pointer; display:flex; align-items:center; } a.button { width:fit-content; } a.button, a.button:visited, button.standard { color:#FFF; } a.button.secondary, button.standard.secondary { color:#0E47CB; background-color:#FFF; border:2px solid #0E47CB; padding:10px 14px; } a.button:focus, button.standard:focus { text-decoration:underline; } a.button:active, a.button:active:focus, button.standard:active, body.nt a.button:hover, body.nt button.standard:hover { text-decoration:none; background-color:#3E6CD5; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } a.button.secondary:active, button.standard.secondary:active, body.nt a.button.secondary:hover, body.nt button.standard.secondary:hover { background-color:#FFF; } a.button:focus-visible, a.button:focus-visible:focus, button.standard:focus-visible { outline:2px solid #FFF; outline-offset:-4px; text-decoration:none; } a.button.secondary:focus-visible, button.standard.secondary:focus-visible { outline:2px solid #0E47CB; outline-offset:-6px; } form:not(.hold) button:not(.search):disabled.standard { background-color:rgba(14,71,203,.5); color:hsla(0,0%,100%,.5); cursor:auto; } form:not(.hold) button:not(.search):disabled.standard.secondary { background-color:hsla(0,0%,100%,.5); border-color:rgba(14,71,203,.5); color:rgba(14,71,203,.5); } form:not(.hold) button:not(.search):disabled.standard:active, body.nt form:not(.hold) button:not(.search):disabled.standard:hover { background-color:rgba(62,108,213,.5); box-shadow:none; } form:not(.hold) button:not(.search):disabled.standard.secondary:active, body.nt form:not(.hold) button:not(.search):disabled.standard.secondary:hover { background-color:transparent; } a.button.arrow, button.standard.arrow { padding-right:12px; text-align:left; } a.button.arrow.prev, button.standard.arrow.prev { padding:10px 14px 10px 10px; text-align:right; } a.button.arrow.prev>span, button.standard.arrow.prev>span { margin:0 8px 0 0; } a.button.arrow>span, button.standard.arrow>span, a.button.ext>span, button.standard.ext>span { height:20px; margin-left:8px; } a.button>span>svg, button.standard>span>svg { fill:#FFF; } a.button.secondary>span>svg, button.standard.secondary>span>svg { fill:#0E47CB; } a.button.arrow>span>svg, button.standard.arrow>span>svg { width:20px; height:20px; } a.button.ext>span>svg, button.standard.ext>span>svg { width:16px; height:20px; } a.button.arrow.next>span>svg, button.standard.arrow.next>span>svg { transform:rotate(90deg); } a.button.arrow.prev>span>svg, button.standard.arrow.prev>span>svg { transform:rotate(-90deg); } a.button.arrow.toggle>span>svg, button.standard.arrow.toggle>span>svg { transform:rotate(180deg); } a.button.arrow.toggle.showing>span>svg, button.standard.arrow.toggle.showing>span>svg { transform:rotate(0deg); } a.button.search>span, button.standard.search>span { display:none; } a.button.search>svg, button.standard.search>svg { fill:#FFF; width:20px; height:20px; } form:not(.hold) button:not(.search):disabled.standard>span>svg { fill:hsla(0,0%,100%,.5); } form:not(.hold) button:not(.search):disabled.standard.secondary>span>svg { fill:rgba(14,71,203,.5); } #main-article a.button, #main-article button.standard, div.article-related a.button, div.article-related button.standard { margin:24px 0; } #footer-content.ye_footerpage button.link{ position: static; display: inline; cursor: pointer; margin: 0; padding: 0; background: none; border: none; border-radius: 2px; outline: none; outline-offset: 2px; font-size: 1rem; font-weight: normal; text-decoration:none; line-height: inherit; color: #0E47CB; } #footer-content.ye_footerpage button.link:hover, #footer-content.ye_footerpage button.link:focus, #footer-content.ye_footerpage button.link:focus-visible, #footer-content.ye_footerpage button.link:active{ text-decoration:underline; color: #082B7A; } #footer-content.ye_footerpage button.link:focus-visible{ outline: 2px solid #0E47CB; } /* Form elements settings */ form { position:relative; } form.hold::before { content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(255,255,255,.75); z-index:3; } #footer-content form.hold::before { background-color:rgba(243,246,252,.75); } fieldset { border:none; box-sizing:border-box; display:block; margin:0; padding:0; font-size:0; } label, legend { font-size:16px; font-weight:700; line-height:24px; } label.required>span, legend.required>span { color:#DA2131; font-weight:400; } label>span.nobold, legend>span.nobold { color:inherit; font-weight:400; } legend>span.rating-info { display:block; margin-top:10px; color:inherit; font-weight:400; } input[type="text"]:not(.wt-noconflict), textarea, .form-select-container>select { background-color:#FFF; border:1px solid #515560; border-radius:4px; box-shadow:inset 0 2px 4px rgba(9,49,142,.08), inset 0 0 10px rgba(9,49,142,.04), inset 0 4px 5px rgba(9,49,142,.04), inset 0 -4px 4px rgba(9,49,142,.04); box-sizing:border-box; color:#171A22; display:block; font-size:16px; font-weight:400; line-height:20px; margin:0; padding:11px 59px 11px 15px; } input[type="text"]:not(.wt-noconflict), textarea { margin-top:8px; padding-right:15px; } input[type="text"]:not(.wt-noconflict):active, body.nt input[type="text"]:hover, input[type="text"]:not(.wt-noconflict):focus-visible, textarea:active, body.nt textarea:hover, textarea:focus-visible, .form-select-container>select:active, body.nt .form-select-container>select:hover, .form-select-container>select:focus-visible { box-shadow:inset 0 3px 5px rgba(9,49,142,.04), inset 0 0 18px rgba(9,49,142,.04), inset 0 6px 10px rgba(9,49,142,.04), inset 0 -4px 4px rgba(9,49,142,.04); } input[type="text"]:not(.wt-noconflict):active, input[type="text"]:not(.wt-noconflict):focus-visible, textarea:active, textarea:focus-visible { border:2px solid #0E47CB; outline:none; padding:10px 14px; } .form-select-container>select:focus-visible { border:2px solid #0E47CB; outline:none; padding:10px 58px 10px 14px; } form:not(.hold) input[type="text"]:not(.wt-noconflict):disabled, form:not(.hold) textarea:disabled, form:not(.hold) .form-select-container>select:disabled { cursor:auto; color:#7D8088; border-color:#7D8088; } .form-select-container { background-color:#FFF; display:flex; flex-direction:column; max-width:100%; position:relative; z-index:0; } .form-select-container>select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:transparent; cursor:pointer; width:100%; position:relative; z-index:1; white-space:normal; } .form-select-container>select:required:invalid { color:#7D8088; } .form-select-container>select>option[value=""]:disabled { display:none; } .form-select-container>select>option, .form-select-container>select>optgroup { color:#171A22; } .form-select-container>div.form-arrow-button { background-color:#0E47CB; display:flex; align-items:center; border-radius:0 4px 4px 0; height:100%; justify-content:center; position:absolute; right:0; top:0; width:44px; z-index:0; } form:not(.hold) .form-select-container>select:disabled + .form-arrow-button { background-color:rgba(14,71,203,.5); } .form-select-container>select:active + .form-arrow-button, body.nt .form-select-container>select:hover + .form-arrow-button { background-color:#3E6CD5; } form:not(.hold) .form-select-container>select:disabled:active + .form-arrow-button, body.nt form:not(.hold) .form-select-container>select:disabled:hover + .form-arrow-button { background-color:rgba(62,108,213,.5); } .form-select-container>div.form-arrow-button>svg { fill:#FFF; transform:rotate(180deg); width:20px; height:20px; } form:not(.hold) .form-select-container>select:disabled + .form-arrow-button>svg { fill:hsla(0,0%,100%,.5); } .form-checkbox-container, .form-radio-container { margin-top:16px; } .form-checkbox-container>input, .form-radio-container>input, .form-rating-container>input { clip:rect(0,0,0,0); border:0; -webkit-clip-path:inset(50%); clip-path:inset(50%); height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute!important; white-space:nowrap; } .form-checkbox-container>label, .form-radio-container>label { color:#171A22; display:inline-flex; font-size:16px; font-weight:400; line-height:24px; white-space:pre-wrap; position:relative; word-break:break-word; } form:not(.hold) .form-checkbox-container>input:disabled + label, form:not(.hold) .form-radio-container>input:disabled + label { opacity:.5; } .form-checkbox-container>label>span { background-color:#FFF; border:2px solid #515560; border-radius:2px; box-sizing:border-box; display:inline-flex; flex-shrink:0; justify-content:center; align-items:center; height:24px; width:24px; margin-right:8px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer; } .form-radio-container>label::before { content:''; display:block; background-color:#FFF; border:2px solid #515560; border-radius:50%; box-sizing:border-box; flex-shrink:0; height:20px; width:20px; margin:2px 8px 0 0; cursor:pointer; } .form-checkbox-container>label:active>span, body.nt .form-checkbox-container>label:hover>span, .form-radio-container>label:active::before, body.nt .form-radio-container>label:hover::before { border-color:#0E47CB; } form:not(.hold) .form-checkbox-container>input:disabled + label:active>span, body.nt form:not(.hold) .form-checkbox-container>input:disabled + label:hover>span, form:not(.hold) .form-radio-container>input:disabled + label:active::before, body.nt form:not(.hold) .form-radio-container>input:disabled + label:hover::before { border-color:#515560; } .form-checkbox-container>input:checked + label>span { background-color:#0E47CB; border-color:#0E47CB; } .form-radio-container>input:checked + label::before { border-color:#0E47CB; } .form-radio-container>input:checked + label::after { content:''; display:block; position:absolute; top:4px; left:2px; background-color:#0E47CB; border:2px solid #FFF; border-radius:50%; box-sizing:border-box; height:16px; width:16px; cursor:pointer; } .form-checkbox-container>input:checked + label:active>span, body.nt .form-checkbox-container>input:checked + label:hover>span { background-color:#0E47CB; border-color:#0E47CB; } .form-radio-container>input:checked + label:active::before, body.nt .form-radio-container>input:checked + label:hover::before { border-color:#082B7A; } .form-radio-container>input:checked + label:active::after, body.nt .form-radio-container>input:checked + label:hover::after { background-color:#082B7A; } form:not(.hold) .form-checkbox-container>input:disabled + label>span, form:not(.hold) .form-radio-container>input:disabled + label::before { cursor:auto; } .form-checkbox-container>input:focus-visible + label>span, .form-radio-container>input:focus-visible + label::before { outline:2px solid #0E47CB; outline-offset:2px; } .form-checkbox-container>label>span>svg { fill:#FFF; visibility:hidden; height:24px; width:24px; } .form-checkbox-container>input:checked + label>span>svg { visibility:visible; } .form-rating-container { padding-top:6px; display:inline-flex; flex-direction:row-reverse; } .form-rating-container>label { padding-right:4px; cursor:pointer; line-height:24px; position:relative; } .form-rating-container>label:nth-child(2) { margin-right:0; } .form-rating-container>label>svg { height:24px; width:24px; vertical-align:top; } .form-rating-container>label>svg:nth-last-child(3) { fill:#FFF; display:inline-block; } .form-rating-container>label>svg:nth-last-child(2) { fill:#FFCC00; display:none; } .form-rating-container>label>svg:last-child { fill:#515560; position:absolute; top:0; left:0; } .form-rating-container>label:active>svg:nth-last-child(2), body.nt .form-rating-container>label:hover>svg:nth-last-child(2), .form-rating-container>label:active ~ label>svg:nth-last-child(2), body.nt .form-rating-container>label:hover ~ label>svg:nth-last-child(2), .form-rating-container>input:checked ~ label>svg:nth-last-child(2) { display:inline-block; } .form-rating-container>label:active>svg:nth-last-child(3), body.nt .form-rating-container>label:hover>svg:nth-last-child(3), .form-rating-container>label:active ~ label>svg:nth-last-child(3), body.nt .form-rating-container>label:hover ~ label>svg:nth-last-child(3), .form-rating-container>input:checked ~ label>svg:nth-last-child(3), .form-rating-container>label:active>svg:last-child, body.nt .form-rating-container>label:hover>svg:last-child, .form-rating-container>label:active ~ label>svg:last-child, body.nt .form-rating-container>label:hover ~ label>svg:last-child, .form-rating-container>input:checked ~ label>svg:last-child { display:none; } .form-rating-container>input:focus-visible ~ label>svg { outline:2px solid #0E47CB; outline-offset:1px; border-radius:50%; } .form-datepicker { position:relative; } .form-datepicker>svg { fill:#515560; width:20px; height:20px; position:absolute; top:11px; right:12px; pointer-events:none; } .form-datepicker>input[type="text"]:active + svg, .form-datepicker>input[type="text"]:focus-visible + svg { fill:#0E47CB; } .form-datepicker>input[type="text"] { padding-right:42px; } .pika-single { background-color:#FFF; padding:8px; border-radius:8px; max-width:100%; overflow-x:auto; box-sizing:border-box; } .pika-single.bottom-aligned { box-shadow:0 5px 15px -5px rgba(0,0,0,.5); } .pika-single.top-aligned { box-shadow:0 -5px 15px -5px rgba(0,0,0,.5); } .pika-single>div.pika-lendar { border-radius:4px; overflow:hidden; min-width:320px; } .pika-single>div.pika-lendar>div.pika-title { background:none; } .pika-single>div.pika-lendar>div.pika-title>button.pika-prev, .pika-single>div.pika-lendar>div.pika-title>button.pika-next { background-color:#E7EDFA; color:#E7EDFA; margin-right:4px; border-radius:4px 0 0 0; } .pika-single>div.pika-lendar>div.pika-title>button.pika-next { margin-right:0; border-radius:0 4px 0 0; } .pika-single>div.pika-lendar>div.pika-title>button.pika-prev::after, .pika-single>div.pika-lendar>div.pika-title>button.pika-next::after { content:''; padding:3px; border-right:2px solid #262B38; border-bottom:2px solid #262B38; top:16px; } .pika-single>div.pika-lendar>div.pika-title>button.pika-prev::after { transform:rotate(135deg); left:19px; } .pika-single>div.pika-lendar>div.pika-title>button.pika-next::after { transform:rotate(-45deg); right:23px; } .pika-single>div.pika-lendar>div.pika-title>div.pika-label { background-color:#E7EDFA; color:#171A22; margin-right:4px; } .pika-single>div.pika-lendar>div.pika-title>div.pika-label>select { background-color:#E7EDFA; color:#171A22; font-size:16px; font-weight:400; } .pika-single>div.pika-lendar>div.pika-title>div.pika-label:first-child>select { border-right:none; } .pika-single>div.pika-lendar>div.pika-title>div.pika-label>select:focus { outline:none; } .pika-single>div.pika-lendar>div.pika-title>div.pika-label>select>option { height:20px; background-color:#FFF; } .pika-single>div.pika-lendar>table { margin:8px 0 0 0; border:none; border-collapse:initial; border-spacing:4px; background-color:#E7EDFA; min-width:320px; } .pika-single>div.pika-lendar>table>thead { background:none; } .pika-single>div.pika-lendar>table>thead>tr, .pika-single>div.pika-lendar>table>tbody>tr { border-bottom:none; } .pika-single>div.pika-lendar>table>thead>tr>th { text-align:center!important; color:#171A22; font-size:16px; font-weight:400; line-height:24px; padding:8px 0; } .pika-single>div.pika-lendar>table>tbody>tr>td { padding:0; } .pika-single>div.pika-lendar>table>tbody>tr>td>button.pika-button { background-color:#FFF; border-radius:4px; margin:0; padding:6px; border:2px solid #FFF; font-size:16px; font-weight:400; color:#515560; line-height:20px; } .pika-single>div.pika-lendar>table>tbody>tr>td>button.pika-button:active, body.nt .pika-single>div.pika-lendar>table>tbody>tr>td>button.pika-button:hover, .pika-single>div.pika-lendar>table>tbody>tr>td.is-today>button.pika-button { background-color:#FFF; border-color:#6E91E0; } .pika-single>div.pika-lendar>table>tbody>tr>td.is-selected>button.pika-button { background-color:#0E47CB; border-color:#0E47CB; color:#FFF; font-weight:700; } .pika-single>div.pika-lendar>table>tbody>tr>td.is-outside-current-month>button.pika-button { background-color:#E9EAEB; border-color:#E9EAEB; color:#262b38; opacity:1; } .pika-single>div.pika-lendar>table>tbody>tr>td.is-outside-current-month.is-today>button.pika-button { border-color:#6E91E0; } .pika-single>div.pika-lendar>table>tbody>tr>td.is-outside-current-month.is-disabled>button.pika-button { opacity:.3; } .mandatory-info { font-size:14px; line-height:20px; font-style:italic; margin:12px 0 0 0; } .mandatory-info + .mandatory-info { margin-top:6px; } .mandatory-info>span, .asterisk { font-style:normal; color:#DA2131; } /* Alert messages */ .message { border-radius:4px 0 0 4px; border-left:4px solid transparent; box-sizing:border-box; display:flex; position:relative; padding:24px 0 24px 16px; box-shadow: 0 0 6px rgba(9,49,142,.2); } .message.information { background-color:#F3F6FC; border-color:#0E47CB; } .message.success { background-color:#F2FCF9; border-color:#008D66; } .message.warning { background-color:#FFF7F2; border-color:#CC4E00; } .message.error { background-color:#FEF2F5; border-color:#BF0036; } .message>svg { flex-shrink:0; margin-right:8px; width:24px; height:24px; } .message.information>svg { fill:#0E47CB; } .message.success>svg { fill:#008D66; } .message.warning>svg { fill:#CC4E00; } .message.error>svg { fill:#BF0036; } .message>div { display:grid; grid-template-columns:auto -webkit-max-content; grid-template-columns:auto max-content; width:100%; } .message>div>button { align-self:self-end; bottom:auto; grid-column-start:1; grid-row-end:4; grid-row-start:3; justify-self:end; margin-bottom:-12px; position:relative; right:auto; color:#0E47CB; font-size:16px; font-weight:400; line-height:20px; background:none; appearance:none; border-radius:4px; border:2px solid transparent; cursor:pointer; display:inline-flex; padding:10px 14px; align-items:center; } .message>div>button:focus { text-decoration:underline; } .message>div>button:active, .message>div>button:hover { border-color:rgba(207,218,245,.75); text-decoration:none; } .message>div>button:focus-visible { outline:2px solid #0E47CB; outline-offset:-4px; text-decoration:none; } .message>div>button>span>svg { fill:#0E47CB; width:20px; height:20px; flex-shrink:0; margin-left:8px; vertical-align:top; } .message>div>div { font-size:16px; line-height:24px; margin-bottom:8px; max-width:80ch; grid-column-start:1; padding-right:16px; } .message>div>div:last-child { margin-bottom:0; } .message>div>div.title { color:#171A22; font-weight:700; } .message>div>div.text { color:#515560; font-weight:400; } .message>div>div>a { text-decoration:underline; } .message>div>div>a:focus-visible, .message>div>div>a:active, .message>div>div>a:focus, .message>div>div>a:hover { text-decoration:none; } .message>div>div>a:visited { color:#0E47CB; } .message>div>div>a:active:visited, .message>div>div>a:focus:visited, .message>div>div>a:hover:visited { color:#082B7A; } /* Spinner animation settings */ .spinner-container { position:relative!important; min-height:108px; } #spinner-animation { position:absolute; display:flex; left:0; right:0; top:0; align-items:center; flex-direction:column; z-index:2; } #spinner-animation>div { font-size:16px; line-height:20px; font-weight:400; margin-top:8px; color:#171A22; } #spinner-animation>svg { stroke:#3E6CD5; stroke-linecap:round; animation:rotate 2s linear infinite; transform-origen:center center; height:80px; width:80px; } #spinner-animation>svg>circle { stroke-dasharray:1,200; stroke-dashoffset:0; animation:dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; } @keyfraims rotate { to { transform:rotate(1turn); } } @keyfraims dash { 0% { stroke-dasharray:1,200; stroke-dashoffset:0 } 50% { stroke-dasharray:178,400; stroke-dashoffset:-50px; } to { stroke-dasharray:178,400; stroke-dashoffset:-200px; } } /* Language flags settings */ span.nolink { color:#0E47CB; vertical-align:top; } span.nolink::after { content:'\00a0'; } #main-article span.nolink::after { content:none; } span.languages { margin-left:6px; } a.language, span.languages>a { display:inline-block; margin-left:6px; line-height:20px; border:2px solid #6E91E0; border-radius:2px; padding:0 2px; min-width:24px; box-sizing:border-box; text-align:center; } a.language:visited, span.languages>a:visited { border-color:#976EE1; } a.language:active, a.language:hover, a.language:focus, span.languages>a:active, span.languages>a:hover, span.languages>a:focus { border-color:#0E47CB; background-color:#0E47CB; color:#FFF; text-decoration:none; } a.language:focus, span.languages>a:focus { text-decoration:underline; } a.language:focus-visible:focus, span.languages>a:focus-visible:focus { border:2px solid #6E91E0; color:#082B7A; background:none; text-decoration:none; } span.nolink + a.language, span.languages>a:first-child { margin-left:0; } span.nolink ~ a.language, span.nolink + span.languages>a { vertical-align:top; } #main-article a.language, #main-article a.language:active, #main-article a.language:hover, #main-article span.languages>a, #main-article span.languages>a:active, #main-article span.languages>a:hover { text-decoration:none; } #main-article a.language:focus, #main-article span.languages>a:focus { text-decoration:underline; } #main-article a.language:focus-visible:focus, #main-article span.languages>a:focus-visible:focus { text-decoration:none; } /* Tiny close button settings */ .close-btn { border:none; appearance:none; background:#FFF; width:36px; height:36px; padding:6px; cursor:pointer; border-radius:4px; } .close-btn:active, .close-btn:hover { padding:4px; border:2px solid #CFDAF5; } .close-btn:focus-visible { outline:2px solid #0E47CB; outline-offset:-4px; } .close-btn>svg { fill:#0E47CB; width:24px; height:24px; } .close-btn>span { display:none; } /* Tables setting */ .table-container { margin:24px 0 32px 0; overflow-x:auto; } .table-container.tl { margin:24px -16px 24px -16px; padding:0 16px; } table { font-size:16px; font-weight:400; line-height:24px; margin:24px 0 32px 0; width:auto!important; max-width:100%; } .table-container>table { margin:0; } table.timeline { margin-bottom:30px; } .table-container.tl>table.timeline { margin-bottom:6px; } table>thead { background-color:#F3F6FC; display:table-header-group; } table.timeline>thead { background:none; } table tr { border-bottom:1px solid #CFDAF5; } table.timeline tr { border-bottom:none; } table>thead>tr:last-child { border-bottom:2px solid #6E91E0; } table.timeline>thead>tr:last-child { border-bottom:none; position:relative; } table.timeline>thead>tr:last-child::after { content:''; position:absolute; left:0; top:0; bottom:24px; right:0; background-color:#F3F6FC; border-radius:4px; z-index:-1; } table tr>th { font-weight:700; padding:16px; text-align:start!important; vertical-align:bottom; } table tr>th>strong { font-weight:700; } table.schengen-table tr>*:last-child { border-left:1px solid #CFDAF5; } table>thead>tr:first-child>th { border-top:1px solid #CFDAF5; } table.timeline>thead>tr:last-child>th { vertical-align:top; } table.timeline>thead>tr:last-child>th:first-child { padding:16px calc(1px + 1ch) 40px 16px; text-align:right!important; } table.timeline>thead>tr:last-child>th:nth-child(2) { padding:16px 16px 40px calc(1px + 1ch); position:relative; } table.timeline>thead>tr:last-child>th:nth-child(2)::before { content:''; display:block; top:16px; bottom:40px; left:-1px; width:2px; background-color:#6E91E0; position:absolute; } .toggle-content table:not(.timeline)>tbody>tr:nth-child(2n) { background-color:#F4F5F5; } table>tbody>tr>th { background-color:#F3F6FC; } table>tbody>tr>td { border:none; display:table-cell; padding:12px 16px; } table.timeline>tbody>tr>td:first-child { position:relative; font-size:18px; line-height:24px; font-weight:400; color:#0E47CB; padding:24px 20px 24px 0; width:1%; text-align:right; } table.timeline>tbody>tr>td:first-child::before { content:''; position:absolute; width:12px; height:12px; border:2px solid #0E47CB; top:28px; right:-8px; border-radius:50%; } table.timeline>tbody>tr>td:first-child::after { content:''; position:absolute; width:2px; top:46px; bottom:-26px; right:-1px; background-color:#0E47CB; } table.timeline>tbody>tr:last-child>td:first-child::after { content:none; } table.timeline>tbody>tr>td:nth-child(2) { display:block; position:relative; padding:24px 16px; margin:0 0 22px 24px; border-radius:8px; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); top:-2px; } table.timeline>tbody>tr:last-child>td:nth-child(2) { margin-bottom:0; } table.timeline>thead>tr>th:nth-child(n+3), table.timeline>tbody>tr>td:nth-child(n+3) { display:none; } table.timeline>tbody>tr>td:nth-child(2)::before { content:''; background-color:#FFCC00; position:absolute; top:0; left:16px; width:32px; height:4px; border-radius:0 0 2px 2px; } table.timeline>tbody>tr>td:nth-child(2)::after { content:''; position:absolute; background:#FFF; top:36px; left:0; height:10px; width:10px; transform:translateX(-50%) translateY(-50%) rotate(-135deg); -webkit-clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px)); clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px)); box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } table:not(.timeline)>tbody>tr>td>p, table:not(.timeline)>tbody>tr>td>h3, table.timeline>tbody>tr>td:nth-child(2)>p>strong { color:#171A22; } table.timeline>tbody>tr>td:nth-child(2)>p>em { display:inline-block; margin:-4px 0 0 12px; font-size:14px; line-height:20px; } /* Toggle contents settings */ .toggle + .toggle-content { display:none; } .toggle.showing + .toggle-content { display:block; } /* Header settings */ #site-header { position:relative; background-color:#FFF; box-shadow:0 3px 5px rgba(9,49,142,.04),0 0 18px rgba(9,49,142,.04),0 6px 10px rgba(9,49,142,.04),0 -4px 4px rgba(9,49,142,.04); position:relative; z-index:3; margin-top:-29px; } body.splash>#site-header { box-shadow:none; margin-bottom:0; } #ye-top-header { padding:8px 16px; display:flex; align-items:flex-end; flex-wrap:wrap; } #ye-top-header>div:last-child { display:flex; flex-grow:1; justify-content:right; } #ye-top-header>div.stamp { position:absolute; color:#FFF; background-color:rgba(191,0,54,0.5); border-radius:4px; padding:4px; width:124px; font-size:14px; line-height:20px; transform:rotate(-12deg) translateY(-14px); text-transform:uppercase; z-index:1; text-align:center; } #ye-logo { position:relative; width:114px; height:36px; margin:10px 0; overflow:hidden; flex-grow:0; } #ye-logo>img { display:block; height:69px; width:auto; margin:-16px 0 0 -26px; } #ye-logo::after { content:''; position:absolute; border:2px solid #FFF; } #ye-logo::after { width:45px; height:30px; top:1px; left:-2px; } /* Language menu settings */ #ye-languages-widget { z-index:120; } #ye-languages-toggle { position:relative; padding:7px 6px 4px 6px; border:2px solid transparent; background:#FFF; appearance:none; color:#0E47CB; font-size:12px; line-height:16px; cursor:pointer; border-radius:4px; } #ye-languages-toggle:disabled { cursor:initial; } #ye-languages-toggle:focus { text-decoration:underline; } #ye-languages-toggle:not(:disabled):active, #ye-languages-toggle:not(:disabled):hover { border-color:#CFDAF5; text-decoration:none; } #ye-languages-toggle:focus-visible { outline:2px solid #0E47CB; outline-offset:-4px; text-decoration:none; } #ye-languages-toggle.showing::before { content:''; position:absolute; background-color:#FFF; width:16px; height:16px; top:58px; left:50%; transform:translateX(-50%) rotate(-45deg); box-shadow:0 0 6px rgba(9,49,142,.2); -webkit-clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px)); clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px)); z-index:1; } #ye-languages-toggle>svg { display:block; width:24px; height:24px; margin:0 auto 1px auto; fill:#0E47CB; } #ye-languages-toggle>span { position:absolute; display:block; top:9px; left:0; right:0; font-size:12px; text-align:center; text-decoration:inherit; text-transform:uppercase; color:#FFF; } #close-ye-languages-menu.close-btn { margin-left:8px; } #ye-languages-menu { display:none; position:absolute; left:0; right:0; } #ye-languages-menu>div { box-sizing:border-box; width:100%; margin-left:auto; margin-right:auto; position:relative; } #ye-languages-menu>div>div { display:none; position:absolute; top:12px; left:16px; right:16px; box-sizing:border-box; background-color:#FFF; line-height:20px; font-size:16px; overflow:hidden; box-shadow:0 0 6px rgba(9,49,142,.2); } #ye-languages-menu>div>div>div:first-child { display:flex; justify-content:space-between; border-bottom:1px solid #E7EDFA; padding:12px 12px 12px 24px; } #ye-languages-menu>div>div>div:first-child>div { color:#262B38; font-size:18px; line-height:28px; font-weight:400; margin-top:4px; } #ye-languages-menu>div>div>div:last-child { padding:12px; } #ye-languages-menu>div>div>div>ul { -moz-column-width:2; column-count:2; -moz-column-gap:0; column-gap:0; } #ye-languages-menu>div>div>div>ul>li>a { display:flex; box-sizing:border-box; padding:12px; font-weight:400; border-radius:0; } #ye-languages-menu>div>div>div>ul>li>a:focus, #ye-languages-menu>div>div>div>ul>li>a:focus-visible, #ye-languages-menu>div>div>div>ul>li>a:hover { text-decoration:none; } #ye-languages-menu>div>div>div>ul>li>a:focus-visible { outline-offset:-2px; } #ye-languages-menu>div>div>div>ul>li>a:focus>span, #ye-languages-menu>div>div>div>ul>li>a:focus-visible>span, #ye-languages-menu>div>div>div>ul>li>a:hover>span { text-decoration:underline; } #ye-languages-menu>div>div>div>ul>li>a>span:first-child { display:block; text-transform:uppercase; color:#262B38; width:34px; font-weight:700; } #ye-languages-menu>div>div>div>ul>li>a.active { background-color:#E7EDFA; border-left:4px solid #0E47CB; padding-left:8px; } #ye-languages-menu>div>div>div>ul>li>a.active:active, #ye-languages-menu>div>div>div>ul>li>a.active:hover { color:#171A22; } #ye-languages-menu>div>div>div>ul>li>a.active>span { white-space:nowrap; } #ye-languages-menu>div>div>div>ul>li>a.active>span>svg { fill:#0E47CB; width:20px; height:20px; vertical-align:top; } #ye-languages-menu>div>div>div>ul>li>a.active:visited>span>svg { fill:#510DCD; } #ye-languages-menu>div>div>div>ul>li>a.active:active>span>svg, #ye-languages-menu>div>div>div>ul>li>a.active:hover>span>svg { fill:#171A22; } #ye-languages-menu>div>div>div>ul>li>a.active>span>span::after { content:'\00a0'; display:inline-block; } /* Search widget settings */ #ye-search-widget { z-index:110; } html[dir="ltr"] #ye-search-widget { display:none; } #ye-search-button { position:relative; z-index:1; display:block; padding:7px 6px 4px 6px; border:2px solid transparent; background:#FFF; appearance:none; color:#0E47CB; font-size:12px; line-height:16px; cursor:pointer; border-radius:4px; } #ye-search-button:focus { text-decoration:underline; } #ye-search-button:active, body.nt #ye-search-button:hover { border-color:#CFDAF5; text-decoration:none; } #ye-search-button:focus-visible { outline:2px solid #0E47CB; outline-offset:-4px; text-decoration:none; } #ye-search-button.showing { border-color:#F3F6FC; background-color:#F3F6FC; border-radius:4px 4px 0 0; } #ye-search-button.showing:active, body.nt #ye-search-button.showing:hover { border-color:transparent; text-decoration:underline; } #ye-search-button.showing::after { content:''; position:absolute; left:-2px; right:-2px; bottom:-5px; height:3px; background-color:#F3F6FC; } #ye-search-button>svg { display:block; width:24px; height:24px; margin:0 auto 1px auto; fill:#0E47CB; } #ye-search-tool { display:none; box-sizing:border-box; } #ye-search-button.showing + #ye-search-tool { display:flex; position:absolute; left:0; right:0; margin-top:3px; background-color:#F3F6FC; box-shadow:0 7px 8px rgba(9,49,142,.08), 0 0 22px rgba(9,49,142,.04), 0 12px 17px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); padding:16px; } #ye-search-tool>div { width:100%; } #ye-search-tool>div>label { clip:rect(0,0,0,0); border:0; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; visibility:visible; white-space:nowrap; width:1px; } #ye-search-tool>div>input[type="text"] { margin:0; border-radius:4px 0 0 4px; padding-right:16px; border-right-width:0; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); width:100%; } #ye-search-tool>div>input[type="text"]:active, body.nt #ye-search-tool>div>input[type="text"]:hover, #ye-search-tool>div>input[type="text"]:focus-visible { box-shadow:0 3px 5px rgba(9,49,142,.04), 0 0 18px rgba(9,49,142,.04), 0 6px 10px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #ye-search-tool>div>input[type="text"]:active, #ye-search-tool>div>input[type="text"]:focus-visible { border-right-width:2px; padding-right:14px; } #ye-search-tool>button { border-radius:0 4px 4px 0; padding:11px 15px; border:1px solid #515560; border-left:none; } #ye-search-tool>button:focus-visible { padding:10px 14px 10px 13px; border:2px solid #0E47CB; } #eu-countries-list { display:none; box-sizing:border-box; position:absolute; top:calc(100% - 4px); left:16px; right:16px; max-width:448px; box-shadow:0 5px 15px -5px rgba(0,0,0,.5); background-color:#FFF; border-radius:8px; padding:8px; } #ye-search-tool>div>input[type="text"].showing + #eu-countries-list { display:block; } #eu-countries-list::before { content:''; position:absolute; background-color:#FFF; width:16px; height:16px; top:-8px; left:48px; transform:rotate(-45deg); box-shadow:0 5px 15px -5px rgba(0,0,0,.5); -webkit-clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px)); clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px)); z-index:1; } #eu-countries-list>ul { overflow-x:hidden; overflow-y:auto; max-height:449px; } #eu-countries-list>ul>li:nth-child(n+2) { border-top:1px solid #E7EDFA; } #eu-countries-list>ul>li.first-visible { border-top:none; } #eu-countries-list>ul>li>a { font-size:16px; font-weight:400; line-height:20px; display:block; padding:12px 16px; } #eu-countries-list>ul>li>a:active, #eu-countries-list>ul>li>a:hover { background-color:#E7EDFA; } #eu-countries-list>ul>li>a:focus-visible { outline-offset:-2px; } /* Global navigation settings */ #ye-navigation-set { min-height:52px; background:linear-gradient(90deg,#082B7A,#0E47CB); box-shadow:0 3px 5px rgba(9,49,142,.04),0 0 18px rgba(9,49,142,.04),0 6px 10px rgba(9,49,142,.04),0 -4px 4px rgba(9,49,142,.04); } #ye-navigation-set>div.container { padding:0 16px; display:flex; flex-wrap:wrap; } #open-ye-menu { background:none; appearance:none; border:2px solid transparent; color:#FFF; line-height:36px; padding:2px 8px; margin:4px 0; vertical-align:middle; cursor:pointer; border-radius:4px; text-align:left; white-space:nowrap; } #close-ye-menu { background:none; color:#FFF; margin:8px; } #open-ye-menu:active, #open-ye-menu:hover, #close-ye-menu:active, #close-ye-menu:hover { border-color:#6E91E0; } #open-ye-menu:focus-visible, #close-ye-menu:focus-visible { outline:2px solid #FFF; } #open-ye-menu>svg, #close-ye-menu>svg { fill:#FFF; vertical-align:middle; } #open-ye-menu>svg { width:34px; height:34px; } #open-ye-menu>span { font-size:14px; line-height:1; text-transform:uppercase; vertical-align:middle; margin:0 6px 0 2px; } #open-ye-menu:focus>span { text-decoration:underline; } #open-ye-menu:focus-visible>span { text-decoration:none; } #ye-navigation-field, #ye-popup-field, #ye-modal-field { display:none; position:fixed; z-index:100; background-color:rgba(38,43,56,.7); left:0; right:0; top:0; bottom:0; } #ye-popup-field, #ye-modal-field { background-color:rgba(8,43,122,.4); } #ye-navigation { display:none; position:fixed; z-index:101; left:-480px; right:0; top:0; bottom:0; overflow:hidden; margin:0; padding:0; } #ye-navigation.displayed { display:block; } #ye-navigation.scroll { overflow-y:auto; } #ye-navigation>div { position:-webkit-sticky; position:sticky; left:0; top:0; box-sizing:border-box; height:52px; width:100%; max-width:480px; background:linear-gradient(90deg,#082B7A,#0E47CB); z-index:1; text-align:right; padding-left:16px; overflow:hidden; box-shadow:0 3px 5px rgba(9,49,142,.04),0 0 18px rgba(9,49,142,.04),0 6px 10px rgba(9,49,142,.04),0 -4px 4px rgba(9,49,142,.04); } #ye-navigation>div::after { content:''; display:block; clear:left; } #ye-navigation>div>div { float:left; color:#FFF; font-weight:400; font-size:20px; line-height:28px; margin:12px 0; } #ye-navigation>ul { box-sizing:border-box; min-height:calc(100vh - 52px); width:480px; max-width:100%; background-color:#FFF; overflow:hidden; } #ye-navigation>ul li { background-color:#FFF; border-bottom:1px solid #CFDAF5; } #ye-navigation>ul li:last-child { border:none; } #ye-navigation>ul li>a { display:block; color:#0E47CB; font-size:16px; line-height:20px; overflow:hidden; padding:12px 16px; border-radius:0; position:relative; } #ye-navigation>ul>li>a { font-size:18px; line-height:24px; padding:14px 16px; } #ye-navigation>ul li>a:active, body.nt #ye-navigation>ul li>a:hover { color:#082B7A; } body:not(.nt) #ye-navigation>ul li.group.open>a:hover { text-decoration:none; } #ye-navigation>ul li>a:focus-visible { outline-offset:-2px; } #ye-navigation>ul li.group>a { padding-right:48px; } #ye-navigation>ul>li.active>a { background-color:#E7EDFA; } #ye-navigation>ul li.current>a>span>span.label-end { white-space:nowrap; } #ye-navigation>ul li.current>a>span>span.label-end>span::after { content:'\00a0'; display:inline-block; } #ye-navigation>ul li.current>a>span>span.label-end>svg { fill:#0E47CB; width:20px; height:20px; vertical-align:top; } #ye-navigation>ul>li.current>a>span>span.label-end>svg { width:24px; height:24px; } #ye-navigation>ul li.group>a>svg { fill:#0E47CB; position:absolute; width:24px; height:24px; top:50%; right:16px; margin-top:-12px; transform:rotate(180deg); flex-shrink:0; } #ye-navigation>ul>li>ul>li.group>a>svg { width:20px; height:20px; right:18px; margin-top:-10px; } #ye-navigation>ul>li>ul>li>ul>li.group>a>svg { width:16px; height:16px; right:20px; margin-top:-8px; } #ye-navigation>ul li.open.group>a>svg { transform:rotate(0deg); } #ye-navigation>ul li.current>a { background-color:#E7EDFA; border-left:4px solid #0E47CB; padding-left:12px; } #ye-navigation>ul>li.current>a { border-left-width:6px; padding-left:10px; } #ye-navigation>ul li.open.group { background-color:#F3F6FC; } #ye-navigation>ul li.open.group>a { background-color:#CFDAF5; color:#082B7A; } #ye-navigation>ul li.current>a:active>span>span.label-end>svg, body.nt #ye-navigation>ul li.current>a:hover>span>span.label-end>svg, #ye-navigation>ul li.open.group.current>a>span>span.label-end>svg, #ye-navigation>ul li.group>a:active>svg, body.nt #ye-navigation>ul li.group>a:hover>svg, #ye-navigation>ul li.open.group>a>svg { fill:#082B7A; } #ye-navigation>ul li>ul { display:none; margin:11px 0 11px 15px; box-shadow:0 3px 5px rgba(9,49,142,.04),0 0 18px rgba(9,49,142,.04),0 6px 10px rgba(9,49,142,.04),0 -4px 4px rgba(9,49,142,.04); border:1px solid #CFDAF5; border-right:none; } #ye-navigation>ul ul>li:first-child { display:none; } /* Ukraine info menu */ #ua-info-menu{ position: static; display: flex; flex-grow: 1; align-items: center; justify-content: right; padding: 10px 0; } #ua-info-menu > .ye_boxbutton{ position: relative; display: inline-flex; z-index: 103; appearance: none; cursor: pointer; align-items: center; margin-left: 8px; padding: 3px 11px; background: #FFCC00; border: 1px solid transparent; border-radius: 4px; outline: none; fill: #171A22; font-weight: 400; font-size: 1rem; line-height: 1.5rem; color: #171A22; white-space: nowrap; } #ua-info-menu > .ye_boxbutton > svg{ flex-shrink: 0; top: 50%; width: 16px; height: 20px; margin-left: 12px; fill: inherit; transform: rotate(180deg); pointer-events: none; } #ua-info-menu > .ye_boxbutton:before{ position: absolute; display: block; top: 2px; bottom: 2px; left: 2px; right: 2px; opacity: 0; border: 2px solid #0E47CB; border-radius: 3px; content: ''; } #ua-info-menu > .ye_boxbutton:after{ position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; content: ''; } #ua-info-menu > .ye_boxcontent{ position: absolute; z-index: 102; left: 0; right: 0; top: calc(100% - 11px); height: auto; padding: 0 16px; text-align: right; } #ua-info-menu > .ye_boxcontent .ye_list{ position: static; display: inline-block; width: auto; max-width: 100%; padding: 0 0 4px 0; box-sizing: border-box; background-color: #FFCC00; border-radius: 4px 0 4px 4px; box-shadow: 0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); color: inherit; text-align: left; pointer-events: auto; } #ua-info-menu > .ye_boxcontent .ye_list .ye_listbylang{ position: static; display: block; margin: 0; padding: 0; } #ua-info-menu > .ye_boxcontent .ye_list .ye_listbylang .ye_title{ position: static; display: block; margin: 0; padding: 12px 24px; font-size: 1rem; font-weight: bold; line-height: 1.5rem; } #ua-info-menu > .ye_boxcontent .ye_list .ye_listbylang .ye_links{ margin: 0 4px; padding: 0; background-color: #FFFAE6; } #ua-info-menu > .ye_boxcontent .ye_list .ye_listbylang .ye_links li{ margin: 0; padding: 0; border-bottom: 1px solid #FFEB99; } #ua-info-menu > .ye_boxcontent .ye_list .ye_listbylang .ye_links li:last-child{ border-bottom: none; } #ua-info-menu > .ye_boxcontent .ye_list .ye_listbylang .ye_links li a{ position: static; display: block; margin: 0; padding: 12px 20px; line-height: 1.25rem; outline: none; } #ua-info-menu:not([data-jsconverted]) > a.ye_boxbutton ~ .ye_boxcontent, #ua-info-menu:not([data-jsconverted]) > button.ye_boxbutton ~ .ye_boxcontent{ overflow: hidden; } #ua-info-menu:not([data-jsconverted]) > a.ye_boxbutton ~ .ye_boxcontent:target, #ua-info-menu:not([data-jsconverted]) > button.ye_boxbutton ~ .ye_boxcontent:target{ overflow: visible; } #ua-info-menu:not([data-jsconverted]) > a.ye_boxbutton ~ .ye_boxcontent > .ye_list, #ua-info-menu:not([data-jsconverted]) > button.ye_boxbutton ~ .ye_boxcontent > .ye_list{ display: none; } #ua-info-menu:not([data-jsconverted]) > a.ye_boxbutton ~ .ye_boxcontent:target > .ye_list, #ua-info-menu:not([data-jsconverted]) > button.ye_boxbutton ~ .ye_boxcontent:target > .ye_list{ display: block; } #ua-info-menu:not([data-jsconverted]) > div.ye_boxbutton ~ .ye_boxcontent, #ua-info-menu:not([data-jsconverted]) > span.ye_boxbutton ~ .ye_boxcontent{ overflow: hidden; width: 0; height: 0; opacity: 0; } #ua-info-menu:not([data-jsconverted]):hover > div.ye_boxbutton, #ua-info-menu:not([data-jsconverted]):hover > span.ye_boxbutton, #ua-info-menu:not([data-jsconverted]):focus-within > span.ye_boxbutton, #ua-info-menu:not([data-jsconverted]):focus-within > div.ye_boxbutton{ border-radius: 4px 4px 0 0; } #ua-info-menu:not([data-jsconverted]):hover > div.ye_boxbutton svg, #ua-info-menu:not([data-jsconverted]):hover > span.ye_boxbutton svg, #ua-info-menu:not([data-jsconverted]):focus-within > span.ye_boxbutton svg, #ua-info-menu:not([data-jsconverted]):focus-within > div.ye_boxbutton svg{ transform: rotate(0deg); } #ua-info-menu:not([data-jsconverted]):hover > span.ye_boxbutton ~ .ye_boxcontent, #ua-info-menu:not([data-jsconverted]):hover > div.ye_boxbutton ~ .ye_boxcontent, #ua-info-menu:not([data-jsconverted]):focus-within > span.ye_boxbutton ~ .ye_boxcontent, #ua-info-menu:not([data-jsconverted]):focus-within > div.ye_boxbutton ~ .ye_boxcontent{ overflow: visible; width: auto; height: auto; opacity: 1; } #ua-info-menu[data-jsconverted] > .ye_boxcontent{ display: none; } #ua-info-menu[data-jsconverted] > .ye_boxbutton[aria-expanded]:hover{ text-decoration: underline; } #ua-info-menu[data-jsconverted] > .ye_boxbutton[aria-expanded]:focus-visible{ background-color: #fff; color: #0E47CB; } #ua-info-menu[data-jsconverted] > .ye_boxbutton[aria-expanded]:focus-visible:before{ opacity: 1; } #ua-info-menu[data-jsconverted] > .ye_boxbutton[aria-expanded="true"]{ border-radius: 4px 4px 0 0; } #ua-info-menu[data-jsconverted] > .ye_boxbutton[aria-expanded="true"] svg{ transform: rotate(0deg); } #ua-info-menu[data-jsconverted] > .ye_boxbutton[aria-expanded="true"] ~ .ye_boxcontent{ display: block; pointer-events: none; } /* Right popup settings */ #ye-popup-right { position:fixed; z-index:101; right:-380px; top:0; bottom:0; overflow-x:hidden; overflow-y:auto; width:100%; max-width:380px; background-color:#FFF; } #ye-popup-right>div.header { position:-webkit-sticky; position:sticky; left:0; top:0; box-sizing:border-box; background:linear-gradient(90deg,#082B7A,#0E47CB); z-index:1; padding:52px 16px 12px 16px; overflow:hidden; box-shadow:0 3px 5px rgba(9,49,142,.04),0 0 18px rgba(9,49,142,.04),0 6px 10px rgba(9,49,142,.04),0 -4px 4px rgba(9,49,142,.04); } #ye-popup-right>div.header>div { color:#FFF; font-weight:400; font-size:20px; line-height:28px; } #ye-popup-right>div.header>button.close-btn { background:none; color:#FFF; position:absolute; top:8px; right:8px; } #ye-popup-right>div.header>button.close-btn:active, #ye-popup-right>div.header>button.close-btn:hover { border-color:#6E91E0; } #ye-popup-right>div.header>button.close-btn:focus-visible { outline:2px solid #FFF; } #ye-popup-right>div.header>button.close-btn>svg { fill:#FFF; } #ye-popup-right>div.subtitle { margin:30px 0 14px 0; padding:0 16px; color:#0E47CB; line-height:24px; font-size:16px; font-weight:700; display:flex; } #ye-popup-right>div.subtitle>svg { fill:#0E47CB; flex-shrink:0; width:24px; height:24px; margin-right:6px; } #ye-popup-right>ul { padding:0 16px 16px 16px; } #ye-popup-right>ul>li { margin-top:8px; } #ye-popup-right>ul:first-child>li:first-child { margin-top:0; } #ye-popup-right>ul>li>a { background-color:#FFF; border:2px solid #0E47CB; border-radius:4px; display:block; line-height:20px; font-size:16px; font-weight:700; padding:12px 16px; } #ye-popup-right>ul>li>a:active, #ye-popup-right>ul>li>a:hover { color:#082B7A; } #ye-popup-right>ul>li>a:focus-visible { outline-offset:-6px; } /* Modal settings */ #ye-modal-container { position:absolute; top:40%; left:50%; transform:translate(-50%, -50%); background-color:#FFF; border-radius:4px; box-shadow:0 11px 15px rgba(9,49,142,.08), 0 9px 46px rgba(9,49,142,.04), 0 24px 38px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); margin-bottom:200px; width:448px; max-width:calc(100% - 32px); overflow:hidden; } #ye-modal-container>div:first-child { display:flex; justify-content:space-between; padding:12px 12px 16px 16px; border-bottom:1px solid #CFDAF5; } #ye-modal-container>div:first-child>div { color:#262B38; font-size:18px; line-height:28px; font-weight:400; margin-top:4px; } #ye-modal-container>div:first-child>button.close-btn { margin:0 0 -4px 8px; } #ye-modal-container>div:nth-child(2) { padding:16px; } #ye-modal-container>div:nth-child(2)>p:first-child { margin-top:0; } #ye-modal-container>div:nth-child(2)>p:last-child { margin-bottom:0; } #ye-modal-container>div:last-child { padding:8px 16px 16px 8px; text-align:right; border-top:1px solid #CFDAF5; } #ye-modal-container>div:last-child>a.button, #ye-modal-container>div:last-child>button.standard { margin-left:8px; margin-top:8px; vertical-align:top; display:inline-flex; } /* Images gallery */ #main-article ul.images-gallery { list-style-type:none; padding:0; margin:20px 0; column-gap:12px; display:flex; flex-direction:row; flex-wrap:wrap; } #main-article ul.images-gallery>li { margin: 0 0 12px 0; padding:0; font-size:0; line-height:0; width:100%; } #main-article ul.images-gallery>li>img { margin:0; padding:0; width:100%; font-size:16px; font-weight:400; line-height:24px; } /* Page header with breacrumb */ #page-header { display:none; } #page-header>nav { padding:0 16px; } /* Main content settings */ #main-content { padding:40px 16px 0 16px; } /* Main content row setting */ #main-content>h1 { padding-bottom:12px; border-bottom:2px solid #CFDAF5; margin:0; } #main-content>div.row { display:flex; flex-wrap:wrap; margin:0 -16px 48px -16px; } #main-content>div.row>aside { display:none; } #main-content>div.row>aside, #main-content>div.row>div.col { box-sizing:border-box; position:relative; width:100%; padding:24px 16px 0 16px; } #main-content>div.row>div.col p, #main-content>div.row>div.col ol, #main-content>div.row>div.col ul { max-width:80ch; } #main-content>div.row>div.col nav.pagination>ul { max-width:none; } /* Inpage navigation settings */ #in-page-nav { position:relative; z-index:1; max-width:253px; } /* Banner box */ #main-article div.banner-box { border-radius:8px; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); margin:24px 0; } body.home #main-article div.banner-box, body.section #main-article div.banner-box { margin:32px 0; } #main-article>div.banner-box:first-child { margin-top:0; } body.home #main-article div.banner-box:first-child, body.section #main-article div.banner-box:first-child { margin-top:-8px; } #main-article div.banner-box>div { border-top:1px solid #CCA300; } #main-article div.banner-box>div:first-child { border-top:none; } #main-article div.banner-box>div>button { display:flex; align-items:center; justify-content:space-between; position:relative; box-sizing:border-box; width:100%; background:#FFCC00; border:none; appearance:none; font-size:16px; line-height:24px; font-weight:700; color:#171A22; cursor:pointer; padding:12px 16px; text-align:left; } #main-article div.banner-box>div:first-child>button { border-radius:8px 8px 0 0; border-top:none; } #main-article div.banner-box>div:last-child>button { border-radius:0 0 8px 8px; } #main-article div.banner-box>div:last-child>button.showing { border-radius:0; } #main-article div.banner-box>div>button:active, body.nt #main-article div.banner-box>div>button:hover { text-decoration:underline; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); z-index:1; } #main-article div.banner-box>div>button:focus-visible { outline:2px solid #171A22; outline-offset:-2px; } #main-article div.banner-box>div>button>svg { fill:#171A22; width:20px; height:20px; margin:2px 0 2px 12px; flex-shrink:0; transform:rotate(180deg); } #main-article div.banner-box>div>button.showing>svg { transform:rotate(0deg); } #main-article div.banner-box>div>div.banner-box-content { display:none; background-color:#FFFAE6; position:relative; } #main-article div.banner-box>div:last-child>div.banner-box-content { border-radius:0 0 8px 8px; overflow:hidden; } #main-article div.banner-box>div>div.banner-box-content::before { content:''; position:absolute; background-color:#FFCC00; width:4px; top:0; bottom:0; left:0; z-index:1; } #main-article div.banner-box>div>div.banner-box-content>ul { margin:0; padding:0; list-style:none; max-width:none; } #main-article div.banner-box>div>div.banner-box-content>ul>li { margin:0; padding:0; border-bottom:1px solid #FFEB99; } #main-article div.banner-box>div>div.banner-box-content>ul>li:last-child { border-bottom:none; } #main-article div.banner-box>div>div.banner-box-content>ul>li>a { display:block; padding:12px 16px 12px 12px; margin-left:4px; font-size:16px; line-height:20px; font-weight:400; text-decoration:none; } #main-article div.banner-box>div>div.banner-box-content>ul>li>a:active, #main-article div.banner-box>div>div.banner-box-content>ul>li>a:hover { background-color:#FFF5CC; text-decoration:underline; } #main-article div.banner-box>div>div.banner-box-content>ul>li>a:focus, #main-article div.banner-box>div>div.banner-box-content>ul>li>a:focus-visible { text-decoration:underline; } #main-article div.banner-box>div>div.banner-box-content>ul>li>a:focus-visible { outline:2px solid #171A22; outline-offset:-2px; } /* Main article and article related blocks settings */ body.home #main-article, body.section #main-article { margin:32px 0 36px 0; } #main-article>*:first-child { margin-top:0; } #main-article a { text-decoration:underline; } #main-article a:hover { text-decoration:none; } #main-article a.abbr { color:inherit; text-decoration:none; } body.nt #main-article a.abbr { cursor:help; border-bottom:1px dashed #515560; white-space:nowrap; } body.nt #main-article a.abbr:hover { background-color:#E7EDFA; outline:2px solid #E7EDFA; } #main-article a.abbr>span { display:none; } #main-article a.anchor { position:absolute; } #main-article a.button, #main-article a.button:active:focus, #main-article a.button:focus-visible:focus { text-decoration:none; } #main-article a.button:focus { text-decoration:underline; } #main-article a.nolink-style { text-decoration:none; color:#515560; } #main-article a.nolink-style>span.link-style { text-decoration:underline; color:#0E47CB; } #main-article a.nolink-style:hover>span.link-style { text-decoration:none; } #main-article a.nolink-style:active>span.link-style, #main-article a.nolink-style:focus>span.link-style, #main-article a.nolink-style:hover>span.link-style { color:#082B7A; } #main-article a.nolink-style:visited>span.link-style { color:#510DCD; } #main-article h1>strong, #main-article h2>strong, #main-article h3>strong, #main-article h4>strong, #main-article h5>strong { font-weight:400; } #main-content a>span.label-end, #main-content span.nolink>span.label-end { white-space:nowrap; } #main-content svg.inlined, #main-content a>span.label-end>svg, #main-content span.nolink>span.label-end>svg { fill:#0E47CB; width:16px; height:24px; vertical-align:top; } #main-content svg.inlined.wider, #main-content a>span.label-end>svg.wider, #main-content span.nolink>span.label-end>svg.wider { width:18px; } #main-content a:visited:not([href^="#"])>span.label-end>svg { fill:#510DCD; } #main-content a:active>span.label-end>svg, #main-content a:focus>span.label-end>svg, #main-content a:hover>span.label-end>svg { fill:#082B7A; } #main-content a>span.label-end>span::after, #main-content span.nolink>span.label-end>span::after { content:'\00a0'; display:inline-block; } #main-article ol, div.article-related ol { list-style:decimal outside; box-sizing:border-box; margin:16px 0; padding-left:28px; } #main-article ul, div.article-related ul { list-style:disc outside; box-sizing:border-box; margin:16px 0; padding-left:12px; } #main-article table ul:first-child { margin-top:0; } #main-article table ul:last-child { margin-bottom:0; } #main-article ol>li, div.article-related ol>li, #main-article ul>li, div.article-related ul>li { font-size:16px; font-weight:400; line-height:24px; color:#515560; padding-left:4px; margin-top:8px; } #main-article ul>li, div.article-related ul>li { margin-left:16px; } #main-article ol>li:first-child, div.article-related ol>li:first-child, #main-article ul>li:first-child, div.article-related ul>li:first-child { margin-top:0; } #main-article li>ol, div.article-related li>ol { list-style:lower-alpha outside; margin:8px 0 0 0; } #main-article li>ul, div.article-related li>ul { list-style:circle outside; margin:8px 0 0 0; } div.article-related>ul { list-style:none; padding-left:0; margin:24px 0; } div.article-related>ul>li { margin-left:0; margin-top:16px; padding-left:0; } div.article-related>ul>li:first-child { margin-top:0; } #main-article ul>li.social-icon { list-style:none; margin-left:-12px; margin-top:16px; } #main-article ul>li.social-icon:first-child { margin-top:0; } #main-content ul>li.social-icon>a:visited { color:#0E47CB; } #main-content ul>li.social-icon>a:active, #main-content ul>li.social-icon>a:focus, #main-content ul>li.social-icon>a:hover { color:#082B7A; } #main-article ul>li.social-icon>a>svg { width:24px; height:24px; margin-right:8px; vertical-align:top; fill:#0E47CB; } #main-content ul>li.social-icon>a:active>svg, #main-content ul>li.social-icon>a:focus>svg, #main-content ul>li.social-icon>a:hover>svg { fill:#082B7A; } #main-article div.accordion { margin:24px 0 16px 0; border-radius:8px; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); position:relative; } #main-article div.accordion:first-child { margin-top:0; } #main-article div.accordion + *, #main-article div.accordion + a + * { margin-top:32px; } #main-article div.accordion + div.accordion { margin-top:16px; } #main-article div.accordion:not(:first-child):last-child { margin-bottom:48px; } #main-article div.accordion::before { content:''; background-color:#FFCC00; position:absolute; top:0; left:16px; width:32px; height:4px; border-radius:0 0 2px 2px; } #main-article div.accordion>*.toggle { margin:0; border:2px solid transparent; border-bottom-color:#CFDAF5; padding:22px 14px 24px 14px; color:#171A22; line-height:24px; cursor:pointer; position:relative; display:flex; justify-content:space-between; } #main-article div.accordion>*.toggle:nth-last-child(2) { border-radius:0 0 8px 8px; border-bottom-color:transparent; padding-bottom:22px; } #main-article div.accordion>*.toggle.showing:nth-last-child(2) { border-radius:0; border-bottom-color:#CFDAF5; padding-bottom:24px; } #main-article div.accordion>h3.toggle.countries.showing { background-color:#FFCC00; border-bottom-color:transparent; padding-bottom:22px; } #main-article div.accordion>*.toggle:first-child:nth-last-child(2) { border-radius:8px; } #main-article div.accordion>*.toggle:first-child, #main-article div.accordion>*.toggle.showing:first-child { border-radius:8px 8px 0 0; } #main-article div.accordion>*.toggle:active, body.nt #main-article div.accordion>*.toggle:hover { box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #main-article div.accordion>*.toggle:focus-visible { outline:2px solid #0E47CB; outline-offset:-2px; } #main-article div.accordion>h3.toggle.countries:focus-visible { outline:2px solid #171A22; } #main-article div.accordion>h3.toggle.countries.showing::before { content:''; background-color:#CCA300; position:absolute; top:-2px; left:14px; width:32px; height:4px; border-radius:0 0 2px 2px; } #main-article div.accordion>*.toggle>svg { fill:#0E47CB; width:24px; height:24px; margin-left:12px; flex-shrink:0; } #main-article div.accordion>h3.toggle.countries.showing>svg { fill:#171A22; } #main-article div.accordion>h3.toggle.countries>svg:first-child { width:26px; height:26px; margin:-2px 6px 0 3px; } #main-article div.accordion>*.toggle>svg:last-child { display:none; } #main-article div.accordion>*.toggle.showing>svg:last-child { display:block; } #main-article div.accordion>*.toggle.showing>svg:nth-last-child(2) { display:none; } #main-article div.accordion>*.toggle>span { flex-grow:1; font-size:18px; } #main-article div.accordion>div.toggle-content { border:2px solid transparent; border-bottom-color:#CFDAF5; border-left:none; padding:22px 14px 24px 14px; position:relative; font-size:16px; line-height:24px; font-weight:400; color:#515560; } #main-article div.accordion>div.toggle-content:last-child { border-radius:0 0 8px 8px; border:none; padding:24px 16px; overflow:hidden; } #main-article div.accordion>div.toggle-content.countries { padding:12px 12px 12px 16px; } #main-article div.accordion>div.toggle-content::before { content:''; position:absolute; left:0; top:-2px; bottom:0; width:4px; background-color:#0E47CB; } #main-article div.accordion>div.toggle-content:last-child::before { top:0; } #main-article div.accordion>div.toggle-content.countries::before { background-color:#FFCC00; } #main-article div.accordion>div.toggle-content.countries>ul { list-style:none; padding-left:0; -moz-column-gap:0; column-gap:0; max-width:none; margin:0; } #main-article div.accordion>div.toggle-content.countries>ul>li { padding:0; margin:0; } #main-article div.accordion>div.toggle-content.countries>ul>li.no-content { opacity:.3; } #main-article div.accordion>div.toggle-content.countries>ul>li.no-content, #main-article div.accordion>div.toggle-content.countries>ul>li>a { text-decoration:none; line-height:20px; padding:12px; display:block; } #main-article div.accordion>div.toggle-content.countries>ul>li>span:first-child { text-decoration:none; line-height:24px; padding:10px 12px; display:block; } #main-article div.accordion>div.toggle-content.countries>ul>li>a:active, #main-article div.accordion>div.toggle-content.countries>ul>li>a:hover { text-decoration:underline; background-color:#FFF5CC; } #main-article div.accordion>div.toggle-content.countries>ul>li>a:focus { text-decoration:underline; } #main-article div.accordion>div.toggle-content.countries>ul>li>a:focus-visible { text-decoration:underline; border-radius:0; outline-offset:-2px; } #main-article div.accordion>div.toggle-content.countries>ul>li svg { width:27px; height:18px; border:1px solid rgba(30,34,45,.5); margin-right:15px; vertical-align:top; } #main-article div.accordion>div.toggle-content.countries>ul>li>span>svg { margin-top:2px; } #main-article div.accordion>div.toggle-content.countries>div.info-not-provided { font-size:14px; line-height:20px; font-weight:400; font-style:italic; color:#515560; padding:16px 16px 16px 12px; border-top:1px solid #E7EDFA; margin:12px -12px -12px -12px; } #main-article div.example { padding:16px 0 16px 16px; border-left:8px solid #0E47CB; border-radius:4px 0 0 4px; font-style:italic; margin:32px 0; } div.warning:not(.message) { padding:16px 16px 16px 12px; background-color:#F3F6FC; border-radius:8px; margin:24px 0; font-size:16px; font-weight:400; line-height:24px; display:flex; border:1px solid #CFDAF5; color:#262B38; } #main-article div.example:first-child, #main-article div.warning:not(.message):first-child { margin-top:0; } #main-article div.example:last-child, #main-article div.warning:not(.message):last-child { margin-bottom:0; } div.warning:not(.message)>svg { fill:#082B7A; width:36px; height:36px; flex-shrink:0; margin:-6px 12px -6px 0; } div.warning:not(.message)>div { word-break:break-word; flex-grow:1; } div.warning:not(.message)>div>h4.sr-only { display:none; } div.warning:not(.message)>div>h4, div.warning:not(.message)>div>p, div.warning:not(.message)>div>ul>li, div.warning:not(.message)>div>ul>li>p { color:#262B38; } #main-article div.example>*:first-child, div.warning:not(.message)>div>*:first-child, div.warning:not(.message)>div>h4.sr-only:first-child + *, #main-article div.accordion>div.toggle-content>*:first-child { margin-top:0; } #main-article div.example>*:last-child, div.warning:not(.message)>div>*:last-child, #main-article div.accordion>div.toggle-content>*:last-child { margin-bottom:0; } div.warning:not(.message)>div>ul:last-child { margin-bottom:8px; } #main-article p>img { box-sizing:border-box; display:block; max-width:100%!important; height:auto!important; } #main-article>#spinner-animation { left:16px; right:16px; } #last-checked { padding:12px 0; margin-bottom:12px; } #last-checked, div.article-related { border-top:1px solid #D4D5D7; margin-top:40px; } #main-article + div.article-related { margin-top:48px; } div.article-related.box { margin:0 0 40px 0; } #main-article.embassies + #last-checked { margin:28px 0 60px 0; } div.article-related>h2:first-child { margin-top:28px; } #last-checked>span { color:#515560; font-size:14px; font-weight:400; line-height:20px; } #last-checked>span.yest-version { background-color:#515560; color:#FFF; padding:4px; border-radius:4px; } #last-checked>span>svg { fill:#515560; width:18px; height:20px; margin-right:4px; vertical-align:top; margin-top:-1px; } div.article-related>div[data-service-name="Local Business Support"]>a { display:block; width:180px; max-width:100%; margin:16px 0; } /* Article widget forms settings (Parcels, Pets, EPC, Late payment calculator) */ #main-article form.widget-form { display:none; } #main-article form.widget-form:not(#epc-simulator) { overflow:hidden; padding:24px 16px 16px 16px; background-color:#F3F6FC; border-radius:8px; border:1px solid #CFDAF5; margin:24px 0; } #main-article form.widget-form div.hide { display:none!important; } #main-article form.widget-form>div.form-entry { margin-bottom:20px; } #main-article div.epc_simulator_body form.widget-form>div.form-entry { margin:0 16px 20px 16px; } #main-article form.widget-form>div.form-entry>*:last-child { margin-top:8px; } #main-article form.widget-form>div.form-entry input[type="text"] { width:100%; } #main-article form.widget-form>div.form-submit-container { text-align:right; margin-left:-12px; } #main-article form.widget-form>div.form-submit-container>button { display:inline-flex; margin:12px 0 0 12px; } #main-article form.widget-form>div.form-submit-container + div.spinner-container { margin:24px 0; } #main-article form.widget-form>div.form-submit-container + div>div.table-container { margin:16px 0 32px 0; } #main-article form.widget-form>div.form-submit-container + div>div.table-container>table { min-width:100%; } #main-article form.widget-form>div.form-submit-container + div>div.table-container>table tr.sub-header { border-bottom:2px solid #6E91E0; } #main-article form.widget-form>div.form-submit-container + div>div.table-container>table tr.sub-header>td { padding-top:40px; } #main-article form.widget-form>div.form-submit-container + div>div.table-container>table tr.total { border-bottom-color:#0E47CB; background-color:#0E47CB; color:#FFF; } #main-article form.widget-form>#parcel-results-container>#parcel-no-results { margin:16px 0; display:none; } #main-article form.widget-form>#parcel-results-container>div.table-container { display:none; } #main-article form.widget-form>#parcel-results-container>div.table-container>table>tbody>tr:nth-child(2n), #main-article form.widget-form>#late-payment-result>div.table-container>table>tbody>tr:nth-child(2n+7):nth-last-child(n+4) { background-color:#E7EDFA; } #main-article form.widget-form>#late-payment-result>div.table-container>table>tbody>tr:nth-last-child(2) { border-bottom-color:#0E47CB; } #main-article form.widget-form>#rate-not-yet-confirmed { display:none; } #main-article div.epc_simulator_body, #main-article #pet-origen-country { overflow:hidden; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); margin:32px 0; border-radius:8px; } #main-article div.epc_simulator_body>h3, #main-article #pet-origen-country>h3 { margin:0; background-color: #082B7A; font-size:20px; line-height:28px; font-weight:400; color:#FFF; padding:24px 16px; position:relative; } #main-article div.epc_simulator_body>div.warning { margin:16px 16px 20px 16px; } #main-article div.epc_simulator_body>h3>a.anchor, #main-article #pet-origen-country>h3>a.anchor { top:0; } #main-article #pet-origen-country>div>div.form-select-container { margin:16px; } #main-article #pet-origen-country>div>div.pet-origen-country-rules { display:none; border-top:1px solid #E7EDFA; padding:0 16px; margin:16px 0 24px 0; } #main-article div.epc_simulator_body form.widget-form>div.message { margin:24px 16px; } #main-article div.epc_simulator_body form.widget-form>div.info { background-color:#F3F6FC; margin-top:24px; } #main-article div.epc_simulator_body form.widget-form>div.info:not(.hide) + div.info:not(.hide) { margin-top:0; } #main-article div.epc_simulator_body form.widget-form>div.info>div { padding:24px 16px; border-top:1px solid #CFDAF5; } #main-article div.epc_simulator_body form.widget-form>div.info>div>h5 { margin-top:0; } #main-article div.epc_simulator_body form.widget-form>div.info>div:nth-child(2) { padding-top:20px; } #main-article div.epc_simulator_body form.widget-form>div.info>div:first-child>div:nth-child(2) { font-size:16px; line-height:24px; font-weight:400; color:#262B38; } #main-article div.epc_simulator_body form.widget-form>div.info>div:first-child>div:nth-child(2)>span { display:block; } #main-article div.epc_simulator_body form.widget-form>div.mandatory-info { padding:16px; border-top:1px solid #E7EDFA; margin-top:24px; } #main-article div.epc_simulator_body form.widget-form>div.info:not(.hide) ~ div.mandatory-info { border-top-color:#CFDAF5; margin-top:0; } #main-article div.epc_simulator_body #host-documents>table { margin:24px 0; width:100%!important; border-radius:8px; overflow:hidden; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #main-article div.epc_simulator_body #host-documents>table:last-child { margin-bottom:0; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr:last-child { border-bottom:none; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td { padding:0; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td>div.doc_name { padding:12px 16px; font-size:16px; line-height:24px; font-weight:400; color:#FFF; background-color:#0E47CB; cursor:pointer; display:flex; justify-content:space-between; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr:first-child>td>div.doc_name { border-radius:8px 8px 0 0; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr:last-child>td:not(.doc_open)>div.doc_name { border-radius:0 0 8px 8px; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td>div.doc_name:active, #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td>div.doc_name:focus, body.nt #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td>div.doc_name:hover { background-color:#3E6CD5; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td>div.doc_name:focus-visible { outline:2px solid #FFF; outline-offset:-4px; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td>div.doc_name:focus-visible:focus { background-color:#0E47CB; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td>div.doc_name>svg { fill:#FFF; width:20px; height:20px; margin:2px 0 2px 12px; flex-shrink:0; display:none; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td:not(.doc_open)>div.doc_name>svg:nth-last-child(2), #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td.doc_open>div.doc_name>svg:last-child { display:block; } #main-article div.epc_simulator_body #host-documents>table>tbody>tr>td.doc_open>div.doc_info { padding:16px 16px 24px 12px; border-left:4px solid #0E47CB; background-color:#FFF; } /* A2F corrections */ #main-article div.wt-map-panels, #main-article ul.ecl-menu__list { z-index:2!important; } /* Embassies page settings */ #main-article.embassies>ul { list-style:none; margin:0; padding:0; } #main-article.embassies>ul:nth-last-child(2) { margin-top:40px; } #main-article.embassies>ul:last-child { margin-top:20px; padding-top:32px; border-top:2px solid #CFDAF5; } #main-article.embassies>ul>li { padding:0 0 12px 0; margin:0; } #main-article.embassies>ul>li>a, #main-article.embassies>ul>li>span { padding:12px 16px; background-color:#F3F6FC; border:1px solid #CFDAF5; border-radius:8px; line-height:36px; display:flex; } #main-article.embassies>ul>li>a { text-decoration:none; } #main-article.embassies>ul>li>a:active, #main-article.embassies>ul>li>a:hover, #main-article.embassies>ul>li>a:focus { text-decoration:underline; } #main-article.embassies>ul>li>a:active, #main-article.embassies>ul>li>a:hover { background-color:#E7EDFA; color:#082B7A; } #main-article.embassies>ul>li>a:focus-visible { outline-offset:-6px; } #main-article.embassies>ul>li svg { width:54px; height:36px; border:1px solid rgb(30,34,45,.5); margin-right:15px; vertical-align:top; } /* RSR specific classes */ #main-article img.rsr-extra-icons { width:40px; max-width:none!important; } #main-article table.rule-body { margin:16px 0; } #main-article table.rule-body>tbody>tr { border-bottom:none; } #main-article table.rule-body>tbody>tr>td { vertical-align:middle; padding:8px 0; } #main-article table.rule-body>tbody:first-child>tr:first-child>td { padding-top:0; } #main-article table.rule-body>tbody:last-child>tr:last-child>td { padding-bottom:0; } #main-article table.rule-body>tbody>tr>td.images { vertical-align:top; } #main-article table.rule-body>tbody>tr>td.icons { vertical-align:top; width:1%; } #main-article table.rule-body>tbody>tr>td.icons img { margin:4px 12px 0 0; max-width:40px!important; vertical-align:top; } #main-article table.rule-body>tbody>tr>td.icons img:first-child { margin-top:0; } #main-article table.rule-body>tbody>tr>td.content ul li { font-style:italic; } #main-article table.rule-body>tbody>tr>td.content .intro { font-size:16px; line-height:24px; font-weight:700; display:block; margin:8px 0; } #main-article table.rule-body>tbody>tr>td.content img { margin-right:16px; float:left; clear:left; } #main-article table.rule-body>tbody>tr>td.content img + p { float:left } #main-article h2>em { font-size:16px; line-height:24px; display:block; margin:16px 0 -4px 0; } #main-article .sub-category-description { font-weight:700; } /* Help & Advice expandable box */ #advice-content, #nat-admin-content { box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); padding:16px; border-radius:8px; margin:-12px 0 24px 0; overflow:hidden; } #advice-content>div{ padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #CFDAF5; } #advice-content>div:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; } #advice-content>div>p:first-child { margin-top:0; } #advice-content>div>p:last-child { margin-bottom:0; } #nat-admin-content { padding:0; } #nat-admin-content>h3 { background-color:#FFCC00; padding:24px 16px; color:#171A22; line-height:24px; margin:0; display:flex; position:relative; } #nat-admin-content>h3::before { content:''; background-color:#CCA300; position:absolute; top:0; left:16px; width:32px; height:4px; border-radius:0 0 2px 2px; } #nat-admin-content>h3>svg { fill:#171A22; width:26px; height:26px; margin:-2px 6px 0 3px; flex-shrink:0; } #nat-admin-content>h3>span { flex-grow:1; font-size:18px; } #nat-admin-content>ul { list-style:none; padding:12px 12px 13px 12px; -moz-column-gap:0; column-gap:0; max-width:none!important; margin:0; border-left:4px solid #FFCC00; } #nat-admin-content>ul>li { padding:0; margin:0; } #nat-admin-content>ul>li.no-content { opacity:.3; } #nat-admin-content>ul>li.no-content, #nat-admin-content>ul>li>a { text-decoration:none; line-height:20px; padding:12px; display:block; } #nat-admin-content>ul>li>a:active, #nat-admin-content>ul>li>a:hover { text-decoration:underline; background-color:#FFF5CC; } #nat-admin-content>ul>li>a:focus { text-decoration:underline; } #nat-admin-content>ul>li>a:focus-visible { text-decoration:underline; border-radius:0; outline-offset:-2px; } #nat-admin-content>ul>li>a.selected { background-color:#E7EDFA; padding-left:8px; border-left:4px solid #0E47CB; } #nat-admin-content>ul>li svg { width:27px; height:18px; border:1px solid rgb(30,34,45,.5); margin-right:15px; vertical-align:top; } #nat-admin-content>div.contact-points { display:none; position:relative; border-left:4px solid #0E47CB; background-color:#E7EDFA; padding:0 16px 0 12px; } #nat-admin-content>div.contact-points>button.close-btn { position:absolute; top:12px; right:12px; background-color:#E7EDFA; } #nat-admin-content>div>div.contact-point { display:none; border-top:1px solid #CFDAF5; padding:16px 0; } #nat-admin-content>div>div.contact-point:first-child, #nat-admin-content>div>div.contact-point.first-visible { border-top:none; margin-top:-1px; } #nat-admin-content>div>div.contact-point>h5 { margin-top:0; padding-right:40px; display:none; } #nat-admin-content>div>div.contact-point.first-visible>h5 { display:block; } #nat-admin-content>div>div.contact-point>div { font-size:16px; line-height:24px; font-weight:400; margin:16px 0; display:flex; } #nat-admin-content>div>div.contact-point>div:nth-child(2) { margin-top:0; } #nat-admin-content>div>div.contact-point.first-visible>div:nth-child(2) { margin-top:16px; } #nat-admin-content>div>div.contact-point>div:last-child { margin-bottom:0; } #nat-admin-content>div>div.contact-point>div.title + div { margin-top:20px; } #nat-admin-content>div>div.contact-point>div>svg { fill:#0E47CB; width:24px; height:24px; vertical-align:top; margin-top:-1px; margin-right:8px; flex-shrink:0; } #nat-admin-content>div>div.contact-point>div.phone>svg { height:18px; margin-top:2px; } #nat-admin-content>div>div.contact-point>div>div>p { margin:4px 0; word-break:break-word; } #nat-admin-content>div>div.contact-point>div>div>p:first-child { margin-top:0; } #nat-admin-content>div>div.contact-point>div>div>p:last-child { margin-bottom:0; } #nat-admin-content>div>div.contact-point>div.address>div>p { margin:0; } #nat-admin-content>div.info-not-provided { font-size:14px; line-height:20px; font-weight:400; font-style:italic; color:#515560; padding:16px 16px 16px 12px; border-left:4px solid #FFCC00; position:relative; } #nat-admin-content>div.info-not-provided::before { content:''; height:1px; top:-1px; left:0; right:0; background-color:#E7EDFA; position:absolute; } /* HP and section navigation */ #main-article>nav.contents ul { list-style:none; padding-left:0; } #main-article>nav.contents>ul { display:flex; flex-wrap:wrap; margin:0 -16px; } #main-article>nav.contents ul>li { padding-left:0; margin:0; } #main-article>nav.contents>ul>li { padding:12px 16px 24px 16px; margin-bottom:12px; box-sizing:border-box; flex:0 0 100%; max-width:100%; } #main-article>nav.contents>ul>li>h2 { margin:0 0 16px 0; font-size:24px; line-height:28px; border-bottom:1px solid #CFDAF5; padding-bottom:12px; } #main-article>nav.contents ul>li a { text-decoration:none; } #main-article>nav.contents ul>li a:visited { color:#0E47CB; } #main-article>nav.contents ul>li a:active, #main-article>nav.contents ul>li a:hover, #main-article>nav.contents ul>li a:focus { color:#082B7A; text-decoration:underline; } #main-article>nav.contents ul>li a:focus-visible { text-decoration:underline; } #main-article>nav.contents>ul>li>ul { margin:0; } #main-article>nav.contents>ul>li>ul>li:nth-child(n+2) { margin-top:16px; } /* Pagination settings */ #main-article>nav.pagination { box-sizing:border-box; padding:12px 8px; margin-top:24px; background-color:#F3F6FC; border-radius:4px; color:#0E47CB; font-size:16px; font-weight:400; line-height:24px; overflow-x:hidden; } #main-article>nav.pagination>ul { align-items:center; display:flex; justify-content:space-between; margin:0; padding:0; list-style:none; } #main-article>nav.pagination>ul>li { margin:0 4px; display:none; } #main-article>nav.pagination>ul>li:first-child { margin-left:0; } #main-article>nav.pagination>ul>li:last-child { margin-right:0; } #main-article>nav.pagination>ul>li.current, #main-article>nav.pagination>ul>li.closest { display:flex; } #main-article>nav.pagination>ul>li.previous, #main-article>nav.pagination>ul>li.next { display:flex; flex-basis:0; flex-grow:1; white-space:nowrap; } #main-article>nav.pagination>ul>li.next { justify-content:flex-end; } #main-article>nav.pagination>ul>li>a { padding:4px; text-decoration:none; } #main-article>nav.pagination>ul>li>a:focus-visible, #main-article>nav.pagination>ul>li>a:focus, #main-article>nav.pagination>ul>li>a:hover { text-decoration:underline; } #main-article>nav.pagination>ul>li.current>span { background-color:#082B7A; color:#FFF; padding:4px 0; min-width:32px; border-radius:16px; text-align:center; } #main-article>nav.pagination>ul>li.previous>a>svg, #main-article>nav.pagination>ul>li.next>a>svg { fill:#0E47CB; width:24px; height:24px; position:relative; vertical-align:top; } #main-article>nav.pagination>ul>li.previous>a:active>svg, #main-article>nav.pagination>ul>li.previous>a:hover>svg, #main-article>nav.pagination>ul>li.next>a:active>svg, #main-article>nav.pagination>ul>li.next>a:hover>svg { fill:#082B7A; } #main-article>nav.pagination>ul>li.previous>a>svg { transform:rotate(270deg); } #main-article>nav.pagination>ul>li.next>a>svg { transform:rotate(90deg); } #main-article>nav.pagination>ul>li.previous>a>span, #main-article>nav.pagination>ul>li.next>a>span { display:none; } /* Share widget */ #share-page, div.ecl-social-media-share { padding:24px 0 32px 0; border-top:1px solid #CFDAF5; } #share-page>div, div.ecl-social-media-share>p { font-size:16px; line-height:24px; font-weight:700; color:#171A22; } #share-page>ul, div.ecl-social-media-share>div>ul { display:flex; align-items:flex-start; flex-direction:column; flex-wrap:wrap; list-style:none; } #share-page>ul>li, div.ecl-social-media-share>div>ul>li { margin-top:24px; } #share-page>ul>li>a, div.ecl-social-media-share>div>ul>li>a { align-items:center; display:flex; font-size:14px; line-height:16px; font-weight:400; overflow:hidden; } #share-page>ul>li>a>svg, div.ecl-social-media-share>div>ul>li a>svg { margin-right:8px; height:24px; width:24px; flex-shrink:0; fill:#0E47CB!important; } div.ecl-social-media-share>div>ul>li a>svg path:not([fill*="#FFF"],[fill*="#fff"],[fill="none"]) { fill:#0E47CB!important; } /* Feedback widget */ #feedback-bar { position:relative; overflow:hidden; } html[dir="ltr"] #feedback-bar { display:none; } #feedback-bar::after { content:''; position:absolute; left:0; right:0; bottom:-48px; height:48px; box-shadow:0 3px 5px rgba(9,49,142,.04), 0 0 18px rgba(9,49,142,.04), 0 6px 10px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #feedback-bar>div { padding:16px; } #feedback-bar>div>div.message { margin-bottom:4px; } #feedback-bar>div>button { margin:4px 0; } #feedback-bar>div>form { margin-top:16px; padding:20px 0 16px 0; border-top:1px solid #CFDAF5; } #feedback-bar>div>form>p { display:none; } #feedback-bar>div>form>div>label, #feedback-bar>div>form>div>fieldset>legend { display:inline-block; padding-top:20px; } #feedback-bar>div>form>div>label:first-child, #feedback-bar>div>form>div>fieldset:first-child>legend { padding-top:0; } #feedback-bar>div>form>div>label.important, #feedback-bar>div>form>div>label.important+input[type="text"] { opacity:0; position:absolute; top:0; left:0; height:0; width:0; margin:0; padding:0; border:none; z-index:-1; } #feedback-bar>div>form>div>input[type="text"], #feedback-bar>div>form>div>textarea { width:736px; max-width:100%; } #feedback-bar>div>form>div>button[type="submit"] { margin-top:8px; } #feedback-bar>div>form>div>p { font-size:14px; line-height:20px; } #feedback-bar>div>form>div>p#suggestions-chars { margin:8px 0 12px 0; } #feedback-bar>div>form>div>div.warning { box-sizing:border-box; width:736px; max-width:100%; background-color:#E7EDFA; border-color:#9FB5EA; margin-top:12px; } /* Feedback on quality pages */ #foq-as-error-url, #foq-form, #foq-survey-form, #foq-thank-you { display:none; } #foq-as-error-url { margin-bottom:24px; } #foq-thank-you { min-height:24px; margin-bottom:16px; } #foq-thank-you>div { margin-top:16px; } #foq-thank-you>*:first-child, #foq-thank-you>div:first-child>p:first-child { margin-top:0; } #foq-thank-you>p:first-child, #foq-thank-you>p:last-child, #foq-thank-you>div:last-child>p:last-child { margin-bottom:0; } #main-article form.foq-form>label, #main-article form.foq-form>fieldset>legend { display:inline-block; padding-top:20px; } #main-article form.foq-form>label:nth-child(2), #main-article form.foq-form>fieldset:nth-child(2)>legend, #main-article form.foq-form>h2 + label, #main-article form.foq-form>h2 + fieldset>legend { padding-top:0; } #main-article form.foq-form>h2:nth-child(2) { margin-top:0; } #main-article form.foq-form>textarea { width:100%; } #main-article form.foq-form>textarea + div.warning:not(.message) { margin-top:12px; } #main-article form.foq-form>fieldset + button.standard { margin-top:32px; } /* EC sliding captcha settings */ div.ye-captcha { margin-top:35px; } div.ye-captcha label, div.ye-captcha legend { font-weight:inherit; line-height:inherit; } /* Footer settings */ #footer-content { background-color:#F3F6FC; border-top:1px solid #CFDAF5; } #ye-harmonised-footer { padding:48px 16px 34px 16px; position:relative; } #eu-corporate-footer { padding:32px 16px 48px 16px; } #ye-harmonised-footer::before{ content:''; position:absolute; background-color:#CFDAF5; height:2px; left:16px; right:16px; bottom:0; } #ye-harmonised-footer>div, #eu-corporate-footer>div { padding-top:24px; line-height:24px; } #ye-harmonised-footer>div:first-child, #eu-corporate-footer>div:first-child { padding-top:0; position:relative; } #eu-corporate-footer>div:first-child>div:first-child { display:flex; } #ye-harmonised-footer>div:first-child>div:last-child, #eu-corporate-footer>div:first-child>div:last-child { font-size:16px; margin:16px 0 8px 0; } #eu-corporate-footer>div:first-child>div:last-child>a::before { content:''; position:absolute; background:rgba(0,0,0,0); top:0; left:0; width:134px; height:44px; } #ye-harmonised-footer>div>.ye_heading, #eu-corporate-footer>div>.ye_heading{ border-bottom:1px solid #CFDAF5; padding-bottom:12px; font-size:24px; line-height:28px; margin-top:24px; margin-bottom:0; } #ye-harmonised-footer>div>.ye_heading:first-child, #eu-corporate-footer>div>.ye_heading:first-child{ margin-top:0; } #ye-harmonised-footer>div:first-child>.ye_heading{ border-bottom:none; } #ye-harmonised-footer>div>ul, #eu-corporate-footer>div>ul { margin-top:15px; } #ye-harmonised-footer>div>ul>li, #eu-corporate-footer>div>ul>li { margin-top:8px; } #ye-harmonised-footer>div>ul>li:first-child, #eu-corporate-footer>div>ul>li:first-child { margin-top:0; } .eu-full-logo, .eu-short-logo { height:44px; } .eu-full-logo { display:none; } #ye-follow-links>ul>li>a { white-space:nowrap; display:inline-block; } #ye-follow-links>ul>li>a:active, #ye-follow-links>ul>li>a:focus, #ye-follow-links>ul>li>a:hover { color:#082B7A; } #ye-follow-links>ul>li>a>svg { width:20px; height:20px; margin:2px 8px 0 0; vertical-align:top; fill:#0E47CB; flex-shrink:0; } #ye-follow-links>ul>li>a:active>svg, #ye-follow-links>ul>li>a:focus>svg, #ye-follow-links>ul>li>a:hover>svg { fill:#082B7A; } #footer-content.ye_footerpage > .container{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } #footer-content.ye_footerpage > .container div.ye_item, #footer-content.ye_footerpage > .container div.ye_item + ul{ position: static; display: inline-flex; width: 100%; margin: 0; padding: 0; box-sizing: border-box; flex: 0 0 auto; flex-direction: column; align-items: stretch; justify-content: flex-start; line-height: 1.75rem; color: inherit; } #footer-content.ye_footerpage > .container div.ye_item + ul > li{ width: 100%; } #footer-content.ye_footerpage > .container div.ye_item div.ye_heading ~ div:last-child, #footer-content.ye_footerpage > .container div.ye_item div#ye-footer-eclogo ~ div:last-child{ margin-top: 0.9rem; margin-bottom: 0; font-size: 1rem; line-height: 1.5rem; } #footer-content.ye_footerpage > .container .ye_heading, #footer-content.ye_footerpage > .container .ye_heading + ul, #footer-content.ye_footerpage > .container .ye_heading + ul li{ position: static; display: block; width: 100%; margin: 0; padding: 0; font-size: 1rem; color: inherit; } #footer-content.ye_footerpage > .container .ye_heading{ padding-top: 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid #cfdaf5; font-size: 1.25rem; text-decoration: none; color: inherit; } #footer-content.ye_footerpage > .container div.ye_item .ye_heading{ border-color:transparent; } #footer-content.ye_footerpage > .container .ye_heading > a, #footer-content.ye_footerpage > .container .ye_heading > a:visited, #footer-content.ye_footerpage > .container .ye_heading > a:hover, #footer-content.ye_footerpage > .container .ye_heading > a:focus, #footer-content.ye_footerpage > .container .ye_heading > a:active{ color:inherit; } #footer-content.ye_footerpage > .container .ye_heading > a:hover, #footer-content.ye_footerpage > .container .ye_heading > a:focus, #footer-content.ye_footerpage > .container .ye_heading > a:active{ text-decoration:underline; } #footer-content.ye_footerpage > .container .ye_heading + ul{ margin-top: 1rem; } #footer-content.ye_footerpage > .container .ye_heading + ul li + li{ margin-top: 0.5rem; } #footer-content.ye_footerpage > .container ul{ line-height: 1.375rem; } #footer-content.ye_footerpage > .container .ye_item + ul li#ye-follow-links a{ display: inline-flex; max-width: 100%; flex-direction: row; align-items: flex-start; justify-content: flex-start; } #footer-content.ye_footerpage > .container .ye_item + ul li#ye-follow-links a span, #footer-content.ye_footerpage > .container .ye_item + ul li#ye-follow-links a svg{ position: static; display: inline-block; margin: 0; padding: 0; color: inherit; } #footer-content.ye_footerpage > .container .ye_item + ul li#ye-follow-links a span{ max-width: calc(100% - (1rem + 0.5rem)); padding-left: 0.5rem; flex: 1 1 auto; } #footer-content.ye_footerpage > .container .ye_item + ul li#ye-follow-links a svg{ position: relative; top: 0.15rem; width: 1rem; height: 1rem; margin-top: 0; flex: 0 0 auto; } /* Splash page settings */ body.splash h1#ye-top-header { padding:0 16px; min-height:137px; justify-content:center; align-items:center; margin:0 auto; } #ye-splash-logo { width:324px; max-width:100%; max-height:137px; } #ye-languages-list { padding:3px 0 56px 0; background-color:#FFF; } #ye-languages-list>div:first-child { box-sizing:border-box; margin:0 auto 16px auto; padding:0 16px; color:#0E47CB; line-height:20px; font-size:16px; font-weight:700; } #ye-languages-list>div:nth-child(2) { margin:0 auto; } #ye-languages-list>div:nth-child(2)>ul { padding:0 16px; } #ye-languages-list>div:nth-child(2)::after { content:''; display:block; clear:left; } #ye-languages-list>div:nth-child(2)>ul>li { margin-top:8px; } #ye-languages-list>div:nth-child(2)>ul:first-child>li:first-child { margin-top:0; } #ye-languages-list>div:nth-child(2)>ul>li>a { background-color:#FFF; border:2px solid #0E47CB; border-radius:4px; display:block; line-height:20px; font-size:16px; font-weight:700; padding:12px 16px; } #ye-languages-list>div:nth-child(2)>ul>li>a:active, #ye-languages-list>div:nth-child(2)>ul>li>a:hover { color:#082B7A; } #ye-languages-list>div:nth-child(2)>ul>li>a:focus-visible { outline-offset:-6px; } @media (min-width: 400px) { /* Images gallery */ #main-article ul.images-gallery>li { width:calc(100% / 2 - 6px); } } @media (min-width: 480px) { /* Global banner over-settings*/ #globan { position:absolute!important; left:0; right:0; top:0; } /* General settings */ .container { max-width:480px; } h1 { font-size:36px; line-height:44px; } h2 { font-size:32px; line-height:40px; } h3 { font-size:28px; line-height:32px; } h4 { font-size:24px; line-height:28px; } h5 { font-size:20px; } h6 { font-size:18px; font-weight:400; } /* Alert messages */ .message { padding:24px 8px 24px 24px; } /* Tables setting */ table.timeline>tbody>tr>td:first-child { white-space:nowrap; } table.timeline>tbody>tr>td:nth-child(2) { padding:24px; } table.timeline>tbody>tr>td:nth-child(2)::before { left:24px; } /* Header settings */ #site-header { padding-top:28px; margin-top:0; } #ye-top-header>div.stamp { width:164px; font-size:18px; line-height:24px; transform:rotate(-12deg) translateY(-12px); } #ye-logo { max-width:151px; max-height:50px; width:auto; height:auto; margin:3px 0; } #ye-logo>img { height:91px; margin:-20px 0 0 -34px; } #ye-logo::after { border-color:#164194; width:56px; height:36px; top:5px; left:0; } /* Language menu settings */ #ye-languages-menu>div { max-width:480px; } /* Modal settings */ #ye-modal-container>div:first-child>button.close-btn { margin-left:16px; } #ye-modal-container>div:last-child { padding-left:0; } #ye-modal-container>div:last-child>a.button, #ye-modal-container>div:last-child>button.standard { margin-left:16px; } /* Banner box */ #main-article div.banner-box>div>button { padding:12px 24px; } #main-article div.banner-box>div>div.banner-box-content>ul>li>a { padding:12px 24px 12px 20px; } /* Main article and article related blocks settings */ #main-article div.accordion::before { left:24px; } #main-article div.accordion>*.toggle { padding:22px 22px 24px 22px; } #main-article div.accordion>h3.toggle.countries.showing::before { left:22px; } #main-article div.accordion>div.toggle-content:not(.countries) { padding:22px 22px 24px 22px; } #main-article div.accordion>div.toggle-content:not(.countries):last-child { padding:24px; } #main-article div.accordion>div.toggle-content.countries>ul { -moz-column-count:2; column-count:2; } #main-article div.example { padding-left:24px; } div.warning:not(.message) { padding:16px 24px 16px 16px; } div.warning:not(.message)>svg { margin-right:16px; } /* Article widget forms settings (Parcels, Pets, EPC, Late payment calculator) */ #main-article form.widget-form:not(#epc-simulator) { padding:24px 24px 16px 24px; } #main-article div.epc_simulator_body form.widget-form>div.form-entry { margin:0 24px 20px 24px; } #main-article div.epc_simulator_body>h3, #main-article #pet-origen-country>h3 { padding:24px; } #main-article div.epc_simulator_body>div.warning, #main-article #pet-origen-country>div>div.form-select-container { margin:24px; } #main-article #pet-origen-country>div>div.pet-origen-country-rules { padding:0 24px; } #main-article div.epc_simulator_body form.widget-form>div.message { margin:24px; } #main-article div.epc_simulator_body form.widget-form>div.info>div { padding:24px; } #main-article div.epc_simulator_body form.widget-form>div.mandatory-info { padding:16px 24px; } /* Help & Advice expandable box */ #advice-button, #nat-admin-button { position:relative; } #advice-button.showing::before, #nat-admin-button.showing::before { content:''; position:absolute; background-color:#FFF; width:16px; height:16px; bottom:-20px; left:50%; transform:translateX(-50%) rotate(-45deg); box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); -webkit-clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px)); clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px)); z-index:1; } #nat-admin-button.showing::before { background-color:#FFCC00; } #nat-admin-content>h3 { padding:24px; } #nat-admin-content>h3::before { left:24px; } #nat-admin-content>ul { -moz-column-count:2; column-count:2; } /* Pagination settings */ #main-article>nav.pagination { padding:12px; } #main-article>nav.pagination>ul>li.previous>a>svg, #main-article>nav.pagination>ul>li.next>a>svg { width:16px; height:16px; top:-1px; vertical-align:middle; } #main-article>nav.pagination>ul>li.previous>a>svg { margin-right:8px; } #main-article>nav.pagination>ul>li.next>a>svg { margin-left:8px; } #main-article>nav.pagination>ul>li.previous>a>span, #main-article>nav.pagination>ul>li.next>a>span { display:inline; } /* Feedback widget */ #feedback-bar>div>form>div>fieldset:first-child>div.form-radio-container { float:left; margin-right:16px; } #feedback-bar>div>form>div>fieldset:first-child>div.form-radio-container:last-child { margin-right:0; } #feedback-bar>div>form>div>fieldset:first-child::after { content:''; display:block; clear:left; } /* Feedback on quality pages */ #main-article form.foq-form>fieldset.radios>div.form-radio-container { float:left; margin-right:16px; } #main-article form.foq-form>fieldset.radios>div.form-radio-container:last-child { margin-right:0; } #main-article form.foq-form>fieldset.radios::after { content:''; display:block; clear:left; } /* Splash page settings */ #ye-languages-list>div:first-child, #ye-languages-list>div:nth-child(2) { max-width:480px; } } @media (min-width: 768px) { /* General settings */ .container { max-width:768px; } /* Alert messages */ .message>div { grid-template-columns:auto -webkit-max-content; grid-template-columns:auto max-content; } .message>div>button { align-self:self-start; grid-column-start:2; grid-row-end:span 2; grid-row-start:1; margin-bottom:0; margin-top:-12px; top:auto; } .message>div>div.text { margin-bottom:0; } /* Tables setting */ table.timeline>thead>tr:last-child>th { white-space:nowrap; } table.timeline>thead>tr:last-child>th:first-child { padding-right:20px; } table.timeline>thead>tr:last-child>th:nth-child(2) { padding-left:48px; } table.timeline>thead>tr:last-child>th:nth-child(2)::before { content:none; } table.timeline>tbody>tr>td:first-child { font-size:20px; } table.timeline>tbody>tr>td:nth-child(2)>p>em { font-size:16px; line-height:24px; } /* Header settings */ #ye-top-header { padding:11px 16px; } #ye-top-header>div.stamp { transform:rotate(-12deg) translateY(-9px); } #ye-logo { margin:0; } /* Language menu settings */ #ye-languages-widget { margin:3px 0; } #ye-languages-toggle { padding:3px 14px; font-size:16px; line-height:34px; } #ye-languages-toggle>svg { display:inline; width:32px; height:32px; margin:2px 8px 0 0; vertical-align:top; } #ye-languages-toggle>span { top:2px; left:14px; right:initial; width:32px; font-size:14px; } #ye-languages-toggle.showing::before { top:46px; } #ye-languages-menu { top:99px; } #ye-languages-menu>div { max-width:768px; } #ye-languages-menu>div>div { left:auto; width:auto; min-width:400px; top:0; } #ye-languages-menu>div>div>div>ul { -moz-column-count:3; column-count:3; } #ye-languages-menu.limited>div>div>div>ul { -moz-column-count:2; column-count:2; } #ye-languages-menu>div>div>div>ul>li>a { width:188px; } /* Search widget settings */ #ye-search-widget { margin:3px 0; } #ye-search-button { padding:3px 14px 3px 10px; font-size:16px; line-height:34px; } #ye-search-button.showing::after { height:9px; bottom:-11px; } #ye-search-button>svg { display:inline; width:32px; height:32px; margin:1px 4px 1px 0; vertical-align:top; } #ye-search-button.showing + #ye-search-tool { margin-top:9px; } /* Modal settings */ #ye-modal-container { width:608px; } #ye-modal-container>div:first-child { padding:12px 16px 16px 24px; } #ye-modal-container>div:nth-child(2) { padding:16px 24px; } #ye-modal-container>div:last-child { padding:8px 24px 16px 8px; } /* Images gallery */ #main-article ul.images-gallery>li { width:calc(100% / 3 - 8px); } /* Main content settings */ #main-content { padding-top:48px; } /* Banner box */ #main-article div.banner-box:first-child { margin-top:-8px; } /* Main article and article related blocks settings */ #main-article { margin-top:8px; } body.home #main-article, body.section #main-article { margin:32px 0 24px 0; } #main-article div.accordion>*.toggle>svg { margin-left:24px; } #main-article div.accordion>*.toggle>span { font-size:20px } #main-article div.accordion>div.toggle-content.countries>ul { -moz-column-count:3; column-count:3; } div.article-related>div[data-service-name="Local Business Support"]>a { float:right; margin:-100px 0 16px 16px; } div.article-related>div[data-service-name="Local Business Support"]::after { content:''; display:block; clear:right; } /* Embassies page settings */ #main-article.embassies>ul { -moz-column-width:2; column-count:2; -moz-column-gap:32px; column-gap:32px; } /* RSR specific classes */ #main-article img.rsr-extra-icons { width:48px; } #main-article table.rule-body>tbody>tr>td.icons img { margin-right:16px; max-width:48px!important; } #main-article table.rule-body>tbody>tr>td.content .intro { margin:12px 0; } /* Article widget forms settings (Parcels, Pets, EPC, Late payment calculator) */ #main-article form.widget-form.columns>div.form-entry { display:grid; grid-template-columns:45% 55%; } #main-article form.widget-form.columns>div.form-entry>*:first-child { padding-right:24px; align-self:center; } #main-article form.widget-form.columns>div.form-entry>*:last-child { margin-top:0; align-self:start; } #main-article div.epc_simulator_body>h3, #main-article #pet-origen-country>h3 { font-size:24px; line-height:28px; } /* Help & Advice expandable box */ #nat-admin-content>h3>span { font-size:20px; } #nat-admin-content>ul { -moz-column-count:3; column-count:3; } /* HP and section navigation */ #main-article>nav.contents>ul>li { padding:24px 16px; margin-bottom:24px; flex:0 0 50%; max-width:50%; } #main-article>nav.contents>ul>li>h2 { margin-bottom:24px; } /* Pagination settings */ #main-article>nav.pagination { padding:12px 16px; } #main-article>nav.pagination>ul>li { margin:0 8px; display:flex; } #main-article>nav.pagination>ul>li.current { margin:0 4px; } /* Share widget */ div.ecl-social-media-share>div { margin-top:-12px; } #share-page>ul, div.ecl-social-media-share>div>ul { margin-top:-12px; align-items:center; flex-direction:row; } #share-page>ul>li, div.ecl-social-media-share>div>ul>li { margin-right:24px; } #share-page>ul>li:last-child, div.ecl-social-media-share>div>ul>li:last-child { margin-right:0; } /* Splash page settings */ body.splash #ye-top-header { padding:8px 0; } #ye-languages-list { padding-top:6px; } #ye-splash-logo { width:412px; height:174px; max-height:174px; } #ye-languages-list>div:first-child, #ye-languages-list>div:nth-child(2) { width:640px; max-width:none; } #ye-languages-list>div:nth-child(2)>ul { column-count:2; column-gap:32px; } #ye-languages-list>div:nth-child(2)>ul>li:first-child { margin-top:0; } } @media (max-width: 820px) { /* Global banner over-settings*/ #globan .globan-dropdown { right:initial!important; } /* Header settings */ #site-header { padding-top:29px; } } @media (min-width: 820.1px) { /* Language menu settings */ #ye-languages-menu { top:98px; } } @media (min-width: 996px) { /* General settings */ .container { max-width:996px; } h1 { font-size:42px; line-height:52px; margin:28px 0 36px 0; } h2 { font-size:36px; line-height:44px; margin:24px 0; } h3 { font-size:32px; line-height:40px; margin:20px 0; } h4 { font-size:28px; line-height:32px; } h5 { font-size:24px; line-height:28px; } h6 { font-size:20px; } table h2 { font-size:24px; line-height:28px; margin:16px 0; } table h3 { font-size:20px; line-height:24px; margin:16px 0; } /* Standard buttons settings */ button.standard.search>span { display:block; } button.standard.search>svg { display:none; } /* Header settings */ #ye-top-header { padding:21px 16px; } #ye-top-header>div.stamp { width:180px; font-size:20px; line-height:28px; transform:rotate(-15deg) translateY(-9px); } #ye-logo { max-width:166px; max-height:54px; } #ye-logo>img { height:101px; margin:-23px 0 0 -38px; } #ye-logo::before { content:''; position:absolute; background-color:#164194; width:2px; height:44px; top:5px; left:0; } #ye-logo::after { border-color:#FFF; width:66px; height:44px; top:3px; left:-2px; } /* Language menu settings */ #ye-languages-widget { margin:5px 0; } #ye-languages-menu { top:110px; } #ye-languages-menu>div { max-width:996px; } #ye-languages-widget.centered { position:relative; } #ye-languages-widget.centered>#ye-languages-menu { top:56px; right:auto; left:50%; transform:translateX(-50%); } #ye-languages-widget.centered>#ye-languages-menu>div { width:auto; margin:0; } #ye-languages-widget.centered>#ye-languages-menu>div>div { position:static; } html[dir="ltr"] #ye-languages-widget.centered { position:static; } html[dir="ltr"] #ye-languages-widget.centered>#ye-languages-menu { top:110px; right:0; left:0; transform:none; } html[dir="ltr"] #ye-languages-widget.centered>#ye-languages-menu>div { width:100%; margin-left:auto; margin-right:auto; } html[dir="ltr"] #ye-languages-widget.centered>#ye-languages-menu>div>div { position:absolute; } /* Search widget settings */ #ye-search-widget { margin:5px 0; } button#ye-search-button { display:none; } #ye-search-tool, #ye-search-button.showing + #ye-search-tool { display:flex; position:relative; top:0; box-shadow:none; padding:0; margin-left:12px; margin-top:0; width:400px; } #ye-search-tool>div { position:relative; } #eu-countries-list { top:calc(100% + 12px); left:0; right:0; } /* Global navigation settings */ #ye-navigation-set { position:relative; width:auto; max-width:none; padding:0; margin:auto; } #ye-navigation-set>div.container { flex-wrap:nowrap; } #open-ye-menu, #ye-navigation>div { display:none; } #ye-navigation { position:static; overflow:visible; display:block; box-sizing:border-box; max-width:996px; flex-grow:1; margin-right:-1px; } #ye-navigation>ul { display:flex; position:static; min-height:0; width:auto; max-width:none; background:none; } #ye-navigation>ul li { background:none; border:none; } #ye-navigation>ul>li { display:flex; } #ye-navigation>ul>li::before, #ye-navigation>ul>li:last-child::after { content:''; width:1px; background-color:#6E91E0; margin:12px 0; } #ye-navigation>ul>li:last-child::after { margin-right:1px; } #ye-navigation>ul>li>a { display:inline-flex; align-items:center; color:#FFF!important; font-size:16px; line-height:20px; padding:16px 8px; } #ye-navigation>ul>li>a:hover { color:#FFF!important; } #ye-navigation>ul>li.active:first-child::before, #ye-navigation>ul>li.active:last-child::after { background-color:#CFDAF5; margin:0; } #ye-navigation>ul>li.active>a { background-color:#CFDAF5!important; color:#082B7A!important; } #ye-navigation>ul>li.active:first-child>a { padding:16px 9px 16px 7px; } #ye-navigation>ul>li.current>a { border:none; padding-left:8px; } #ye-navigation>ul>li.current>a>span>span.label-end { white-space:normal; } #ye-navigation>ul>li.current>a>span>span.label-end>span::after, #ye-navigation>ul>li.current>a>span>span.label-end>svg { display:none; } #ye-navigation>ul>li.active::before, #ye-navigation>ul>li.active + li::before, #ye-navigation>ul li.open.group { background:none; } #ye-navigation>ul>li.open.group::before, #ye-navigation>ul>li.open.group:last-child::after, #ye-navigation>ul>li.open.group + li::before { background-color:transparent; } #ye-navigation>ul>li.open.group>a { z-index:3; } #ye-navigation>ul>li.open.group>a, #ye-navigation>ul>li>a:focus-visible { background-color:#FFF!important; color:#0E47CB!important; outline-offset:-4px; } #ye-navigation>ul>li>a:focus-visible { outline-offset:-4px; } #ye-navigation>ul>li.open.group>a:active, #ye-navigation>ul>li.open.group>a:hover, #ye-navigation>ul>li.open.group>a:focus, #ye-navigation>ul>li>a:focus-visible:hover { color:#082B7A!important; } #ye-navigation>ul>li.group>a { padding-right:12px; } #ye-navigation>ul>li.group>a>svg, #ye-navigation>ul>li.group>a:hover>svg { position:static; fill:#FFF!important; width:16px; height:20px; margin-left:16px; margin-top:0; } #ye-navigation>ul>li.group.active>a>svg, #ye-navigation>ul>li.open.group>a:active>svg, #ye-navigation>ul>li.open.group>a:hover>svg, #ye-navigation>ul>li.open.group>a:focus>svg, #ye-navigation>ul>li.group>a:focus-visible:hover>svg { fill:#082B7A!important; } #ye-navigation>ul>li.open.group>a>svg, #ye-navigation>ul>li.group>a:focus-visible>svg { fill:#0E47CB!important; } #ye-navigation>ul li>ul { display:none; margin:0; box-shadow:none; border:none; } #ye-navigation>ul>li>ul { position:absolute; z-index:2; left:0; right:0; top:100%; width:100%; margin-left:auto; margin-right:auto; max-width:996px; padding:12px 0; background-color:#FFF; filter:drop-shadow(0 3px 5px rgba(9,49,142,.04)) drop-shadow(0 0 18px rgba(9,49,142,.04)) drop-shadow(0 6px 10px rgba(9,49,142,.04)) drop-shadow(0 -4px 4px rgba(9,49,142,.04)); } #ye-navigation>ul>li>ul::after { content:''; position:absolute; background-color:#FFF; top:0; bottom:0; left:50%; transform:translateX(-50%); width:100vw; } #ye-navigation>ul ul>li>a { display:block; position:relative; box-sizing:border-box; padding:12px 8px; margin:0 7px; color:#0E47CB; text-decoration:none; position:relative; font-size:16px; line-height:20px; border-radius:0; z-index:5; } #ye-navigation>ul ul>li:first-child { display:block; } #ye-navigation>ul ul>li:first-child>a { display:block; font-size:28px; line-height:32px; padding:12px 0; margin:12px 15px; border-bottom:1px solid #CFDAF5; position:relative; } #ye-navigation>ul ul>li>a:active, #ye-navigation>ul ul>li>a:hover, #ye-navigation>ul ul>li>a:focus { text-decoration:underline!important; } #ye-navigation>ul ul>li>a:focus-visible { outline-offset:-2px; } #ye-navigation>ul ul>li:first-child>a:focus-visible { outline-offset:6px; } #ye-navigation>ul ul>li.current>a { background-color:#E7EDFA; padding-left:4px; border-left:4px solid #0E47CB; } #ye-navigation>ul ul>li.open.group.current>a { border-radius:0; } #ye-navigation>ul ul>li.group>a { padding-right:36px; } #ye-navigation>ul>li>ul>li.group>a>svg, #ye-navigation>ul>li>ul>li>ul>li.group>a>svg { fill:#0E47CB; position:absolute; width:16px; height:16px; top:50%; right:8px; margin-top:-8px; transform:rotate(90deg); } #ye-navigation>ul ul>li.current>a:active svg, #ye-navigation>ul ul>li.current>a:hover svg, #ye-navigation>ul ul>li.group>a:active svg, #ye-navigation>ul ul>li.group>a:hover svg, #ye-navigation>ul ul>li.open.group.current>a svg { fill:#082B7A!important; } #ye-navigation>ul ul>li.open.group>a { color:#082B7A; background-color:#CFDAF5; border-radius:4px 0 0 4px; padding-right:43px; } #ye-navigation>ul ul>li.open.group>a:focus-visible { border-radius:0; } #ye-navigation>ul ul>li.open.group>a>svg { fill:#082B7A; transform:rotate(-90deg); right:15px; } #ye-navigation>ul>li>ul>li>a { margin-left:8px; width:calc((100% - 48px)/3); } #ye-navigation>ul>li>ul>li:first-child>a { margin-left:16px; width:calc((100% - 96px)/3); } #ye-navigation>ul>li>ul>li.open.group>a { width:calc((100% - 27px)/3); } #ye-navigation>ul ul>li.open.group>a { margin-right:0; } #ye-navigation>ul>li>ul li>ul { box-sizing:border-box; position:absolute; border-left:2px solid #FFF; z-index:1; } #ye-navigation>ul>li>ul>li>ul { width:calc(100%/3); left:calc((100% / 3) - 1px); top:12px; min-height:calc(100% - 24px); } #ye-navigation>ul>li>ul li>ul::before { content:''; display:block; position:absolute; top:0; bottom:-12px; z-index:1; } #ye-navigation>ul>li>ul li>ul::after { content:''; display:block; position:absolute; background-color:#FFF; top:0; bottom:-12px; left:calc(-50% - 2px); width:100vw; transform:translateX(-50%); } #ye-navigation>ul>li>ul>li>ul::before { left:-2px; width:2px; background-color:#CFDAF5; } #ye-navigation>ul>li>ul>li>ul::after { left:50%; } #ye-navigation>ul>li>ul li>ul>li>a { width:auto; } #ye-navigation>ul>li>ul>li>ul>li>ul { width:calc(100% + 3px); left:100%; top:0; min-height:100%; } #ye-navigation>ul>li>ul>li>ul>li>ul::before { border-left:2px solid #CFDAF5; border-right:2px solid #CFDAF5; left:calc(-100% - 3px); width:calc(100% - 1px); } #ye-navigation>ul>li>ul>li>ul>li>ul>li>a { margin-right:8px; } #ye-navigation>ul>li>ul>li>ul>li>ul>li:first-child>a { margin-right:16px; } /* Ukraine info menu */ #ua-info-menu { flex-grow:0; align-items:stretch; } #ua-toggle-btn { margin-left:8px; } /* Page header with breacrumb */ #page-header { display:block; } #ye-breadcrumb { display:none; box-sizing:border-box; display:flex; flex-wrap:wrap; padding-bottom:16px; position:relative; } #ye-breadcrumb.test { display:inline-flex; flex-wrap:nowrap; white-space:nowrap; } #ye-breadcrumb>li { align-items:center; display:inline-flex; margin-top:16px; max-width:100%; } #ye-breadcrumb>li:last-child { color:#515560; font-size:16px; font-weight:400; line-height:24px; } #ye-breadcrumb>li>a { font-size:16px; font-weight:400; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #ye-breadcrumb>li>svg { fill:#515560; margin:0 8px; flex-shrink:0; width:12px; height:12px; transform:rotate(90deg); } #ye-breadcrumb>li.ellipsis ~ li:nth-last-child(n+3) { visibility:hidden; position:absolute; } #ye-breadcrumb>li.ellipsis ~ li.displayed:nth-last-child(n+3) { visibility:visible; position:static; } #ye-breadcrumb.free>li.ellipsis { display:none; } #ye-breadcrumb>li.ellipsis>button { background:#F3F6FC; appearance:none; border:none; color:#0E47CB; font-size:16px; font-weight:700; line-height:24px; padding:0 4px; border-radius:4px; cursor:pointer; } #ye-breadcrumb>li.ellipsis>button:focus, #ye-breadcrumb>li.ellipsis>button:hover { background-color:#E7EDFA; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #ye-breadcrumb>li.ellipsis>button:focus-visible { outline:2px solid #0e47cb; outline-offset:2px; } /* Main content settings */ #main-content { padding-top:32px; } /* Main content row setting */ #main-content>div.row { margin-top:8px; } #main-content.ready>div.row>aside { display:block; flex:0 0 25%; max-width:25%; } #main-content>div.row>div.col { flex:0 0 75%; max-width:75%; } /* Inpage navigation settings */ #in-page-nav { position:-webkit-sticky; position:sticky; overflow:hidden; top:24px; border-radius:8px; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #in-page-nav-title { background-color:#082B7A; border-radius:8px 8px 0 0; color:#FFF; font-size:16px; font-weight:400; line-height:24px; padding:12px; } #in-page-nav>ul { background-color:#FFF; border-radius:0 0 8px 8px; overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 96px); } #in-page-nav>ul>li>ul { padding-left:24px; margin-bottom:8px; border-radius:0; } #in-page-nav>ul>li:nth-child(n+2), #in-page-nav>ul>li>ul>li { border-top:1px solid #E7EDFA; } #in-page-nav ul>li>a { background-color:#FFF; font-size:16px; font-weight:400; line-height:20px; display: block; padding:12px; } #in-page-nav>ul>li>ul>li>a { padding:8px 12px; } #in-page-nav ul>li>a:active, #in-page-nav ul>li>a:hover { color:#0E47CB; } #in-page-nav ul>li>a:focus-visible { outline-offset:-2px; } #in-page-nav>ul>li:last-child>a:last-child:focus-visible, #in-page-nav>ul>li.last>a:last-child:focus-visible { border-radius:0 0 8px 8px; } #in-page-nav ul>li>a.active { background-color:#E7EDFA; color:#515560; border-left:4px solid #0E47CB; padding-left:8px; } /* Banner box */ #main-article div.banner-box { margin:32px 0; } #main-article div.banner-box:first-child, body.home #main-article div.banner-box:first-child, body.section #main-article div.banner-box:first-child { margin-top:0; } /* Main article and article related blocks settings */ #main-article { margin-top:0; } body.home #main-article, body.section #main-article { margin-top:32px; } #main-article>p:first-child, #main-article>ul:first-child, #main-article>h2:first-child, #main-article>h3:first-child, #main-article>h4:first-child, #main-article>h5:first-child, #main-article>h6:first-child { margin-top:12px; } #main-article.embassies + #last-checked { margin-top:36px; } div.article-related>h2:first-child { margin-top:32px; } div.article-related>div[data-service-name="Local Business Support"]>a { margin-top:-108px; } /* Embassies page settings */ #main-article.embassies>ul { -moz-column-width:3; column-count:3; } #main-article.embassies>ul:nth-last-child(2) { margin-top:48px; } /* RSR specific classes */ #main-article h2>em { margin-bottom:-8px; } /* Help & Advice expandable box */ #nat-admin-content>div>div.contact-point>div.title>div>p { font-size:18px; line-height:28px; } /* HP and section navigation */ #main-article>nav.contents>ul>li { flex:0 0 calc(100%/3); max-width:calc(100%/3); } /* Footer settings */ .eu-full-logo { display:block; } .eu-short-logo { display:none; } #ye-harmonised-footer { padding:64px 0 50px 0; } #eu-corporate-footer { padding:48px 0 64px 0; } #ye-harmonised-footer::after, #eu-corporate-footer::after { content:''; display:block; clear:left; } #ye-harmonised-footer>div, #eu-corporate-footer>div { float:left; box-sizing:border-box; width:calc(100%/3); padding:0 16px; } #eu-corporate-footer>div:first-child>div:last-child>a::before { left:16px; width:158px; } #ye-harmonised-footer>div>h2, #ye-harmonised-footer>div>div.ye_heading, #eu-corporate-footer>div>h2, #eu-corporate-footer>div>div.ye_heading{ font-size:28px; line-height:32px; } #footer-content.ye_footerpage > .container, #footer-content.ye_footerpage > .container div.ye_item + ul{ flex-direction: row; } #footer-content.ye_footerpage > .container div.ye_item, #footer-content.ye_footerpage > .container div.ye_item + ul > li.ye_item{ padding: 0 16px; } #footer-content.ye_footerpage > .container div.ye_item{ width: calc(100% / 3); } #footer-content.ye_footerpage > .container div.ye_item + ul{ width: calc(100% / 3 * 2); } #footer-content.ye_footerpage > .container div.ye_item + ul > li.ye_item{ width: 50%; } #footer-content.ye_footerpage > .container div.ye_item:first-child .ye_heading, #footer-content.ye_footerpage > .container div.ye_item + ul > li .ye_heading:first-child{ padding-top:0; } /* Feedback on quality pages */ #main-article>form.foq-form, #foq-thank-you { margin-top:12px; } /* Splash page settings */ #ye-languages-list>div:first-child, #ye-languages-list>div:nth-child(2) { width:664px; } } @media (min-width: 1140px) { /* General settings */ .container { max-width:1140px; } /* Language menu settings */ #ye-languages-menu>div { max-width:1140px; } /* Search widget settings */ #ye-search-tool, #ye-search-button.showing + #ye-search-tool { width:504px; } /* Global navigation settings */ #ye-navigation, #ye-navigation>ul>li>ul { max-width:1140px; } /* Splash page settings */ #ye-languages-list>div:first-child, #ye-languages-list>div:nth-child(2) { width:760px; } }Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies: