ST/7526/2023/INIT, Council Regulation (EU) 2023/730 of 31 March 2023 amending Regulation (EU) 2023/194 fixing for 2023 the fishing opportunities for certain fish stocks, applicable in Union waters and, for Union fishing vessels, in certain non-Union waters, as well as fixing for 2023 and 2024 such fishing opportunities for certain deep-sea fish stocks, and Regulation (EU) 2022/109

ISSN 2363-202X <#-- CSS ONLY BELOW IN THE STYLE TAG --> *, .site-class-7946710 ul > *, .site-class-7946710 ol > * { font-size: 12pt!important; font-family:georgia, times, serif; } .site-class-7946710 p, .site-class-7946710 ul, .site-class-7946710 ul > * .site-class-7946710 ol, .site-class-7946710 ol > *, { color: #000000!important; } .site-class-7946710 #maincontentarea, .site-class-7946710 .maincontentarea { padding: 0!important; margin: 0!important; width: 100%!important; float: none; } .site-class-7946710 @page { margin: 2cm } } /**** GLOBAL RESET ******/ .journal-content-article a { font-size: unset; } .OPPortalLayout a, .OPPortalLayout a:link, .OPPortalLayout a:visited, .OPPortalLayout a:active { color:unset; border:unset; outline:unset; } #maincontent, #maincontentarea { outline: unset!important; outline-offset: unset!important; } .portlet-body .journal-content-article h1 { font-size: unset; letter-spacing: unset; } /* #maincontent code, #maincontentarea code { font-size: unset; } */ /****** GRID ******/ .gcss-op .gs-grid, .gcss-op .grid-op { display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-gap: 24px; } .gcss-op .gs-grid.gs-gridchild-no-stretch { justify-items: start; align-items: start; } .gcss-op .gs-grid-col, .gcss-op .grid-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-2col, .gcss-op .grid-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-3col, .gcss-op .grid-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-0, .gcss-op .grid-gap-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-16, .gcss-op .grid-gap-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-24, .gcss-op .grid-gap-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-32, .gcss-op .grid-gap-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-40, .gcss-op .grid-gap-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-48, .gcss-op .grid-gap-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-56, .gcss-op .grid-gap-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-64, .gcss-op .grid-gap-64 { grid-gap: 64px; } @media screen and (min-width: 576px) { .gcss-op .gs-grid-sm-col, .gcss-op .grid-sm-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-sm-2col, .gcss-op .grid-sm-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-sm-3col, .gcss-op .grid-sm-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-4col, .gcss-op .grid-sm-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-5col, .gcss-op .grid-sm-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-6col, .gcss-op .grid-sm-6col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-7col, .gcss-op .grid-sm-7col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-8col, .gcss-op .grid-sm-8col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-sm-0, .gcss-op .grid-gap-sm-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-sm-16, .gcss-op .grid-gap-sm-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-sm-24, .gcss-op .grid-gap-sm-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-sm-32, .gcss-op .grid-gap-sm-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-sm-40, .gcss-op .grid-gap-sm-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-sm-48, .gcss-op .grid-gap-sm-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-sm-56, .gcss-op .grid-gap-sm-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-sm-64, .gcss-op .grid-gap-sm-64 { grid-gap: 64px; } } @media screen and (min-width: 768px) { .gcss-op .gs-grid-md-col, .gcss-op .grid-md-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-md-2col, .gcss-op .grid-md-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-md-3col, .gcss-op .grid-md-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-md-4col, .gcss-op .grid-md-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-5col, .gcss-op .grid-md-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-6col, .gcss-op .grid-md-6col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-7col, .gcss-op .grid-md-7col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-8col, .gcss-op .grid-md-8col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-9col, .gcss-op .grid-md-9col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-10col, .gcss-op .grid-md-10col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-md-0, .gcss-op .grid-gap-md-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-md-16, .gcss-op .grid-gap-md-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-md-24, .gcss-op .grid-gap-md-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-md-32, .gcss-op .grid-gap-md-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-md-40, .gcss-op .grid-gap-md-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-md-48, .gcss-op .grid-gap-md-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-md-56, .gcss-op .grid-gap-md-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-md-64, .gcss-op .grid-gap-md-64 { grid-gap: 64px; } } @media screen and (min-width: 992px) { .gcss-op .gs-grid-lg-col, .gcss-op .grid-lg-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-lg-2col, .gcss-op .grid-lg-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-lg-3col, .gcss-op .grid-lg-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-4col, .gcss-op .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-5col, .gcss-op .grid-lg-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-6col, .gcss-op .grid-lg-6col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-7col, .gcss-op .grid-lg-7col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-8col, .gcss-op .grid-lg-8col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-9col, .gcss-op .grid-lg-9col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-10col, .gcss-op .grid-lg-10col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-lg-0, .gcss-op .grid-gap-lg-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-lg-16, .gcss-op .grid-gap-lg-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-lg-24, .gcss-op .grid-gap-lg-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-lg-32, .gcss-op .grid-gap-lg-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-lg-40, .gcss-op .grid-gap-lg-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-lg-48, .gcss-op .grid-gap-lg-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-lg-56, .gcss-op .grid-gap-lg-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-lg-64, .gcss-op .grid-gap-lg-64 { grid-gap: 64px; } } @media screen and (min-width: 1200px) { .gcss-op .gs-grid-xl-col, .gcss-op .grid-xl-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-xl-2col, .gcss-op .grid-xl-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-xl-3col, .gcss-op .grid-xl-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-4col, .gcss-op .grid-xl-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-5col, .gcss-op .grid-xl-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-6col, .gcss-op .grid-xl-6col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-7col, .gcss-op .grid-xl-7col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-8col, .gcss-op .grid-xl-8col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-9col, .gcss-op .grid-xl-9col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-10col, .gcss-op .grid-xl-10col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-xl-0, .gcss-op .grid-gap-xl-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-xl-16, .gcss-op .grid-gap-xl-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-xl-24, .gcss-op .grid-gap-xl-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-xl-32, .gcss-op .grid-gap-xl-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-xl-40, .gcss-op .grid-gap-xl-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-xl-48, .gcss-op .grid-gap-xl-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-xl-56, .gcss-op .grid-gap-xl-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-xl-64, .gcss-op .grid-gap-xl-64 { grid-gap: 64px; } } /****** CSS variables ******/ :root { /*** BASE FONTS ****/ /* Font families – Arial */ –gs-base-font-family-default: Arial, sans-serif; –gs-base-font-family-heading: Arial, sans-serif; /* Font weights – Arial */ –gs-base-font-weight-default: 400; –gs-base-font-weight-heading: 700; /* Font sizes */ –gs-base-font-size-2xs: 0.75rem; /* 12px Tiny short text (1 narrow line maximum) for extra fine print. Use in extremely exceptional cases when “xs” does not suffice. */ –gs-base-font-size-xs: 0.813rem; /* 13px Very small short text (under 3 lines) for fine print, compacted table data and UI components */ –gs-base-font-size-s: 0.875rem; /* 14px Small body text (1-2 short paragraphs), captions, table data and UI components */ –gs-base-font-size-m: 1rem; /* 16px Default body text (good for extended reading), captions, table data and UI components */ –gs-base-font-size-l: 1.125rem; /* 18px H5, large body text (good for extended reading) */ –gs-base-font-size-xl: 1.25rem; /* 20px H4 */ –gs-base-font-size-2xl: 1.5rem; /* 24px H3 */ –gs-base-font-size-3xl: 1.75rem; /* 28px H2 */ –gs-base-font-size-4xl: 2rem; /* 32px H1 */ –gs-base-font-size-5xl: 2.25rem; /* 36px Other extra large text */ –gs-base-font-size-6xl: 2.625rem; /* 42px Other extra large text */ –gs-base-font-size-sp-15: 0.938rem; /* 15px For UI components when you really need something in between “s” and “m”. Use sparingly. */ /* Line heights */ –gs-base-line-height-xs: 1; /* buttons, navigation, and text not meant to break over a line */ –gs-base-line-height-s: 1.15; /* headings, introductory (lead or dek) text, no more than 1-2 sentences */ –gs-base-line-height-m: 1.35; /* short text (under 1 paragraph), captions, text with a very short or very long measure */ –gs-base-line-height-l: 1.5; /* short (1-2 paragraphs) of running text, especially with a short measure */ –gs-base-line-height-xl: 1.62; /* for most reading text, especially text meant for extended reading */ –gs-base-line-height-2xl: 1.75; /* shorter text (1-2 paragraphs) meant to be distinguished from other page text, pullquotes */ /* Spacing */ –gs-base-spacing-0: 0; –gs-base-spacing-2xs: 0.25rem; /* 0.25rem / 4px */ –gs-base-spacing-xs: 0.5rem; /* 0.5rem / 8px */ –gs-base-spacing-s: 0.75rem; /* 0.75rem / 12px */ –gs-base-spacing-m: 1rem; /* 1rem / 16px */ –gs-base-spacing-l: 1.5rem; /* 1.5rem / 24px */ –gs-base-spacing-xl: 2rem; /* 2rem / 32px */ –gs-base-spacing-2xl: 2.5rem; /* 2.5rem / 40px */ –gs-base-spacing-3xl: 3rem; /* 3rem / 48px */ –gs-base-spacing-4xl: 4rem; /* 4rem / 64px */ /*** colors ****/ /* main (OP) */ –gs-base-color-main-100: #132760; /* accessible */ –gs-base-color-main-75: #697188; /* accessible Link secondary */ /* sky (eurlex) */ –gs-base-color-eurlex-130: #005E7E; /*–gs-base-color-eurlex-120: #006B8F;BEFORE */ –gs-base-color-eurlex-120: #00678A; /*–gs-base-color-eurlex-110: #007EA8; BEFORE accessible */ –gs-base-color-eurlex-110: #00749B; /* accessible */ –gs-base-color-eurlex-100: #0099CC; –gs-base-color-eurlex-75: #58BCDF; –gs-base-color-eurlex-50: #6ADAFF; –gs-base-color-eurlex-25: #B8EDFF; –gs-base-color-eurlex-10: #E0F7FF; /* bg */ –gs-base-color-eurlex-5: #EFF9FB; /* bg */ –gs-base-color-sky-130: #005E7E; –gs-base-color-sky-120: #006B8F; –gs-base-color-sky-110: #007EA8; /* accessible */ –gs-base-color-sky-100: #0099CC; –gs-base-color-sky-75: #58BCDF; –gs-base-color-sky-50: #6ADAFF; –gs-base-color-sky-25: #B8EDFF; –gs-base-color-sky-10: #E0F7FF; /* bg */ –gs-base-color-sky-5: #EFF9FB; /* bg */ /* fuchsia (data) */ –gs-base-color-data-130: #6E0A1D; –gs-base-color-data-120: #B51131; –gs-base-color-data-110: #DE2A5E; /* accessible */ –gs-base-color-data-100: #F2718A; –gs-base-color-data-75: #F7A7B6; –gs-base-color-data-50: #F9B9C5; –gs-base-color-data-25: #FACBD4; –gs-base-color-data-10: #FCDDE3; /* bg */ –gs-base-color-data-5: #FEEFF2; /* bg */ /* forest (ted) */ –gs-base-color-ted-130: #1F5E00; –gs-base-color-ted-120: #287928; –gs-base-color-ted-110: #2C862D; /* accessible */ –gs-base-color-ted-100: #339900; –gs-base-color-ted-75: #80DE85; –gs-base-color-ted-50: #BBFF99; –gs-base-color-ted-25: #D5FFC0; –gs-base-color-ted-10: #EAF8E2; /* bg */ –gs-base-color-ted-5: #F3FBEF; /* bg */ /* earth (publications) */ –gs-base-color-publications-130: #954B00; –gs-base-color-publications-120: #A25E1E; –gs-base-color-publications-110: #AC6420; /* accessible */ –gs-base-color-publications-100: #FF9933; –gs-base-color-publications-75: #FFB66E; –gs-base-color-publications-50: #FFCA95; –gs-base-color-publications-25: #FFDEBC; –gs-base-color-publications-10: #FFF1E4; /* bg */ –gs-base-color-publications-5: #FFF7EE; /* bg */ /* lavender (research) */ –gs-base-color-lavender-130: #451244; –gs-base-color-lavender-120: #641B62; –gs-base-color-lavender-110: #76017A; /* accessible */ –gs-base-color-lavender-100: #93278F; –gs-base-color-lavender-75: #D97CD6; –gs-base-color-lavender-50: #E8A9E6; –gs-base-color-lavender-25: #F9DBFF; –gs-base-color-lavender-10: #F9E7F8; /* bg */ –gs-base-color-lavender-5: #FDF7FD; /* bg */ /* Main whoiswho */ –gs-base-color-whoiswho-130: #671908; –gs-base-color-whoiswho-120: #9E270C; –gs-base-color-whoiswho-110: #DA3510; /* accessible */ –gs-base-color-whoiswho-100: #EE441E; –gs-base-color-whoiswho-75: #F09187; –gs-base-color-whoiswho-50: #F8AE9E; –gs-base-color-whoiswho-25: #FFDDD4; –gs-base-color-whoiswho-10: #FDEDE9; /* bg */ –gs-base-color-whoiswho-5: #FEF6F4; /* bg */ /*** Core *** /* Gray */ –gs-base-color-gray-100: #333333; /* accessible */ –gs-base-color-gray-75: #666666; /* accessible */ –gs-base-color-gray-60: #858585; /* Borders */ –gs-base-color-gray-45: #A3A3A3; –gs-base-color-gray-30: #C2C2C2; /* Disabled */ –gs-base-color-gray-20: #D8D8D8; /* line */ –gs-base-color-gray-15: #E0E0E0; –gs-base-color-gray-10: #EEEEEE; /* bg */ –gs-base-color-gray-5: #F5F5F5; /* bg */ /* White */ –gs-base-color-white: #FFFFFF; /* Link */ –gs-base-color-link-110: #1454B7; /* accessible */ –gs-base-color-link-100: #3366CC; /* accessible */ –gs-base-color-link-75: #668CD9; –gs-base-color-link-50: #99B2E5; –gs-base-color-link-25: #CCD9F2; –gs-base-color-link-10: #E6ECF9; /* bg for link hover */ –gs-base-color-link-5: #F0F4FB; /* bg for link hover */ /*** OP ***/ /* opblue */ –gs-base-color-opblue-110: #002E8A; –gs-base-color-opblue-100: #003399; –gs-base-color-opblue-75: #4066B2; –gs-base-color-opblue-50: #8099CC; –gs-base-color-opblue-25: #BFCCE5; –gs-base-color-opblue-10: #E8EDF6; /* bg */ –gs-base-color-opblue-5: #F0F3F9; /* bg */ /* opyellow */ –gs-base-color-opyellow-110: #EBBC00; –gs-base-color-opyellow-100: #FFCC00; –gs-base-color-opyellow-75: #FFD940; –gs-base-color-opyellow-50: #FFE580; –gs-base-color-opyellow-25: #FFEDA4; –gs-base-color-opyellow-10: #FFF5CC; /* bg */ –gs-base-color-opyellow-5: #FFFAE5; /* bg */ /* Functional */ –gs-base-color-error-100: #BB0202; –gs-base-color-error-75: #FF0000; –gs-base-color-highlight-100: #FFFD38; } /*** Colour classes ***/ /* color: */ .gs-u-color-main-100 { color: var(–gs-base-color-main-100); } .gs-u-color-main-75 { color: var(–gs-base-color-main-75); } .gs-u-color-sky-130, .gs-u-color-eurlex-130 { color: var(–gs-base-color-eurlex-130); } .gs-u-color-sky-120, .gs-u-color-eurlex-120 { color: var(–gs-base-color-eurlex-120); } .gs-u-color-sky-110, .gs-u-color-eurlex-110 { color: var(–gs-base-color-eurlex-110); } .gs-u-color-sky-100, .gs-u-color-eurlex-100 { color: var(–gs-base-color-eurlex-100); } .gs-u-color-sky-75, .gs-u-color-eurlex-75 { color: var(–gs-base-color-eurlex-75); } .gs-u-color-sky-50, .gs-u-color-eurlex-50 { color: var(–gs-base-color-eurlex-50); } .gs-u-color-sky-25, .gs-u-color-eurlex-25 { color: var(–gs-base-color-eurlex-25); } .gs-u-color-sky-10, .gs-u-color-eurlex-10 { color: var(–gs-base-color-eurlex-10); } .gs-u-color-sky-5, .gs-u-color-eurlex-5 { color: var(–gs-base-color-eurlex-5); } .gs-u-color-data-130 { color: var(–gs-base-color-data-130); } .gs-u-color-data-120 { color: var(–gs-base-color-data-120); } .gs-u-color-data-110 { color: var(–gs-base-color-data-110); } .gs-u-color-data-100 { color: var(–gs-base-color-data-100); } .gs-u-color-data-75 { color: var(–gs-base-color-data-75); } .gs-u-color-data-50 { color: var(–gs-base-color-data-50); } .gs-u-color-data-25 { color: var(–gs-base-color-data-25); } .gs-u-color-data-10 { color: var(–gs-base-color-data-10); } .gs-u-color-data-5 { color: var(–gs-base-color-data-5); } .gs-u-color-ted-130 { color: var(–gs-base-color-ted-130); } .gs-u-color-ted-120 { color: var(–gs-base-color-ted-120); } .gs-u-color-ted-110 { color: var(–gs-base-color-ted-110); } .gs-u-color-ted-100 { color: var(–gs-base-color-ted-100); } .gs-u-color-ted-75 { color: var(–gs-base-color-ted-75); } .gs-u-color-ted-50 { color: var(–gs-base-color-ted-50); } .gs-u-color-ted-25 { color: var(–gs-base-color-ted-25); } .gs-u-color-ted-10 { color: var(–gs-base-color-ted-10); } .gs-u-color-ted-5 { color: var(–gs-base-color-ted-5); } .gs-u-color-publications-130 { color: var(–gs-base-color-publications-130); } .gs-u-color-publications-120 { color: var(–gs-base-color-publications-120); } .gs-u-color-publications-110 { color: var(–gs-base-color-publications-110); } .gs-u-color-publications-100 { color: var(–gs-base-color-publications-100); } .gs-u-color-publications-75 { color: var(–gs-base-color-publications-75); } .gs-u-color-publications-50 { color: var(–gs-base-color-publications-50); } .gs-u-color-publications-25 { color: var(–gs-base-color-publications-25); } .gs-u-color-publications-10 { color: var(–gs-base-color-publications-10); } .gs-u-color-publications-5 { color: var(–gs-base-color-publications-5); } .gs-u-color-lavender-130 { color: var(–gs-base-color-lavender-130); } .gs-u-color-lavender-120 { color: var(–gs-base-color-lavender-120); } .gs-u-color-lavender-110 { color: var(–gs-base-color-lavender-110); } .gs-u-color-lavender-100 { color: var(–gs-base-color-lavender-100); } .gs-u-color-lavender-75 { color: var(–gs-base-color-lavender-75); } .gs-u-color-lavender-50 { color: var(–gs-base-color-lavender-50); } .gs-u-color-lavender-25 { color: var(–gs-base-color-lavender-25); } .gs-u-color-lavender-10 { color: var(–gs-base-color-lavender-10); } .gs-u-color-lavender-5 { color: var(–gs-base-color-lavender-5); } .gs-u-color-whoiswho-130 { color: var(–gs-base-color-whoiswho-130); } .gs-u-color-whoiswho-120 { color: var(–gs-base-color-whoiswho-120); } .gs-u-color-whoiswho-110 { color: var(–gs-base-color-whoiswho-110); } .gs-u-color-whoiswho-100 { color: var(–gs-base-color-whoiswho-100); } .gs-u-color-whoiswho-75 { color: var(–gs-base-color-whoiswho-75); } .gs-u-color-whoiswho-50 { color: var(–gs-base-color-whoiswho-50); } .gs-u-color-whoiswho-25 { color: var(–gs-base-color-whoiswho-25); } .gs-u-color-whoiswho-10 { color: var(–gs-base-color-whoiswho-10); } .gs-u-color-whoiswho-5 { color: var(–gs-base-color-whoiswho-5); } .gs-u-color-gray-100 { color: var(–gs-base-color-gray-100); } .gs-u-color-gray-75 { color: var(–gs-base-color-gray-75); } .gs-u-color-gray-60 { color: var(–gs-base-color-gray-60); } .gs-u-color-gray-45 { color: var(–gs-base-color-gray-45); } .gs-u-color-gray-30 { color: var(–gs-base-color-gray-30); } .gs-u-color-gray-20 { color: var(–gs-base-color-gray-20); } .gs-u-color-gray-15 { color: var(–gs-base-color-gray-15); } .gs-u-color-gray-10 { color: var(–gs-base-color-gray-10); } .gs-u-color-gray-5 { color: var(–gs-base-color-gray-5); } .gs-u-color-link-110 { color: var(–gs-base-color-link-110); } .gs-u-color-link-100 { color: var(–gs-base-color-link-100); } .gs-u-color-link-75 { color: var(–gs-base-color-link-75); } .gs-u-color-link-50 { color: var(–gs-base-color-link-50); } .gs-u-color-link-25 { color: var(–gs-base-color-link-25); } .gs-u-color-link-10 { color: var(–gs-base-color-link-10); } .gs-u-color-link-5 { color: var(–gs-base-color-link-5); } .gs-u-color-opblue-110 { color: var(–gs-base-color-opblue-110); } .gs-u-color-opblue-100 { color: var(–gs-base-color-opblue-100); } .gs-u-color-opblue-75 { color: var(–gs-base-color-opblue-75); } .gs-u-color-opblue-50 { color: var(–gs-base-color-opblue-50); } .gs-u-color-opblue-25 { color: var(–gs-base-color-opblue-25); } .gs-u-color-opblue-10 { color: var(–gs-base-color-opblue-10); } .gs-u-color-opblue-5 { color: var(–gs-base-color-opblue-5); } .gs-u-color-opyellow-110 { color: var(–gs-base-color-opyellow-110); } .gs-u-color-opyellow-100 { color: var(–gs-base-color-opyellow-100); } .gs-u-color-opyellow-75 { color: var(–gs-base-color-opyellow-75); } .gs-u-color-opyellow-50 { color: var(–gs-base-color-opyellow-50); } .gs-u-color-opyellow-25 { color: var(–gs-base-color-opyellow-25); } .gs-u-color-opyellow-10 { color: var(–gs-base-color-opyellow-10); } .gs-u-color-opyellow-5 { color: var(–gs-base-color-opyellow-5); } /* background-color: */ .gs-u-bg-color-main-100 { background-color: var(–gs-base-color-main-100); } .gs-u-bg-color-main-75 { background-color: var(–gs-base-color-main-75); } .gs-u-bg-color-eurlex-130 { background-color: var(–gs-base-color-eurlex-130); } .gs-u-bg-color-eurlex-120 { background-color: var(–gs-base-color-eurlex-120); } .gs-u-bg-color-eurlex-110 { background-color: var(–gs-base-color-eurlex-110); } .gs-u-bg-color-eurlex-100 { background-color: var(–gs-base-color-eurlex-100); } .gs-u-bg-color-eurlex-75 { background-color: var(–gs-base-color-eurlex-75); } .gs-u-bg-color-eurlex-50 { background-color: var(–gs-base-color-eurlex-50); } .gs-u-bg-color-eurlex-25 { background-color: var(–gs-base-color-eurlex-25); } .gs-u-bg-color-eurlex-10 { background-color: var(–gs-base-color-eurlex-10); } .gs-u-bg-color-eurlex-5 { background-color: var(–gs-base-color-eurlex-5); } .gs-u-bg-color-data-130 { background-color: var(–gs-base-color-data-130); } .gs-u-bg-color-data-120 { background-color: var(–gs-base-color-data-120); } .gs-u-bg-color-data-110 { background-color: var(–gs-base-color-data-110); } .gs-u-bg-color-data-100 { background-color: var(–gs-base-color-data-100); } .gs-u-bg-color-data-75 { background-color: var(–gs-base-color-data-75); } .gs-u-bg-color-data-50 { background-color: var(–gs-base-color-data-50); } .gs-u-bg-color-data-25 { background-color: var(–gs-base-color-data-25); } .gs-u-bg-color-data-10 { background-color: var(–gs-base-color-data-10); } .gs-u-bg-color-data-5 { background-color: var(–gs-base-color-data-5); } .gs-u-bg-color-ted-130 { background-color: var(–gs-base-color-ted-130); } .gs-u-bg-color-ted-120 { background-color: var(–gs-base-color-ted-120); } .gs-u-bg-color-ted-110 { background-color: var(–gs-base-color-ted-110); } .gs-u-bg-color-ted-100 { background-color: var(–gs-base-color-ted-100); } .gs-u-bg-color-ted-75 { background-color: var(–gs-base-color-ted-75); } .gs-u-bg-color-ted-50 { background-color: var(–gs-base-color-ted-50); } .gs-u-bg-color-ted-25 { background-color: var(–gs-base-color-ted-25); } .gs-u-bg-color-ted-10 { background-color: var(–gs-base-color-ted-10); } .gs-u-bg-color-ted-5 { background-color: var(–gs-base-color-ted-5); } .gs-u-bg-color-publications-130 { background-color: var(–gs-base-color-publications-130); } .gs-u-bg-color-publications-120 { background-color: var(–gs-base-color-publications-120); } .gs-u-bg-color-publications-110 { background-color: var(–gs-base-color-publications-110); } .gs-u-bg-color-publications-100 { background-color: var(–gs-base-color-publications-100); } .gs-u-bg-color-publications-75 { background-color: var(–gs-base-color-publications-75); } .gs-u-bg-color-publications-50 { background-color: var(–gs-base-color-publications-50); } .gs-u-bg-color-publications-25 { background-color: var(–gs-base-color-publications-25); } .gs-u-bg-color-publications-10 { background-color: var(–gs-base-color-publications-10); } .gs-u-bg-color-publications-5 { background-color: var(–gs-base-color-publications-5); } .gs-u-bg-color-lavender-130 { background-color: var(–gs-base-color-lavender-130); } .gs-u-bg-color-lavender-120 { background-color: var(–gs-base-color-lavender-120); } .gs-u-bg-color-lavender-110 { background-color: var(–gs-base-color-lavender-110); } .gs-u-bg-color-lavender-100 { background-color: var(–gs-base-color-lavender-100); } .gs-u-bg-color-lavender-75 { background-color: var(–gs-base-color-lavender-75); } .gs-u-bg-color-lavender-50 { background-color: var(–gs-base-color-lavender-50); } .gs-u-bg-color-lavender-25 { background-color: var(–gs-base-color-lavender-25); } .gs-u-bg-color-lavender-10 { background-color: var(–gs-base-color-lavender-10); } .gs-u-bg-color-lavender-5 { background-color: var(–gs-base-color-lavender-5); } .gs-u-bg-color-whoiswho-130 { background-color: var(–gs-base-color-whoiswho-130); } .gs-u-bg-color-whoiswho-120 { background-color: var(–gs-base-color-whoiswho-120); } .gs-u-bg-color-whoiswho-110 { background-color: var(–gs-base-color-whoiswho-110); } .gs-u-bg-color-whoiswho-100 { background-color: var(–gs-base-color-whoiswho-100); } .gs-u-bg-color-whoiswho-75 { background-color: var(–gs-base-color-whoiswho-75); } .gs-u-bg-color-whoiswho-50 { background-color: var(–gs-base-color-whoiswho-50); } .gs-u-bg-color-whoiswho-25 { background-color: var(–gs-base-color-whoiswho-25); } .gs-u-bg-color-whoiswho-10 { background-color: var(–gs-base-color-whoiswho-10); } .gs-u-bg-color-whoiswho-5 { background-color: var(–gs-base-color-whoiswho-5); } .gs-u-bg-color-gray-100 { background-color: var(–gs-base-color-gray-100); } .gs-u-bg-color-gray-75 { background-color: var(–gs-base-color-gray-75); } .gs-u-bg-color-gray-60 { background-color: var(–gs-base-color-gray-60); } .gs-u-bg-color-gray-45 { background-color: var(–gs-base-color-gray-45); } .gs-u-bg-color-gray-30 { background-color: var(–gs-base-color-gray-30); } .gs-u-bg-color-gray-20 { background-color: var(–gs-base-color-gray-20); } .gs-u-bg-color-gray-15 { background-color: var(–gs-base-color-gray-15); } .gs-u-bg-color-gray-10 { background-color: var(–gs-base-color-gray-10); } .gs-u-bg-color-gray-5 { background-color: var(–gs-base-color-gray-5); } .gs-u-bg-color-link-110 { background-color: var(–gs-base-color-link-110); } .gs-u-bg-color-link-100 { background-color: var(–gs-base-color-link-100); } .gs-u-bg-color-link-75 { background-color: var(–gs-base-color-link-75); } .gs-u-bg-color-link-50 { background-color: var(–gs-base-color-link-50); } .gs-u-bg-color-link-25 { background-color: var(–gs-base-color-link-25); } .gs-u-bg-color-link-10 { background-color: var(–gs-base-color-link-10); } .gs-u-bg-color-link-5 { background-color: var(–gs-base-color-link-5); } .gs-u-bg-color-opblue-110 { background-color: var(–gs-base-color-opblue-110); } .gs-u-bg-color-opblue-100 { background-color: var(–gs-base-color-opblue-100); } .gs-u-bg-color-opblue-75 { background-color: var(–gs-base-color-opblue-75); } .gs-u-bg-color-opblue-50 { background-color: var(–gs-base-color-opblue-50); } .gs-u-bg-color-opblue-25 { background-color: var(–gs-base-color-opblue-25); } .gs-u-bg-color-opblue-10 { background-color: var(–gs-base-color-opblue-10); } .gs-u-bg-color-opblue-5 { background-color: var(–gs-base-color-opblue-5); } .gs-u-bg-color-opyellow-110 { background-color: var(–gs-base-color-opyellow-110); } .gs-u-bg-color-opyellow-100 { background-color: var(–gs-base-color-opyellow-100); } .gs-u-bg-color-opyellow-75 { background-color: var(–gs-base-color-opyellow-75); } .gs-u-bg-color-opyellow-50 { background-color: var(–gs-base-color-opyellow-50); } .gs-u-bg-color-opyellow-25 { background-color: var(–gs-base-color-opyellow-25); } .gs-u-bg-color-opyellow-10 { background-color: var(–gs-base-color-opyellow-10); } .gs-u-bg-color-opyellow-5 { background-color: var(–gs-base-color-opyellow-5); } /****** TYPOGRAPHY ******/ /* Font family settings */ body .gcss-op { font:var(–gs-base-font-weight-default) var(–gs-base-font-size-m) var(–gs-base-font-family-default) !important; color: var(–gs-base-color-gray-100); } /* Content max-width for optimal reading */ .gcss-op h1, .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6, .gcss-op p, .gcss-op ul, .gcss-op ol { max-width: 850px; } /* Headings */ .gcss-op h1, .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6 { font-family: var(–gs-base-font-family-heading)!important; font-weight: var(–gs-base-font-weight-heading); line-height: var(–gs-base-line-height-s)!important; } /* H1 + H2 color */ .gcss-op h1, .gcss-op h2 { color: var(–gs-base-color-main-100); font-weight: var(–gs-base-font-weight-heading); } /* Top and bottom margin */ .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6 { margin-top:var(–gs-base-spacing-xl); margin-bottom:var(–gs-base-spacing-l)!important; } .gcss-op h2:first-child, .gcss-op h3:first-child, .gcss-op h4:first-child, .gcss-op h5:first-child, .gcss-op h6:first-child { margin-top: 0; } /* Fix for pages with multiple WCE */ .gcss-op .gs-h-margin-top { margin-top:var(–gs-base-spacing-l)!important; } .gcss-op h1 { font-size: var(–gs-base-font-size-4xl) !important; margin-bottom: var(–gs-base-spacing-l)!important; } .gcss-op h2 { font-size: var(–gs-base-font-size-3xl) !important; font-weight: var(–gs-base-font-weight-heading); /* margin-top: 1.66em; */ } .gcss-op h3 { font-size: var(–gs-base-font-size-2xl)!important; font-weight: var(–gs-base-font-weight-heading); /*margin-top: 1.2em;*/ } .gcss-op h4 { font-size: var(–gs-base-font-size-xl)!important; /* margin-top: 1.1em; */ } .gcss-op h5 { font-size: var(–gs-base-font-size-l)!important; } .gcss-op h6 { font-size: var(–gs-base-font-size-m)!important; } /****** Heading sizes: Default, S, XS ******/ /*** Publicare heading-s ***/ .site-class-7955863 #maincontentarea .gcss-op h1, .site-class-7955863 #maincontentarea .gcss-op h2, .site-class-7955863 #maincontentarea .gcss-op h3, .site-class-7955863 #maincontentarea .gcss-op h4, .site-class-7955863 #maincontentarea .gcss-op h5 { margin-bottom:var(–gs-base-spacing-m)!important; } .site-class-7955863 .gcss-op h1 { font-size: var(–gs-base-font-size-3xl) !important; } .site-class-7955863 .gcss-op h2 { font-size: var(–gs-base-font-size-2xl) !important; } .site-class-7955863 .gcss-op h3 { font-size: var(–gs-base-font-size-xl) !important; } .site-class-7955863 .gcss-op h4 { font-size: var(–gs-base-font-size-l) !important; } .site-class-7955863 .gcss-op h5 { font-size: var(–gs-base-font-size-m) !important; } /*** Heading S ***/ .gcss-op.gs-heading-s h1, .gcss-op.gs-heading-s h2, .gcss-op.gs-heading-s h3, .gcss-op.gs-heading-s h4, .gcss-op.gs-heading-s h5, .gcss-op .gs-heading-s h1, .gcss-op .gs-heading-s h2, .gcss-op .gs-heading-s h3, .gcss-op .gs-heading-s h4, .gcss-op .gs-heading-s h5 { margin-bottom:var(–gs-base-spacing-m)!important; } .gcss-op.gs-heading-s h1, .gcss-op .gs-heading-s h1 { font-size: var(–gs-base-font-size-3xl) !important; } .gcss-op.gs-heading-s h2, .gcss-op .gs-heading-s h2 { font-size: var(–gs-base-font-size-2xl) !important; } .gcss-op.gs-heading-s h3, .gcss-op .gs-heading-s h3 { font-size: var(–gs-base-font-size-xl) !important; } .gcss-op.gs-heading-s h4, .gcss-op .gs-heading-s h4 { font-size: var(–gs-base-font-size-l) !important; } .gcss-op.gs-heading-s h5, .gcss-op .gs-heading-s h5 { font-size: var(–gs-base-font-size-m) !important; } /*** Heading XS ***/ .gcss-op.gs-heading-xs h1, .gcss-op.gs-heading-xs h2, .gcss-op.gs-heading-xs h3, .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h1, .gcss-op .gs-heading-xs h2, .gcss-op .gs-heading-xs h3, .gcss-op .gs-heading-xs h4 { margin-bottom:var(–gs-base-spacing-s)!important; color:var(–gs-base-color-gray-100); } .gcss-op.gs-heading-xs h2, .gcss-op.gs-heading-xs h3, .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h2, .gcss-op .gs-heading-xs h3, .gcss-op .gs-heading-xs h4 { margin-top:var(–gs-base-spacing-m); } .gcss-op.gs-heading-xs h2:first-child, .gcss-op.gs-heading-xs h3:first-child, .gcss-op.gs-heading-xs h4:first-child, .gcss-op .gs-heading-xs h2:first-child, .gcss-op .gs-heading-xs h3:first-child, .gcss-op .gs-heading-xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-xs h1, .gcss-op .gs-heading-xs h1 { font-size: var(–gs-base-font-size-2xl) !important; } .gcss-op.gs-heading-xs h2, .gcss-op .gs-heading-xs h2 { font-size: var(–gs-base-font-size-xl) !important; } .gcss-op.gs-heading-xs h3, .gcss-op .gs-heading-xs h3 { font-size: var(–gs-base-font-size-l) !important; } .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h4 { font-size: var(–gs-base-font-size-m) !important; } /*** Heading 2XS ***/ .gcss-op.gs-heading-2xs h1, .gcss-op.gs-heading-2xs h2, .gcss-op.gs-heading-2xs h3, .gcss-op.gs-heading-2xs h4, .gcss-op .gs-heading-2xs h1, .gcss-op .gs-heading-2xs h2, .gcss-op .gs-heading-2xs h3, .gcss-op .gs-heading-2xs h4 { margin-bottom:var(–gs-base-spacing-xs)!important; color:var(–gs-base-color-gray-100); } .gcss-op.gs-heading-2xs h2, .gcss-op.gs-heading-2xs h3, .gcss-op.gs-heading-2xs h4, .gcss-op .gs-heading-2xs h2, .gcss-op .gs-heading-2xs h3, .gcss-op .gs-heading-2xs h4 { margin-top:var(–gs-base-spacing-s); } .gcss-op.gs-heading-2xs h2:first-child, .gcss-op.gs-heading-2xs h3:first-child, .gcss-op.gs-heading-2xs h4:first-child, .gcss-op .gs-heading-2xs h2:first-child, .gcss-op .gs-heading-2xs h3:first-child, .gcss-op .gs-heading-2xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-2xs h1, .gcss-op .gs-heading-2xs h1 { font-size: var(–gs-base-font-size-xl) !important; } .gcss-op.gs-heading-2xs h2, .gcss-op .gs-heading-2xs h2 { font-size: var(–gs-base-font-size-l) !important; } .gcss-op.gs-heading-2xs h3, .gcss-op .gs-heading-2xs h3 { font-size: var(–gs-base-font-size-m) !important; } /*** Heading 3XS ***/ .gcss-op.gs-heading-3xs h1, .gcss-op.gs-heading-3xs h2, .gcss-op.gs-heading-3xs h3, .gcss-op.gs-heading-3xs h4, .gcss-op .gs-heading-3xs h1, .gcss-op .gs-heading-3xs h2, .gcss-op .gs-heading-3xs h3, .gcss-op .gs-heading-3xs h4 { margin-bottom:var(–gs-base-spacing-xs)!important; color:var(–gs-base-color-gray-100); } .gcss-op.gs-heading-3xs h2, .gcss-op.gs-heading-3xs h3, .gcss-op.gs-heading-3xs h4, .gcss-op .gs-heading-3xs h2, .gcss-op .gs-heading-3xs h3, .gcss-op .gs-heading-3xs h4 { margin-top:var(–gs-base-spacing-s); } .gcss-op.gs-heading-3xs h2:first-child, .gcss-op.gs-heading-3xs h3:first-child, .gcss-op.gs-heading-3xs h4:first-child, .gcss-op .gs-heading-3xs h2:first-child, .gcss-op .gs-heading-3xs h3:first-child, .gcss-op .gs-heading-3xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-3xs h1, .gcss-op .gs-heading-3xs h1 { font-size: var(–gs-base-font-size-l) !important; } .gcss-op.gs-heading-3xs h2, .gcss-op .gs-heading-3xs h2 { font-size: var(–gs-base-font-size-m) !important; } /*** Heading Q&A ***/ .gcss-op.gs-heading-qna p, .gcss-op.gs-heading-qna ul, .gcss-op.gs-heading-qna ol, .gcss-op.gs-heading-qna li { line-height: var(–gs-base-line-height-xl) !important; margin-bottom:var(–gs-base-spacing-2xs); } .gcss-op.gs-heading-qna h2, .gcss-op.gs-heading-qna h3, .gcss-op.gs-heading-qna h4, .gcss-op .gs-heading-qna h2, .gcss-op .gs-heading-qna h3, .gcss-op .gs-heading-qna h4 { margin-top:var(–gs-base-spacing-l); color: var(–gs-base-color-gray-100); } .gcss-op.gs-heading-qna h2:first-child, .gcss-op.gs-heading-qna h3:first-child, .gcss-op.gs-heading-qna h4:first-child, .gcss-op .gs-heading-qna h2:first-child, .gcss-op .gs-heading-qna h3:first-child, .gcss-op .gs-heading-qna h4:first-child { margin-top:0; } .gcss-op.gs-heading-qna h2, .gcss-op .gs-heading-qna h2 { font-size: var(–gs-base-font-size-l) !important; margin-bottom:0!important; line-height: var(–gs-base-line-height-xl) !important; } .gcss-op.gs-heading-qna h3, .gcss-op .gs-heading-qna h3 { font-size: var(–gs-base-font-size-m) !important; } /* (V2) Underline X% for special H1, H2, H3, H4… 50% width of the text ONLY */ .gcss-op .gs-heading-underline { display: inline-block; position: relative; } .gcss-op .gs-heading-underline:after { content: “”; height: 0.11em; width: 30%; background-color: inherit; position: absolute; bottom: -0.4em; left: 0px; } /* (V1) Underline 50% for special H1, H2, H3, H4… 35% width of the full width of block element */ .gcss-op .line-below { border-bottom: 0.25rem solid; margin-top: -2rem; width: 35%; } /* Headings Line above */ .gcss-op h1.gs-h-line-above, .gcss-op h2.gs-h-line-above, .gcss-op h3.gs-h-line-above, .gcss-op h4.gs-h-line-above, .gcss-op h5.gs-h-line-above, .gcss-op h6.gs-h-line-above { font-size: var(–gs-base-font-size-m)!important; line-height: var(–gs-base-line-height-s)!important; color: var(–gs-base-color-gray-100)!important; text-transform: uppercase; border-top: 2px solid var(–gs-base-color-gray-100); padding: 0.75em 0 0.60em 0; margin:0!important; max-width: unset; } /* Body text */ .gcss-op p, .gcss-op ul, .gcss-op ol, .gcss-op li { font-size: var(–gs-base-font-size-m)!important; line-height: var(–gs-base-line-height-xl) !important; color: var(–gs-base-color-gray-100); } .gcss-op p span { font-size: inherit; line-height: inherit; /*color: inherit;*/ } /* Font sizes */ .gcss-op .gs-u-font-size-2xs { font-size: var(–gs-base-font-size-2xs) !important; } .gcss-op .gs-u-font-size-s, .gcss-op .gs-font-sm, .gcss-op .font-s { font-size: var(–gs-base-font-size-s) !important; } .gcss-op .gs-u-font-size-m { font-size: var(–gs-base-font-size-m) !important; } .gcss-op .gs-u-font-size-l, .gcss-op .gs-font-lg, .gcss-op .font-l { font-size: var(–gs-base-font-size-l) !important; } .gcss-op .gs-u-font-size-xl { font-size: var(–gs-base-font-size-xl) !important; } .gcss-op .gs-u-font-size-2xl { font-size: var(–gs-base-font-size-2xl) !important; } .gcss-op .gs-u-font-size-3xl { font-size: var(–gs-base-font-size-3xl) !important; } .gcss-op .gs-u-font-size-4xl { font-size: var(–gs-base-font-size-4xl) !important; } .gcss-op .gs-u-font-size-5xl { font-size: var(–gs-base-font-size-5xl) !important; } .gcss-op .gs-u-font-size-6xl { font-size: var(–gs-base-font-size-6xl) !important; } .gcss-op .gs-u-font-size-xs { font-size: var(–gs-base-font-size-xs) !important; } .gcss-op .gs-u-font-size-sp-15 { font-size: var(–gs-base-font-size-sp-15) !important; } /* Line heights */ .gcss-op .gs-u-line-height-xs { line-height: var(–gs-base-line-height-xs) !important; } .gcss-op .gs-u-line-height-s { line-height: var(–gs-base-line-height-s) !important; } .gcss-op .gs-u-line-height-m { line-height: var(–gs-base-line-height-m) !important; } .gcss-op .gs-u-line-height-l { line-height: var(–gs-base-line-height-l) !important; } .gcss-op .gs-u-line-height-xl { line-height: var(–gs-base-line-height-xl) !important; } .gcss-op .gs-u-line-height-2xl { line-height: var(–gs-base-line-height-2xl) !important; } /* Disabled text */ .gcss-op .gs-disabled-text { color: var(–gs-base-color-gray-30); } /* Links (text) */ .gcss-op p a, .gcss-op li a, .gcss-op h2 a, .gcss-op h3 a, .gcss-op h4 a { font-size: inherit; } .gcss-op a:link, .gcss-op a:visited { color: var(–gs-base-color-link-100); text-decoration: underline; text-underline-offset: 0.15em!important; text-decoration-thickness: 1px!important; } .gcss-op a:hover, .gcss-op a:active { text-decoration: none; } .gcss-op a:focus, .gcss-op a:active { outline: unset!important; } .gcss-op a:focus-visible { outline: 2px solid var(–gs-base-color-link-100)!important; outline-offset: 4px; border-radius: 0.015rem; -moz-outline-radius: 0.015rem; } /* Forum Gazette */ .site-class-2895081 #maincontent a:focus-visible { outline: 2px solid var(–gs-base-color-link-100)!important; outline-offset: 4px; border-radius: 0.015rem; -moz-outline-radius: 0.015rem; } /* List */ .gcss-op li { margin-bottom: 0.4em!important; } .gcss-op li ul { margin-top: 0.4em!important; } /* List modifiers */ /* TEST OL style */ .gcss-op ol.gs-feature2 { /*max-width: 350px;*/ counter-reset: gs-ordered-list; list-style: none; padding-left: 40px; } ol.gs-feature2 li { margin: 0 0 0.5rem 0; counter-increment: gs-ordered-list; position: relative; } ol.gs-feature2 li::before { content: counter(gs-ordered-list); color:var(–gs-base-color-gray-75); font-size: var(–gs-base-font-size-xl); font-weight: bold; position: absolute; –size: 20px; left: calc(-1 * var(–size) – 10px); line-height: var(–size); width: var(–size); height: var(–size); top: 0; /*transform: rotate(-10deg); background: black; border-radius: 50%; text-align: center; box-shadow: 1px 1px 0 #999;*/ border-right: 1px solid #949494; /*padding: 0 1rem 0rem 1.5rem;*/ } /* TEST OL style END */ .gcss-op ul.gs-bullet-none, .gcss-op ul.bullet-none { list-style: none; padding: 0; margin: 0; } .gcss-op ol.gs-feature, .gcss-op ol.feature { list-style: none; padding-left: 0; counter-reset: op; } .gcss-op ol.gs-feature > li, .gcss-op ol.feature > li { counter-increment: op; display: flex; margin-bottom: 1.5rem } .gcss-op ol.gs-feature > li:before, .gcss-op ol.feature > li:before { content: counter(op) ” “; font-weight: bold; color: var(–gs-base-color-gray-60); font-size: 1.5rem; margin-right: 1.25rem; margin-bottom: 0.85rem; border-right: 1px solid #949494; padding: 0 1rem 0rem 1.5rem; } /* Expand collapse content */ .gcss-op .gs-expand-link { margin-bottom: var(–gs-base-spacing-s); } .gcss-op .gs-expand-link a i { display: inline-block; margin-right: var(–gs-base-spacing-2xs); font-size: var(–gs-base-font-size-2xs); } .gcss-op .gs-expand-content { margin-top:var(–gs-base-spacing-2xs); margin-left: var(–gs-base-spacing-m); } /* mark – highlight text */ .gcss-op mark { background-color: var(–gs-base-color-highlight-100); display: inline; padding: 0.05em 0.2em 0em 0.2em; color: var(–gs-base-color-gray-100); box-shadow: unset; } @media screen and (min-width: 768px) { /* List modifiers */ /*.gcss-op ol.gs-feature > li:before, .gcss-op ol.feature > li:before { font-size: 2rem; margin-right: 1.5rem; padding: 2rem; }*/ } @media screen and (min-width: 992px) { /* Headings */ /* Mobile sizes be revised */ /* .gcss-op h1 { font-size: var(–gs-base-font-size-4xl) !important; } .gcss-op h2 { font-size: var(–gs-base-font-size-3xl) !important; } .gcss-op h3 { font-size: var(–gs-base-font-size-2xl)!important; } */ } /****** ICONS ******/ @font-face { font-family: ‘gs-icon’; src: url(‘https://op.europa.eu/documents/10197/9598167/gs-icon.eot/2ef09484-98ac-ce69-d77b-863e23dba213?ireksq’); src: url(‘https://op.europa.eu/documents/10197/9598167/gs-icon.eot/2ef09484-98ac-ce69-d77b-863e23dba213?ireksq#iefix’) format(’embedded-opentype’), url(‘https://op.europa.eu/documents/10197/9598167/gs-icon.ttf/7f7e9a93-7a11-0174-ad2b-30878efdc603?ireksq’) format(‘truetype’), url(‘https://op.europa.eu/documents/10197/9598167/gs-icon.woff/5a935737-0c9a-cada-fec3-2be3f364e37e?ireksq’) format(‘woff’), url(‘https://op.europa.eu/documents/10197/9598167/gs-icon.svg/ffec424c-134d-7b54-dee4-c3ec538c0bbd?ireksq#gs-icons’) format(‘svg’); font-weight: normal; font-style: normal; font-display: block; } i[class^=”gs-icon-“] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: ‘gs-icon’ !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gs-icon-backward:before { content: “e901”; } .gs-icon-bookmark-f:before { content: “e902”; } .gs-icon-bookmark:before { content: “e903”; } .gs-icon-caret-down:before { content: “e904”; } .gs-icon-caret-left:before { content: “e905”; } .gs-icon-caret-right:before { content: “e907”; } .gs-icon-caret-up:before { content: “e90d”; } .gs-icon-chevron-down:before { content: “e90e”; } .gs-icon-chevron-left:before { content: “e910”; } .gs-icon-chevron-right:before { content: “e911”; } .gs-icon-chevron-up:before { content: “e912”; } .gs-icon-duplicate-copy:before { content: “e913”; } .gs-icon-facebook:before { content: “e914”; } .gs-icon-forward:before { content: “e915”; } .gs-icon-help-question-f .path1:before { content: “e916”; color: rgb(68, 68, 68); } .gs-icon-help-question-f .path2:before { content: “e917”; margin-left: -1em; color: rgb(255, 255, 255); } .gs-icon-help-question:before { content: “e918”; } .gs-icon-home:before { content: “e919”; } .gs-icon-instagram:before { content: “e91a”; } .gs-icon-linkedIn:before { content: “e91b”; } .gs-icon-menu:before { content: “e91e”; } .gs-icon-placeholder:before { content: “e922”; } .gs-icon-play-backward:before { content: “e924”; } .gs-icon-play:before { content: “e925”; } .gs-icon-refresh:before { content: “e927”; } .gs-icon-rss:before { content: “e928”; } .gs-icon-skip-to-beginning:before { content: “e929”; } .gs-icon-skip-to-end:before { content: “e92a”; } .gs-icon-social-share:before { content: “e92b”; } .gs-icon-sticky-note:before { content: “e932”; } .gs-icon-stop:before { content: “e933”; } .gs-icon-twitter:before { content: “e934”; } .gs-icon-youtube:before { content: “e935”; } .gs-icon-print:before { content: “e900”; } .gs-icon-person:before { content: “e906”; } .gs-icon-microphone:before { content: “e908”; } .gs-icon-metadata:before { content: “e909”; } .gs-icon-link-external:before { content: “e90a”; } .gs-icon-link:before { content: “e90b”; } .gs-icon-heart:before { content: “e90c”; } .gs-icon-filters:before { content: “e90f”; } .gs-icon-edit:before { content: “e91c”; } .gs-icon-download:before { content: “e91d”; } .gs-icon-delete:before { content: “e91f”; } .gs-icon-close:before { content: “e920”; } .gs-icon-bell:before { content: “e921”; } .gs-icon-basket:before { content: “e923”; } .gs-icon-audio:before { content: “e926”; } .gs-icon-world:before { content: “e92c”; } .gs-icon-video:before { content: “e92d”; } .gs-icon-vcard:before { content: “e92e”; } .gs-icon-upload:before { content: “e92f”; } .gs-icon-telephone:before { content: “e930”; } .gs-icon-search:before { content: “e931”; } /****** BUTTONS (A HREF) ******/ /* Button base */ .gcss-op .gs-btn { border-radius: 3px; padding: var(–gs-base-spacing-s) var(–gs-base-spacing-m)!important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-decoration: none!important; font-size: var(–gs-base-font-size-sp-15)!important; font-weight: bold; line-height: 1; text-align: center; } /* Sizes */ .gcss-op .gs-btn.sm { padding: var(–gs-base-spacing-xs) var(–gs-base-spacing-s)!important; font-weight: var(–gs-base-font-weight-default)!important; font-size: var(–gs-base-font-size-s)!important; /*line-height: 100%;*/ } .gcss-op .gs-btn.gs-btn-sec.sm { border: 1px solid var(–gs-base-color-link-100)!important; } .gcss-op .gs-btn.gs-btn-ter.sm { border: 1px solid var(–gs-base-color-gray-75)!important; } .gcss-op .gs-btn.gs-btn-ghost.sm { padding-left: 0.35em!important; padding-right: 0.35em!important; } .gcss-op .gs-btn.lg { font-size: var(–gs-base-font-size-l)!important; padding-right: var(–gs-base-spacing-l)!important; padding-left: var(–gs-base-spacing-l)!important; } /* Icon spacing left or right */ .gcss-op .gs-btn i[class^=”gs-icon-“] { display: inline-block; font-size: 1.1em; /*outline: 1px dashed black;*/ } .gcss-op .gs-icon-l { margin-right: 0.5em; } .gcss-op .gs-icon-r { margin-left: 0.5em; } /** BUTTON TYPES **/ /* Main */ .gcss-op .gs-btn-main { color: #FFFFFF!important; border: 2px solid var(–gs-base-color-link-100)!important; background-color: var(–gs-base-color-link-100); } .gcss-op .gs-btn-main:focus, .gcss-op .gs-btn-main:hover { border: 2px solid var(–gs-base-color-link-110)!important; background-color: var(–gs-base-color-link-110); } .gcss-op .gs-btn-main:focus { outline: 2px solid var(–gs-base-color-link-110)!important; outline-offset: 2px; } /* Secondary (sec) */ .gcss-op .gs-btn-sec { color: var(–gs-base-color-link-100)!important; border: 2px solid var(–gs-base-color-link-100)!important; background-color: transparent; } .gcss-op .gs-btn-sec:focus, .gcss-op .gs-btn-sec:hover { background-color: #E7ECF8; } .gcss-op .gs-btn-sec:focus { outline: 2px solid #3366CC!important; outline-offset: 2px; } /* Secondary (sec) Fill */ .gcss-op .gs-btn-sec-f { color:var(–gs-base-color-link-100)!important; border: 2px solid var(–gs-base-color-link-5)!important; background-color: var(–gs-base-color-link-5); } .gcss-op .gs-btn-sec-f:focus, .gcss-op .gs-btn-sec-f:hover { border: 2px solid var(–gs-base-color-link-10)!important; background-color: var(–gs-base-color-link-10); } .gcss-op .gs-btn-sec-f:focus { outline: 2px solid var(–gs-base-color-link-100)!important; outline-offset: 2px; } /* Tertiary (ter) */ .gcss-op .gs-btn-ter { color: var(–gs-base-color-gray-75)!important; border: 2px solid var(–gs-base-color-gray-75)!important; background-color: transparent; } .gcss-op .gs-btn-ter:focus, .gcss-op .gs-btn-ter:hover { background-color: var(–gs-base-color-gray-10); } .gcss-op .gs-btn-ter:focus{ outline: 2px solid var(–gs-base-color-gray-75)!important; outline-offset: 2px; } /* Ghost */ .gcss-op .gs-btn-ghost { padding-right: var(–gs-base-spacing-2xs)!important; padding-left: var(–gs-base-spacing-2xs)!important; /*padding-left: 0.5em!important; padding-right: 0.5em!important;*/ color: #666666!important; border: 2px solid transparent; background-color: transparent; } .gcss-op .gs-btn-ghost:focus, .gcss-op .gs-btn-ghost:hover { background-color: #E6E6E6; } .gcss-op .gs-btn-ghost:focus{ outline: 2px solid #757575!important; outline-offset: 2px; } .gcss-op .gs-btn-ghost.lg { padding-right: var(–gs-base-spacing-2xs)!important; padding-left: var(–gs-base-spacing-2xs)!important; } /** SERVICES **/ /* Ted */ .gcss-op .gs-btn-ted { color: #FFFFFF!important; border: 2px solid #2C862D!important; background-color: #2C862D; } .gcss-op .gs-btn-ted:focus, .gcss-op .gs-btn-ted:hover { border: 2px solid #026B00!important; background-color: #026B00!important; } .gcss-op .gs-btn-ted:focus { outline: 2px solid #026B00!important; outline-offset: 2px; } /* Law */ .gcss-op .gs-btn-law { color: #FFFFFF!important; border: 2px solid #007EA8!important; background-color: #007EA8; } .gcss-op .gs-btn-law:focus, .gcss-op .gs-btn-law:hover { border: 2px solid #006483!important; background-color: #006483!important; } .gcss-op .gs-btn-law:focus { outline: 2px solid #006483!important; outline-offset: 2px; } /****** CARDS ******/ /* Card shadow */ .gcss-op .card-shadow { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #D8D8D8; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; } .gcss-op .card-shadow:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* Card with fill + border-radius, image, title blue (underlined) and text */ .gcss-op .card-img-fill { position: relative; padding: 0rem; border-radius: 0.25rem; transition: all .2s ease-in-out; } .gcss-op .card-img-fill div > img { width:100%; /*max-width: 295px;*/ /*border: 1px solid #D8D8D8;*/ } .gcss-op .card-img-fill div > a { font-size: var(–gs-base-font-size-m) !important; font-weight: bold; color: #3366CC; line-height: 140%; } .gcss-op .card-img-fill div > a:hover { text-decoration: none !important; } .gcss-op .card-img-fill .content { font-size: var(–gs-base-font-size-s); margin-top: 0.35rem; } .gcss-op .card-img-fill .content > span { font-weight: bold; } .gcss-op .card-img-fill p.content:nth-child(2) { margin-bottom: 0; } .gcss-op .card-img-fill p.content:nth-child(3) { margin-top: 0; } /* Card with image, title black (not underlined) and text */ .gcss-op .card-img { position: relative; padding: 0rem; } .gcss-op .card-img div > img { width:100%; } .gcss-op .card-img div > a { font-family: var(–gs-base-font-family-heading); font-size: var(–gs-base-font-size-l)!important; font-weight: var(–gs-base-font-weight-heading); color: #333333!important; line-height: 140%; text-decoration: none!important; } .gcss-op .card-img div > a:hover { text-decoration: underline!important; } /* accessibility */ .gcss-op .card-img div > a:focus { outline: 2px dotted #666666 !important; outline-offset: 6px; } .gcss-op .card-img p.content { font-size: var(–gs-base-font-size-s); color: #757575; margin-top: 0.35rem; margin-bottom: 0; } /* Card for colour swatches (ex: Web Guide design system) */ .gcss-op .card-swatch div:first-child { height: 104px; } .gcss-op .card-swatch figcaption p { margin-bottom: 8px; } .gcss-op .card-swatch figcaption p:first-child { line-height: 135%!important; font-weight: bold; margin-top: 16px; margin-bottom: 0; } .gcss-op .card-swatch .swatch-description { margin-bottom: 0; font-size: 0.875rem; line-height: 135%!important; color: #666666; } /*** gs-card-v3 ***/ /* Card base */ .gcss-op .gs-card-v3 { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; border: 1px solid #D8D8D8; background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; display: flex; flex-direction: column; justify-content: space-between; } .gcss-op .gs-card-v3:hover { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); } /* Body */ .gcss-op .gs-card-v3 .gs-card-body { padding:var(–gs-base-spacing-m); } /* Image */ .gcss-op .gs-card-v3 .gs-card-img { border-bottom: 1px solid #D8D8D8; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; position: relative; } .gcss-op .gs-card-v3 .gs-card-img img { display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; } /* Badge */ .gcss-op .gs-card-v3 .gs-img-badge { position: absolute; bottom: -11px; left: var(–gs-base-spacing-m); background-color: var(–gs-base-color-opyellow-100); border-radius: 4px; padding: var(–gs-base-spacing-2xs) var(–gs-base-spacing-xs); font-size:var(–gs-base-font-size-sp-15); } .gcss-op .gs-card-v3 .gs-img-badge a { color:inherit; text-decoration:none; } /* Title */ .gcss-op .gs-card-v3 p.gs-title, .gcss-op .gs-card-v3 h2.gs-title, .gcss-op .gs-card-v3 h3.gs-title, .gcss-op .gs-card-v3 h4.gs-title, .gcss-op .gs-card-v3 h5.gs-title, .gcss-op .gs-card-v3 h6.gs-title { font-family: var(–gs-base-font-family-heading); font-size: var(–gs-base-font-size-l) !important; line-height: var(–gs-base-line-height-s) !important; font-weight: var(–gs-base-font-weight-heading); color: var(–gs-base-color-gray-100)!important; margin-top:unset; margin-bottom:0.75rem!important; } /* Title link */ .gcss-op .gs-card-v3 p.gs-title a, .gcss-op .gs-card-v3 h2.gs-title a, .gcss-op .gs-card-v3 h3.gs-title a, .gcss-op .gs-card-v3 h4.gs-title a, .gcss-op .gs-card-v3 h5.gs-title a, .gcss-op .gs-card-v3 h6.gs-title a { text-decoration: none!important; color:var(–gs-base-color-gray-100)!important; font-size: inherit; line-height: inherit; display: block; } .gcss-op .gs-card-v3 p.gs-title a:hover, .gcss-op .gs-card-v3 h2.gs-title a:hover, .gcss-op .gs-card-v3 h3.gs-title a:hover, .gcss-op .gs-card-v3 h4.gs-title a:hover, .gcss-op .gs-card-v3 h5.gs-title a:hover, .gcss-op .gs-card-v3 h6.gs-title a:hover { text-decoration: underline!important; color: #3366CC!important; } /* P */ .gcss-op .gs-card-v3 .gs-card-body p { color: var(–gs-base-color-gray-75); line-height: var(–gs-base-line-height-m)!important; margin-top:var(–gs-base-spacing-xs); } /* Subtitle */ .gcss-op .gs-card-v3 p.gs-subtitle { font-family: var(–gs-base-font-family-heading); font-size: var(–gs-base-font-size-m)!important; font-weight: var(–gs-base-font-weight-heading); line-height: var(–gs-base-line-height-s)!important; color: var(–gs-base-color-gray-75); margin-bottom:0; } /* Footer */ .gcss-op .gs-card-v3 .gs-card-footer { border-top: 1px solid var(–gs-base-color-gray-20); padding: var(–gs-base-spacing-m)!important; display: flex; flex-wrap: wrap; gap: var(–gs-base-spacing-xs); } .gcss-op .gs-card-v3 .gs-card-footer p, .gcss-op .gs-card-v3 .gs-card-footer div { display: flex; flex-wrap: wrap; gap: var(–gs-base-spacing-xs); margin:0; } /* Misc: eliminating extra spacing */ .gcss-op .gs-card-v3 .gs-card-body *:last-child, .gcss-op .gs-card-v3 .gs-card-footer *:last-child { margin-bottom: 0!important; } /***** gs-card-v2 *****/ /* Card base */ .gcss-op .gs-card { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; border: 1px solid #D8D8D8; background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; display: flex; flex-direction: column; } .gcss-op .gs-card:hover { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); /*transform: scale(1.01, 1.01);*/ } .gcss-op .gs-card.gs-v3 { justify-content: space-between } /* Image */ .gcss-op .gs-card .gs-card-img { border-bottom: 1px solid #D8D8D8; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; position: relative; } .gcss-op .gs-card .gs-card-img img { display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; } /* Body */ .gcss-op .gs-card .gs-card-body { padding:var(–gs-base-spacing-m); } /* Title */ .gcss-op .gs-card p.gs-title, .gcss-op .gs-card h2.gs-title, .gcss-op .gs-card h3.gs-title, .gcss-op .gs-card h4.gs-title, .gcss-op .gs-card h5.gs-title, .gcss-op .gs-card h6.gs-title { font-family: var(–gs-base-font-family-heading); font-size: var(–gs-base-font-size-l) !important; line-height: var(–gs-base-line-height-s) !important; font-weight: var(–gs-base-font-weight-heading); color: var(–gs-base-color-gray-100); margin-top:unset; margin-bottom:0.75rem!important; } /* Title link */ .gcss-op .gs-card p.gs-title a, .gcss-op .gs-card h2.gs-title a, .gcss-op .gs-card h3.gs-title a, .gcss-op .gs-card h4.gs-title a, .gcss-op .gs-card h5.gs-title a, .gcss-op .gs-card h6.gs-title a { text-decoration: none!important; color:inherit!important; font-size: inherit; line-height: inherit; display: block; } .gcss-op .gs-card p.gs-title a:hover, .gcss-op .gs-card h2.gs-title a:hover, .gcss-op .gs-card h3.gs-title a:hover, .gcss-op .gs-card h4.gs-title a:hover, .gcss-op .gs-card h5.gs-title a:hover, .gcss-op .gs-card h6.gs-title a:hover { text-decoration: underline!important; color: #3366CC!important; } /* Subtitle */ .gcss-op .gs-card p.gs-subtitle { font-family: var(–gs-base-font-family-heading); font-size: var(–gs-base-font-size-m)!important; font-weight: var(–gs-base-font-weight-heading); line-height: var(–gs-base-line-height-s)!important; color: var(–gs-base-color-gray-75); margin-bottom:0; } /* P */ .gcss-op .gs-card .gs-card-body p { color: var(–gs-base-color-gray-75); line-height: var(–gs-base-line-height-m)!important; margin-top:var(–gs-base-spacing-xs); } .gcss-op .gs-card .gs-card-body *:last-child, .gcss-op .gs-card .gs-card-footer *:last-child { margin-bottom: 0; } /***** END gs-card-v2 *****/ /* Sizes */ /* P */ .gcss-op .gs-compact p { font-size: var(–gs-base-font-size-s) !important; margin-bottom: 0.70rem; } /* Title */ .gcss-op .gs-compact p.gs-title, .gcss-op .gs-compact h2.gs-title, .gcss-op .gs-compact h3.gs-title, .gcss-op .gs-compact h4.gs-title, .gcss-op .gs-compact h5.gs-title, .gcss-op .gs-compact h6.gs-title { font-size: var(–gs-base-font-size-m) !important; margin-bottom: 0.60rem; } /* Subtitle */ .gcss-op .gs-compact p.gs-subtitle, .gcss-op .gs-compact h2.gs-subtitle, .gcss-op .gs-compact h3.gs-subtitle, .gcss-op .gs-compact h4.gs-subtitle, .gcss-op .gs-compact h5.gs-subtitle, .gcss-op .gs-compact h6.gs-subtitle { font-size: var(–gs-base-font-size-s)!important; margin-bottom:0.60rem; line-height: var(–gs-base-line-height-m)!important; } /* Modal */ /* v1 2021-22 */ .gcss-op .gs-modal-header { padding: 8px 16px; background-color:#F5F5F5; justify-items: start; align-items: center; width: 100%; } /* v2 2023 */ .gcss-op .gs-modal-header-wrapper { display: flex; align-items: start; padding: var(–gs-base-spacing-m); } .gcss-op .gs-modal-header-wrapper h2 { flex: 1; padding-right: var(–gs-base-spacing-l); } .gcss-op .gs-modal-header-wrapper a.gs-btn-ghost { padding: var(–gs-base-spacing-2xs)!important; } .gcss-op .gs-modal-body { padding: var(–gs-base-spacing-m); background-color: #FFFFFF; max-height: 600px; overflow: auto; position: relative; flex: 1 1 auto; } /* END */ .gcss-op .modal h2 { font-size:var(–gs-base-font-size-l)!important; margin-bottom:0!important; } .gcss-op .modal h2, .gcss-op .modal h3, .gcss-op .modal h4 { color:var(–gs-base-color-gray-100)!important; } .gcss-op .modal h3, .gcss-op .modal h4 { margin-bottom:1em!important; } @media screen and (min-width: 768px) { .gcss-op .gs-modal-header-wrapper { padding: var(–gs-base-spacing-l) var(–gs-base-spacing-l) var(–gs-base-spacing-m) var(–gs-base-spacing-l); } .gcss-op .gs-modal-body { padding: var(–gs-base-spacing-l); } } /****** SUPPORT HTML ELEMENTS ******/ /** DISPLAY CODE **/ .gcss-op pre { padding: 16px 24px; background-color: #F5F5F5; border-left: 6px solid #666666; overflow-x: auto; /*white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;*/ tab-size: 4; } .gcss-op pre code { display: block; font-size: var(–gs-base-font-size-s)!important; line-height: var(–gs-base-line-height-l); } /* Code inline with body text */ .gcss-op code.gs-inline-code, .gcss-op code.inline-code { font-size: 0.938rem; color: var(–gs-base-color-data-110)!important; background: var(–gs-base-color-white); border: 0.1rem solid var(–gs-base-color-gray-20); border-radius: 0.3rem; padding: 0.2rem 0.4rem; white-space: nowrap; } /** SUPPORT ELEMENTS **/ .gcss-op hr.gs-hr-s, .gcss-op hr.gs-hr-m, .gcss-op hr.gs-hr-l { border-top: 1px solid var(–gs-base-color-gray-20); } .gcss-op hr.gs-hr-s { margin-top: var(–gs-base-spacing-l); margin-bottom: var(–gs-base-spacing-m); } .gcss-op hr.gs-hr-m { margin-top: var(–gs-base-spacing-xl); margin-bottom: var(–gs-base-spacing-l); } .gcss-op hr.gs-hr-l { margin-top: var(–gs-base-spacing-2xl); margin-bottom: var(–gs-base-spacing-xl); } .gcss-op .gs-hr-container, .gcss-op .section-hr { border-bottom: 1px solid #D8D8D8; } .gcss-op .gs-hr, .gcss-op .hr-op { height: 1px; background-color: #D8D8D8; margin: 0; padding: 0; } /** TABLES **/ .gcss-op table { margin: 1.5rem 0 2rem 0; border: none; border-collapse: collapse!important; width: 100%; } .gcss-op table th, .gcss-op table tr, .gcss-op table td { border: none; padding: 0.5rem 0.75rem .5rem 0.75rem!important; vertical-align: top; word-break: break-word; } .gcss-op table th, .gcss-op table td, .gcss-op table a { font-family: var(–gs-base-font-family-default); color: var(–gs-base-color-gray-100); text-align: left; font-size: var(–gs-base-font-size-m); line-height: var(–gs-base-line-height-m)!important; } .gcss-op table td p:last-child, .gcss-op table th p:last-child { margin-bottom:0!important; } .gcss-op table tbody tr { border-bottom: 1px solid #D8D8D8; } /* Header */ .gcss-op thead tr { border-bottom: 2px solid #333333; } .gcss-op table th { font-weight: bold; /*background: #FFFFFF;*/ } .gcss-op table.gs-tbody-th-unset tbody th { font-weight: unset!important; } /* Rows color alternating */ .gcss-op table tbody tr:nth-child(odd) { background: #F5F5F5; } .gcss-op table tbody tr:nth-child(even) { background: #FFFFFF; } /* Remove color alternating rows */ .gcss-op table.gs-row-color-none tbody tr:nth-child(odd) { background: unset; } .gcss-op table.gs-row-color-none tbody tr:nth-child(even) { background: unset; } /* Vertical align */ .gcss-op table.gs-table-tbody-align-middle tbody td, .gcss-op table.gs-table-tbody-align-middle tbody th { vertical-align: middle; } .gcss-op table.gs-table-thead-align-middle thead td, .gcss-op table.gs-table-thead-align-middle thead th { vertical-align: middle; } /* Compact setting */ .gcss-op table.gs-table-compact td, .gcss-op table.gs-table-compact th, .gcss-op table.gs-table-compact p, .gcss-op table.gs-table-compact a { font-size: var(–gs-base-font-size-s) !important; margin-bottom:0.60rem; line-height: var(–gs-base-line-height-s)!important; } /* Links */ .gcss-op table td a, .gcss-op table th a { text-decoration: underline!important; color: var(–gs-base-color-link-100)!important; } .gcss-op table tr.gs-row-bold, .gcss-op table tr.gs-row-bold * { font-weight: bold; } /* Caption */ .gcss-op table caption { caption-side: top; padding: 0rem 1rem 0.5rem 1rem; margin-bottom: unset; text-align: center; color: var(–gs-base-color-gray-100); font-family: var(–gs-base-font-family-default); font-size: var(–gs-base-font-size-l); font-weight: bold; border-top: unset; /*border-top: 3px solid var(–gs-base-color-gray-100);*/ border-bottom: 1px solid var(–gs-base-color-gray-20); } /*** Column layouts **/ .gcss-op .gs-layout-8-4 { display: flex; flex-direction: column; margin-bottom: var(–gs-base-spacing-xl); } .gcss-op .gs-layout-8-4 .gs-content, .gcss-op .gs-layout-8-4 .gs-sidebar { margin:0; /*width:100%;*/ /*outline: 1px dotted black;*/ } .gcss-op .gs-layout-8-4 .gs-content { margin-bottom: var(–gs-base-spacing-l); } .gcss-op .gs-layout-8-4 .gs-sidebar { padding:var(–gs-base-spacing-l); background-color: var(–gs-base-color-gray-5); } @media screen and (min-width: 768px) { .gcss-op .gs-layout-8-4 { flex-direction: row; align-items: start; } .gcss-op .gs-layout-8-4 .gs-content { margin-bottom: 0; margin-right: var(–gs-base-spacing-2xl); width:65%; } .gcss-op .gs-layout-8-4 .gs-sidebar { width:35%; } } /*** Card list **/ .gcss-op .gs-card-list { padding:var(–gs-base-spacing-m) var(–gs-base-spacing-l); margin-bottom:var(–gs-base-spacing-xs); background-color: var(–gs-base-color-gray-5); border-radius: 4px; } .gcss-op .gs-card-list .gs-title { font-size: var(–gs-base-font-size-l)!important; font-weight: 700!important; margin-bottom: var(–gs-base-spacing-2xs); } .gcss-op .gs-card-list .gs-text { font-size: var(–gs-base-font-size-m); color:var(–gs-base-color-gray-75)!important; margin-bottom: var(–gs-base-spacing-0); } /*** identity tag **/ .gcss-op .gs-identity-tag { display: inline-flex; align-items: center; padding:var(–gs-base-spacing-xs) var(–gs-base-spacing-s); border-radius: 4px; margin-bottom: var(–gs-base-spacing-l); } .gcss-op .gs-identity-tag .gs-identity-tag-title { font-size: var(–gs-base-font-size-s)!important; font-weight: 700; margin-bottom: 0; } .gcss-op .gs-identity-tag .gs-identity-tag-bar { width: 6px; height: auto; border-radius: 6px; margin-right: var(–gs-base-spacing-xs); } /** Highlight box **/ /* Includes responsive padding and margins. Add utility class background colour inline */ .gs-hbox { padding: var(–gs-base-spacing-m); margin-bottom: var(–gs-base-spacing-l); } .gs-hbox *:last-child { margin-bottom:0!important; } @media screen and (min-width: 768px) { .gs-hbox { padding: var(–gs-base-spacing-l); margin-bottom: var(–gs-base-spacing-xl); } } @media screen and (min-width: 1200px) { .gs-hbox.gs-l { padding: var(–gs-base-spacing-xl); } } /********* FOOTER CSS GRID *********/ /* GRIDS */ .footer-gcss-op .grid-op { display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-column-gap: 24px; row-gap: 24px; } .footer-gcss-op .grid-col { grid-template-columns: 1fr; } @media screen and (min-width: 576px) { .footer-gcss-op .grid-sm-2col { grid-template-columns: 1fr 1fr; } .footer-gcss-op .grid-gap-md-40 { grid-column-gap: 40px; } } @media screen and (min-width: 992px) { .footer-gcss-op .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } } /********* FOOTER *********/ /* Hide footer v1 */ .footer-old-PORTALMSP-1380 { display: none!important; } .footer-gcss-op div.footer-content-op h2 { line-height: 19px; font-size: 16px; font-weight: bold !important; color: #444; } .footer-gcss-op div.footer-content-op div { margin:0; padding:0; } .footer-gcss-op ul.stay-connected { padding: 0!important; } .footer-gcss-op span.link-description { display: inline-block !important; color: #444; padding: .05rem .3rem .05rem .3rem; margin-right: 0.35rem; font-size: 13px; line-height: 18px; box-sizing: border-box; border-radius: 3px; border: 1px solid #444; } /* Social media */ .footer-gcss-op .stay-connected { margin: 0!important;; padding: 0!important; } @media screen and (min-width: 576px) { .footer-gcss-op div.footer-content-op div:nth-child(1), .footer-gcss-op div.footer-content-op div:nth-child(3) { border-right: 1px solid #CCCCCC; padding-right: 0.5rem; } } @media screen and (min-width: 992px) { .footer-gcss-op .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .footer-gcss-op div.footer-content-op div:nth-child(2) { border-right: 1px solid #CCCCCC; padding-right: 0.5rem; } } .simpleft, .simpleft a:link, .simpleft a:visited, .simpleft a:active { font-size: 14px; color: #333333; text-decoration: underline; } /* margin */ @media (max-width: 767.5px) { .page-class-search.layout-class-portal2012-layout-one-column .wce-content-wiw-pirst-page { padding-left: 0; padding-right: 0; } } @media (max-width: 767.98px) { .page-class-justpublished .OPPortalLayout .maincontent { padding-left: 0 !important; padding-right: 0 !important; } .page-class-justpublished section#maincontentarea-bottom { padding-left: 0 !important; padding-right: 0 !important; } .portlet-column.portlet-column-only { padding-left: 0 !important; padding-right: 0 !important; } .layout-class-portal2012-layout-search-details .OPPortalLayout .row-legacy { margin-left: 0; margin-right: 0; } .layout-class-portal2012-layout-search-details .publication-detail-metadata .row-legacy .col-md-3 { padding: 0; } } @media (max-width: 991.5px) and (min-width: 768px) { .page-class-search.layout-class-portal2012-layout-one-column .wce-content-wiw-pirst-page { padding-left: 0; padding-right: 0; } } @media (max-width: 991.5px) { .layout-class-portal2012-about-us-navigation-layout #maincontentarea { padding-right: 15px !important; padding-left: 15px !important; } .layout-class-portla2012-layout-search-results section#maincontentarea { padding-left: 15px !important; padding-right: 15px !important; } .layout-class-portla2012-layout-search-results .container-fluid { padding-left: 0; padding-right: 0; } .layout-class-portal2012-layout-search-details .publication-detail-metadata .col-md-9 { padding-left: 0; padding-right: 0; } } #footer .portlet-column { padding-right: 0; padding-left:0; } @media (min-width: 991.5px) { aside#localnav.localnav { padding-right: 40px !important; } } @media (max-width: 600px) { aside.localnav.col-md-12.portlet-column { display: block; padding-left: 15px; } .publication-detail-container .publication-detail-metadata .row-legacy .col-sm-9.col-md-12.col-xl-10.col-lg-8.pr-0 { padding-left: 0; } .site-class-2448002.page-class-publications section#maincontentarea-bottom { padding-left: 15px !important; padding-right: 15px !important; } .show-neighbors .item__third { border-right: 4px solid #fff0 !important; border-left: 4px solid #fff0 !important; } } .page-class-search-results.layout-class-portla2012-layout-search-results .maincontentarea .container-fluid { padding-left: 0; padding-right: 0; } @media (max-width: 768px){ .language-selector-wrapper .input-select-wrapper select { color: #fff !important; margin-top: 0; margin-left: 0 !important; text-align-last: end; height: 40px !important; float: left; white-space: nowrap; /*width: 27px !important;*/ max-width: 4ch !important; font-family: monospace !important; font-size: 14px !important; overflow: hidden !important; text-overflow: unset; direction: rtl; text-transform: uppercase; padding-right: unset !important; } } .OPPortalLayout a.username-top.myportaltitle { color: #fff !important; } .OPPortalLayout #maincontent .portlet-content-container .journal-content-article a:focus { outline: 2px solid #1454B7; outline-offset: 2px; } .who-search-btn:focus { outline: 1px solid #59f !important; outline-offset: 4px !important; box-shadow: unset !important; } @media (max-width: 991.5px) { .navigation-menu-dd-3-levels { display: none !important; } } @media (min-width: 991.5px) { .navbar-toggle { display: none !important; } } @media (min-width: 768px){ .navbar-toggle { display: unset; } } /* margin top white */ @media (min-width: 991.5px) { .has-control-menu .affix, .has-control-menu #wrapper { margin-top: 56px !important; } } @media (min-width: 576px) { .has-control-menu .affix, .has-control-menu #wrapper { margin-top: unset; } } @media (min-width: 768px) { .layout-class-portal2012-layout-one-column-with-full-width-dropzone-menu #maincontent, .layout-class-portal2012-layout-one-column-with-full-width-dropzone #maincontent, .layout-class-portal2012-layout-one-column-with-side-navigation-and-full-width-dropzone #maincontent { padding-top: 0; } } @media (min-width: 992px){ .layout-class-forum-gazettes .OPPortalLayout .row-legacy { margin-left: 0px; margin-right: 0; } .layout-class-forum-gazettes .OPPortalLayout .maincontent .portlet-layout > aside { padding-right: 15px !important; padding-left: 15px !important; } .layout-class-forum-gazettes .OPPortalLayout ul.layouts.level-1{ padding: 0; } } /* cookie banner */ .cck-container { max-width: unset !important; min-width: unset !important; z-index: 1999; font-family: Arial,sans-serif; font-size: small; color: #444444 !important; overflow-x: hidden !important; overflow-y: auto !important; max-height: 100vh; height:max-content; align-items: center !important; width: 100% !important; top: 0 !important; text-align: center !important; bottom: unset; background: #ffffff !important; position: initial; } .cck-container p.wt-paragraph { color: #444444 !important; font-size: 16px !important; line-height: 23px !important; text-align: left !important; } .cck-container .wt-paragraph a.wt-link { color: #3D6ECF !important; } a.wt-link.cck-actions-button { background: #3D6ECF !important; font-size: 15px !important; line-height: 22px !important; border-radius: 3px !important; border: 1px solid #3366CC !important; } @media only screen and (min-width: 768px) { .cck-container .cck-wrapper .cck-actions { flex-wrap: wrap !important; justify-content: center !important; } a.wt-link.cck-actions-button { width: 65%; min-width: max-content; margin-left: unset !important; margin-bottom: 10px; } } a.wt-link.cck-actions-button.ea_ignore { background: #FFFFFF !important; border-radius: 3px !important; font-size: 15px !important; line-height: 22px !important; border: 1px solid #3366CC !important; color: #3366CC !important; } a.wt-link:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } a.wt-link.cck-actions-button:focus { outline: 2px solid #1454B7!important; outline-offset: 2px !important; } body .cck-container{ position:initial !important; } /*custom header*/ div#custom-header-portlet-container.col-lg-3 { flex: 0 0 100%; max-width: 100%; } .controls-visible.signed-in #custom-header-portlet-container .portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_{ min-height: 50px; margin-top: 50px; } .footer.custom-footer { max-height:unset; } .portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_ header.portlet-topper { z-index: 4999; } /* 2840 */ .wiw-memberships a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } .nav-tabs li.disabled:focus { outline: none; border: unset; } .nav-tabs li.active a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .publicationTabContent a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .viewAllPublications a:focus{ outline: 2px solid #1454B7!important; outline-offset: 2px; } .print-on-demand a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .already-exists a:focus{ outline: 2px solid #1454B7!important; outline-offset: 2px; } .tab-pane .publicationTabContent { line-height: 19px; } .product-container .col-format a { color: #3366cc !important; text-decoration: underline; } .product-container .col-format a:hover { color: #3366cc !important; text-decoration: none; } .button#saveButton { color: #fff; background-color: #3D6ECF; } button#saveButton:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } /* accordion card template */ .accordionComponent.publication-detail-formats { border: 1px solid #858585; } .accordionComponent .card-header { background-color: #E6E6E6; border-top: unset; border-radius:unset; border-bottom: 1px solid #858585; } div#accordion { border-top: 1px solid #858585; border-left: 1px solid #858585; border-right: 1px solid #858585; border-bottom: 1px solid #858585; } .accordionComponent .card-body { border-bottom: 1px solid #858585; } .maincontent .portlet-journal-content .op-accordion .card .btn-link:hover { color: #333333 !important; text-decoration: none !important; } .op-accordion .card-header button{ font-size: 15px; color: #333333; background: #FFFFFF; border-top: 1px solid #858585; border-bottom: 1px solid #858585; border-left: 1px solid #858585; border-right: 1px solid #858585; } .maincontent .portlet-journal-content .btn-link { color: #333333 !important; } .maincontent .portlet-journal-content .btn-link:hover { color: #333333 !important; text-decoration: none !important; background: #F5F5F5 !important; } .op-accordion button[aria-expanded=”true”] i.arrow.down { top: 22px !important; } .op-accordion .card, .op-accordion .card .card-text, .op-accordion .card-header .op-accordion .card-body{ border:unset; } button#heading-card-10:first-child { border-bottom: unset; } /* end accordion card template */ .list-type-save button#saveButton { color: #fff; background-color: #0069d9; } .dialog-footer .btn.searchActionSaveButton { color: #fff; background-color: #0069d9; } /* focus pub details */ a.show-more:focus-visible, a.show-less:focus-visible, a.view-more:focus-visible, a.view-less:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } li.list-item.addToMyDocuments a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.createAlert a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.first.permanentLink a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.metadataRDF a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.createWidget a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } button.col-md-4.citation-button.fa-chevron-down:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } button.show-download-section-button.col-md-4:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } .global-nav-middle .portlet-column-last .print { background-size: 24px; width: auto !important; margin-left: 20px; } .global-nav-middle .help { margin-left: 0px; } .help a:focus-visible { outline: 2px solid #1454b7 !important; outline-offset: 2px; text-decoration:none; } .print a:focus-visible { outline: 2px solid #1454b7 !important; outline-offset: 2px; text-decoration:none; } button:focus { outline: unset; } @media (min-width: 991.5px) { .global-nav-middle .row .col-md-8.col-lg-9.portlet-column.portlet-column-first { max-width: 70%; } .global-nav-middle .row .col-md-4.col-lg-3.portlet-column.portlet-column-last { max-width: 30%; } } /* PORTALMSP-3049 */ .global-nav-middle a { padding-left: 22px; } .global-nav-middle .op-portal-share .wtShareButton{ padding-left: 22px; } div#print-current-page-container a:hover, .help:hover { text-decoration: none !important; } .person-detail-twitter-feed a.wt-link.wt-custom-link { border: 2px solid #949494; border-radius: 3px; background: #FFFFFF; font-weight: 700; font-size: 14px; padding: 10px 12px; line-height: 19px; height: auto; text-align: center; color: #666666 !important; } .facets-lists-container .menu-list .facet-childs-btn { padding: 3px 3px 5px 4px !important; } .facet-childs-btn span { color:#3366cc !important; } .facet-childs-btn.collapsed span.glyphicon.glyphicon-minus { display: none !important; } .facet-childs-btn span.glyphicon.glyphicon-plus { display: none !important; } .facet-childs-btn.collapsed span.glyphicon.glyphicon-plus { display: block !important; } .facet-childs-btn span.glyphicon.glyphicon-minus { display: block !important; } .ltr .op-portal-theme .login-popup-modal { z-index: 999999 !important; } .op-modal .modal-dialog { transform:unset !important; } button.wt-ecl-button.wt-ecl-button–ghost.wt-ecl-message__close:focus-within { outline: 2px solid #1454B7; outline-offset: 2px; background-color:#EEEEEE; } button.wt-ecl-button.wt-ecl-button–ghost.wt-ecl-message__close:hover { background-color:#EEEEEE; } ]]>

Source