INFORME DE LA COMISIÓN AL PARLAMENTO EUROPEO, AL CONSEJO, AL COMITÉ ECONÓMICO Y SOCIAL EUROPEO Y AL COMITÉ DE LAS REGIONES sobre la revisión de la Directiva sobre restricciones a la utilización de determinadas sustancias peligrosas en aparatos eléctricos

$InputBox.getData()

div > div > .dropdown-menu.show {
z-index: 999999
}
.has-control-menu.controls-hidden .portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-content > .portlet-header > .autofit-col{
display: none;
}
/* END in WCE edit mode, WCE edit stays on top of everything else */

.alert.alert-info,
.gcss-op .alert.alert-info {
background: #f0f3f9;
border: none;
box-sizing: border-box;
border-radius: unset;
border-left: 6px solid #039;
padding-left: 50px;
display: block;
}

.gcss-op .alert a:link {
font-weight:unset!important;
}
.gcss-op .alert{
margin-top: var(–gs-base-spacing-m);
padding-top: var(–gs-base-spacing-m);
padding-bottom: var(–gs-base-spacing-m);
}
.gcss-op .alert .lead {
font-weight: 700;
font-size: var(–gs-base-font-size-m);
}
.gcss-op .alert .lead,
.gcss-op .alert p {
line-height: var(–gs-base-line-height-m)!important;
/*color: var(–gs-base-color-gray-100);*/
}

/* PORTALMSP-1970*/
@media (max-width: 991px){
.accordionComponent .card-header,
.op-accordion .card-header {
height: auto;
}
}
/* end PORTALMSP-1970 PORTALMSP-3122*/

/* PORTALMSP-3114*/
.modal-full-screen.dialog-iframe-modal{
/*z-index: 999999 !important; */
}
.modal-full-screen.dialog-iframe-modal.modal-focused{
/*z-index: 9999999 !important; */
}
/* end PORTALMSP-3114 PORTALMSP-3122*/

/* PORTALMSP-3143*/
html.modal-open .open-opia-bottom{
z-index: 99;
}
/* end PORTALMSP-3143*/

/* PORTALMSP-1806 – until deploy*/
.portlet-column-content.empty {
padding: 0 !important;
}
/* end PORTALMSP-1806 – until deploy*/

#secontent{
padding-left: 15px !important;
}

/* Footer test */
.footer-block-test-PORTALMSP-1380 {
display:block!important;
}
.footer-none-test-PORTALMSP-1380 {
display:none !important;
}

/********* CSS Print test ********/

.site-class-7946710 header.print {
margin: 0 0 2rem 0;
padding-bottom: 0.5rem;
border-bottom: 1px solid black;
display: none;
}

@media print {

.site-class-7946710 body {
margin: 0;
background-color: #fff;
}

.site-class-7946710 #globan,
.site-class-7946710 header,
.site-class-7946710 footer,
.site-class-7946710 aside,
.site-class-7946710 nav,
.site-class-7946710 form,
.site-class-7946710 iframe,
.site-class-7946710 .menu,
.site-class-7946710 .hero,
.site-class-7946710 .adslot {
display: none;
}

.site-class-7946710 header.print {
display: block;
}

.site-class-7946710 table,
.site-class-7946710 img,
.site-class-7946710 svg {
break-inside: avoid;
}

.site-class-7946710 p,
.site-class-7946710 p > *,
.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 .gcss-op {
color:unset;
border:unset;
outline:unset;
}
*/

#maincontent, #maincontentarea .gcss-op {
outline: unset!important;
outline-offset: unset!important;
}

.portlet-body .journal-content-article h1 {
font-size: unset;
letter-spacing: unset;
}

/* Links theme */

/* #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-forest-130: #1F5E00;
–gs-base-color-forest-120: #287928;
–gs-base-color-forest-110: #2C862D; /* accessible */
–gs-base-color-forest-100: #339900;
–gs-base-color-forest-75: #80DE85;
–gs-base-color-forest-50: #BBFF99;
–gs-base-color-forest-25: #D5FFC0;
–gs-base-color-forest-10: #EAF8E2; /* bg */
–gs-base-color-forest-5: #F3FBEF; /* bg */

/* earth (publications) */
–gs-base-color-earth-130: #954B00;
–gs-base-color-earth-120: #A25E1E;
–gs-base-color-earth-110: #AC6420; /* accessible */
–gs-base-color-earth-100: #FF9933;
–gs-base-color-earth-75: #FFB66E;
–gs-base-color-earth-50: #FFCA95;
–gs-base-color-earth-25: #FFDEBC;
–gs-base-color-earth-10: #FFF1E4; /* bg */
–gs-base-color-earth-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-fire-130: #671908;
–gs-base-color-fire-120: #9E270C;
–gs-base-color-fire-110: #DA3510; /* accessible */
–gs-base-color-fire-100: #EE441E;
–gs-base-color-fire-75: #F09187;
–gs-base-color-fire-50: #F8AE9E;
–gs-base-color-fire-25: #FFDDD4;
–gs-base-color-fire-10: #FDEDE9; /* bg */
–gs-base-color-fire-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: var(–gs-base-color-eu-blue-110); /* accessible */
–gs-base-color-link-100: var(–gs-base-color-eu-blue-100); /* accessible */
–gs-base-color-link-75: #668CD9;
–gs-base-color-link-50: #99B2E5;
–gs-base-color-link-25: #CCD9F2;
–gs-base-color-link-10: var(–gs-base-color-eu-blue-10); /* bg for link hover */
–gs-base-color-link-5: var(–gs-base-color-eu-blue-5); /* bg for link */

/*** 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;

/*** EU harmonised colors ****/

–gs-base-color-eu-blue-5: #F3F6FC; /* bg light (default) colour: footer, containers */
–gs-base-color-eu-blue-10: #E7EDFA; /* bg dark colour for containers */
–gs-base-color-eu-blue-20: #CFDAF5; /* horizontal dividers */
–gs-base-color-eu-blue-60: #6E91E0; /* header nav vertical divider */
–gs-base-color-eu-blue-80: #3E6CD5; /* button hover state */
–gs-base-color-eu-blue-100: #0E47CB; /* link, main nav gradient light */
–gs-base-color-eu-blue-110: #0D40B7; /* OP link button hover */
–gs-base-color-eu-blue-140: #082B7A; /* text link hover, main nav gradient dark */

–gs-base-color-eu-gray-80: #515560; /* site name, inactive breadcrumbs */
–gs-base-color-eu-gray-100: #262B38; /* form border */
–gs-base-color-eu-gray-140: #171A22; /* footer «black» text */

}

/*** 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-forest-130 {
color: var(–gs-base-color-forest-130);
}
.gs-u-color-forest-120 {
color: var(–gs-base-color-forest-120);
}
.gs-u-color-forest-110 {
color: var(–gs-base-color-forest-110);
}
.gs-u-color-forest-100 {
color: var(–gs-base-color-forest-100);
}
.gs-u-color-forest-75 {
color: var(–gs-base-color-forest-75);
}
.gs-u-color-forest-50 {
color: var(–gs-base-color-forest-50);
}
.gs-u-color-forest-25 {
color: var(–gs-base-color-forest-25);
}
.gs-u-color-forest-10 {
color: var(–gs-base-color-forest-10);
}
.gs-u-color-forest-5 {
color: var(–gs-base-color-forest-5);
}

.gs-u-color-earth-130 {
color: var(–gs-base-color-earth-130);
}
.gs-u-color-earth-120 {
color: var(–gs-base-color-earth-120);
}
.gs-u-color-earth-110 {
color: var(–gs-base-color-earth-110);
}
.gs-u-color-earth-100 {
color: var(–gs-base-color-earth-100);
}
.gs-u-color-earth-75 {
color: var(–gs-base-color-earth-75);
}
.gs-u-color-earth-50 {
color: var(–gs-base-color-earth-50);
}
.gs-u-color-earth-25 {
color: var(–gs-base-color-earth-25);
}
.gs-u-color-earth-10 {
color: var(–gs-base-color-earth-10);
}
.gs-u-color-earth-5 {
color: var(–gs-base-color-earth-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-fire-130 {
color: var(–gs-base-color-fire-130);
}
.gs-u-color-fire-120 {
color: var(–gs-base-color-fire-120);
}
.gs-u-color-fire-110 {
color: var(–gs-base-color-fire-110);
}
.gs-u-color-fire-100 {
color: var(–gs-base-color-fire-100);
}
.gs-u-color-fire-75 {
color: var(–gs-base-color-fire-75);
}
.gs-u-color-fire-50 {
color: var(–gs-base-color-fire-50);
}
.gs-u-color-fire-25 {
color: var(–gs-base-color-fire-25);
}
.gs-u-color-fire-10 {
color: var(–gs-base-color-fire-10);
}
.gs-u-color-fire-5 {
color: var(–gs-base-color-fire-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);
}

/* color eu harmonised: */

.gs-u-color-eu-blue-5 {
color: var(–gs-base-color-eu-blue-5);
}
.gs-u-color-eu-blue-20 {
color: var(–gs-base-color-eu-blue-20);
}
.gs-u-color-eu-blue-60 {
color: var(–gs-base-color-eu-blue-60);
}
.gs-u-color-eu-blue-80 {
color: var(–gs-base-color-eu-blue-80);
}
.gs-u-color-eu-blue-100 {
color: var(–gs-base-color-eu-blue-100);
}
.gs-u-color-eu-blue-140 {
color: var(–gs-base-color-eu-blue-140);
}

.gs-u-color-eu-gray-80 {
color: var(–gs-base-color-eu-gray-80);
}
.gs-u-color-eu-gray-100 {
color: var(–gs-base-color-eu-gray-100);
}
.gs-u-color-eu-gray-140 {
color: var(–gs-base-color-eu-gray-140);
}

/*** background-color: ***/

.eu-u-bg-color-blue-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-forest-130 {
background-color: var(–gs-base-color-forest-130);
}
.gs-u-bg-color-forest-120 {
background-color: var(–gs-base-color-forest-120);
}
.gs-u-bg-color-forest-110 {
background-color: var(–gs-base-color-forest-110);
}
.gs-u-bg-color-forest-100 {
background-color: var(–gs-base-color-forest-100);
}
.gs-u-bg-color-forest-75 {
background-color: var(–gs-base-color-forest-75);
}
.gs-u-bg-color-forest-50 {
background-color: var(–gs-base-color-forest-50);
}
.gs-u-bg-color-forest-25 {
background-color: var(–gs-base-color-forest-25);
}
.gs-u-bg-color-forest-10 {
background-color: var(–gs-base-color-forest-10);
}
.gs-u-bg-color-forest-5 {
background-color: var(–gs-base-color-forest-5);
}

.gs-u-bg-color-earth-130 {
background-color: var(–gs-base-color-earth-130);
}
.gs-u-bg-color-earth-120 {
background-color: var(–gs-base-color-earth-120);
}
.gs-u-bg-color-earth-110 {
background-color: var(–gs-base-color-earth-110);
}
.gs-u-bg-color-earth-100 {
background-color: var(–gs-base-color-earth-100);
}
.gs-u-bg-color-earth-75 {
background-color: var(–gs-base-color-earth-75);
}
.gs-u-bg-color-earth-50 {
background-color: var(–gs-base-color-earth-50);
}
.gs-u-bg-color-earth-25 {
background-color: var(–gs-base-color-earth-25);
}
.gs-u-bg-color-earth-10 {
background-color: var(–gs-base-color-earth-10);
}
.gs-u-bg-color-earth-5 {
background-color: var(–gs-base-color-earth-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-fire-130 {
background-color: var(–gs-base-color-fire-130);
}
.gs-u-bg-color-fire-120 {
background-color: var(–gs-base-color-fire-120);
}
.gs-u-bg-color-fire-110 {
background-color: var(–gs-base-color-fire-110);
}
.gs-u-bg-color-fire-100 {
background-color: var(–gs-base-color-fire-100);
}
.gs-u-bg-color-fire-75 {
background-color: var(–gs-base-color-fire-75);
}
.gs-u-bg-color-fire-50 {
background-color: var(–gs-base-color-fire-50);
}
.gs-u-bg-color-fire-25 {
background-color: var(–gs-base-color-fire-25);
}
.gs-u-bg-color-fire-10 {
background-color: var(–gs-base-color-fire-10);
}
.gs-u-bg-color-fire-5 {
background-color: var(–gs-base-color-fire-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);
}

/* background-color eu harmonised: */

.gs-u-bg-color-eu-blue-5 {
color: var(–gs-base-color-eu-blue-5);
}
.gs-u-bg-color-eu-blue-20 {
color: var(–gs-base-color-eu-blue-20);
}
.gs-u-bg-color-eu-blue-60 {
color: var(–gs-base-color-eu-blue-60);
}
.gs-u-bg-color-eu-blue-80 {
color: var(–gs-base-color-eu-blue-80);
}
.gs-u-bg-color-eu-blue-100 {
color: var(–gs-base-color-eu-blue-100);
}
.gs-u-bg-color-eu-blue-140 {
color: var(–gs-base-color-eu-blue-140);
}

.gs-u-bg-color-eu-gray-80 {
color: var(–gs-base-color-eu-gray-80);
}
.gs-u-bg-color-eu-gray-100 {
color: var(–gs-base-color-eu-gray-100);
}
.gs-u-bg-color-eu-gray-140 {
color: var(–gs-base-color-eu-gray-140);
}

/****** 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;
}

/* 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 h1:not(.site-class-10157494 .gcss-op h1,
.site-class-2448002.page-class-may .gcss-op h1) {
/*eu h1
border-bottom: 2px solid var(–gs-base-color-eu-blue-20);
padding-bottom: 0.65rem;
font-weight: var(–gs-base-font-family-default)!important;
max-width: unset;*/
}

.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;
}

/* List menu */

.gcss-op ul.gs-list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.gcss-op ul.gs-list-menu li {
padding: var(–gs-base-spacing-s) 0 var(–gs-base-spacing-s) 0;
border-top: 1px solid var(–gs-base-color-gray-20);
font-size: var(–gs-base-font-size-sp-15)!important;
line-height: var(–gs-base-line-height-s)!important;
margin:0!important;
position: relative;
}
.gcss-op ul.gs-list-menu li:last-child {
border-bottom: 1px solid var(–gs-base-color-gray-20);
}
.gcss-op ul.gs-list-menu li a {
color:var(–gs-base-color-gray-100)!important;
text-decoration: none!important;
display: block;
}
.gcss-op ul.gs-list-menu li:hover {
background-color: var(–gs-base-color-gray-5);
}
.gcss-op ul.gs-list-menu li:hover~.gcss-op ul.gs-list-menu li a {
text-decoration: underline!important;
}

/* 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(‘/documents/10197/9598167/gs-icon.eot?v5087l’);
src: url(‘/documents/10197/9598167/gs-icon.eot?v5087l#iefix’) format(‘embedded-opentype’),
url(‘/documents/10197/9598167/gs-icon.ttf?v5087l’) format(‘truetype’),
url(‘/documents/10197/9598167/gs-icon.woff?v5087l’) format(‘woff’),
url(‘/documents/10197/9598167/gs-icon.svg?v5087l#icomoon’) 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-help-question-f:before {
content: «e91a»;
}
.gs-icon-linkedin-f:before {
content: «e915»;
}
.gs-icon-facebook-f:before {
content: «e922»;
}
.gs-icon-rss:before {
content: «e914»;
}
.gs-icon-add-plus:before {
content: «e900»;
}
.gs-icon-arrow-left:before {
content: «e901»;
}
.gs-icon-audio:before {
content: «e902»;
}
.gs-icon-backward:before {
content: «e903»;
}
.gs-icon-basket:before {
content: «e904»;
}
.gs-icon-bell:before {
content: «e905»;
}
.gs-icon-bookmark:before {
content: «e906»;
}
.gs-icon-caret-down:before {
content: «e907»;
}
.gs-icon-caret-left:before {
content: «e908»;
}
.gs-icon-caret-right:before {
content: «e909»;
}
.gs-icon-caret-up:before {
content: «e90a»;
}
.gs-icon-chevron-left:before {
content: «e90b»;
}
.gs-icon-chevron-right:before {
content: «e90c»;
}
.gs-icon-chevron-up:before {
content: «e90d»;
}
.gs-icon-close:before {
content: «e90e»;
}
.gs-icon-delete:before {
content: «e90f»;
}
.gs-icon-download:before {
content: «e910»;
}
.gs-icon-duplicate-copy:before {
content: «e911»;
}
.gs-icon-edit:before {
content: «e912»;
}
.gs-icon-exclamation:before {
content: «e913»;
}
.gs-icon-filters:before {
content: «e916»;
}
.gs-icon-forward:before {
content: «e917»;
}
.gs-icon-global:before {
content: «e918»;
}
.gs-icon-heart:before {
content: «e919»;
}
.gs-icon-help-question:before {
content: «e91d»;
}
.gs-icon-home:before {
content: «e91e»;
}
.gs-icon-instagram:before {
content: «e91f»;
}
.gs-icon-link-external:before {
content: «e920»;
}
.gs-icon-link:before {
content: «e921»;
}
.gs-icon-logged-in:before {
content: «e924»;
}
.gs-icon-menu:before {
content: «e925»;
}
.gs-icon-metadata:before {
content: «e926»;
}
.gs-icon-microphone:before {
content: «e927»;
}
.gs-icon-person:before {
content: «e928»;
}
.gs-icon-placeholder:before {
content: «e929»;
}
.gs-icon-play-backward:before {
content: «e92a»;
}
.gs-icon-play:before {
content: «e92b»;
}
.gs-icon-print:before {
content: «e92c»;
}
.gs-icon-refresh:before {
content: «e92d»;
}
.gs-icon-search:before {
content: «e92f»;
}
.gs-icon-skip-to-beginning:before {
content: «e930»;
}
.gs-icon-skip-to-end:before {
content: «e931»;
}
.gs-icon-social-share:before {
content: «e932»;
}
.gs-icon-sticky-note:before {
content: «e933»;
}
.gs-icon-stop:before {
content: «e934»;
}
.gs-icon-telephone:before {
content: «e935»;
}
.gs-icon-twitter:before {
content: «e936»;
}
.gs-icon-upload:before {
content: «e937»;
}
.gs-icon-vcard:before {
content: «e938»;
}
.gs-icon-video:before {
content: «e939»;
}
.gs-icon-world:before {
content: «e93a»;
}
.gs-icon-youtube:before {
content: «e93b»;
}
.gs-icon-bookmark-f:before {
content: «e93c»;
}
.gs-icon-caret-down-f:before {
content: «e93d»;
}
.gs-icon-caret-sharp-down-f:before {
content: «e93e»;
}
.gs-icon-caret-sharp-right-f:before {
content: «e93f»;
}
.gs-icon-chevron-down:before {
content: «e940»;
}
.gs-icon-facebook:before {
content: «e941»;
}
.gs-icon-linkedin:before {
content: «e942»;
}
.gs-icon-log-in:before {
content: «e943»;
}
.gs-icon-minus:before {
content: «e944»;
}
.gs-icon-person-f:before {
content: «e945»;
}
.gs-icon-stop-fill:before {
content: «e946»;
}

/****** 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,
.gcss-op a.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-eu-blue-100)!important;
border: 2px solid var(–gs-base-color-eu-blue-100)!important;
background-color: transparent;
}

.gcss-op .gs-btn-sec:focus,
.gcss-op .gs-btn-sec:hover {
background-color: var(–gs-base-color-eu-blue-10);
}

.gcss-op .gs-btn-sec:focus {
outline: 2px solid var(–gs-base-color-eu-blue-100)!important;
outline-offset: 2px;
}

/* Secondary (sec) Fill */

.gcss-op .gs-btn-sec-f,
.gcss-op a.gs-btn-sec-f {
color:var(–gs-base-color-eu-blue-100)!important;
border: 2px solid var(–gs-base-color-eu-blue-5)!important;
background-color: var(–gs-base-color-eu-blue-5);
}

.gcss-op .gs-btn-sec-f:focus,
.gcss-op .gs-btn-sec-f:hover {
border: 2px solid var(–gs-base-color-eu-blue-10)!important;
background-color: var(–gs-base-color-eu-blue-10);
}

.gcss-op .gs-btn-sec-f:focus {
outline: 2px solid var(–gs-base-color-eu-blue-100)!important;
outline-offset: 2px;
}

/* Tertiary (ter) */

.gcss-op .gs-btn-ter,
.gcss-op a.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,
.gcss-op a.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,
.gcss-op a.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,
.gcss-op a.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!important;
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 *****/

/***** hbox text sizes *****/

/* Title */
.gcss-op .gs-hbox p.gs-title,
.gcss-op .gs-hbox h2.gs-title,
.gcss-op .gs-hbox h3.gs-title,
.gcss-op .gs-hbox h4.gs-title,
.gcss-op .gs-hbox h5.gs-title,
.gcss-op .gs-hbox h6.gs-title {
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: var(–gs-base-spacing-xs);
}
/* Title link */
.gcss-op .gs-hbox p.gs-title a,
.gcss-op .gs-hbox h2.gs-title a,
.gcss-op .gs-hbox h3.gs-title a,
.gcss-op .gs-hbox h4.gs-title a,
.gcss-op .gs-hbox h5.gs-title a,
.gcss-op .gs-hbox 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-hbox p.gs-title a:hover,
.gcss-op .gs-hbox h2.gs-title a:hover,
.gcss-op .gs-hbox h3.gs-title a:hover,
.gcss-op .gs-hbox h4.gs-title a:hover,
.gcss-op .gs-hbox h5.gs-title a:hover,
.gcss-op .gs-hbox h6.gs-title a:hover {
/*text-decoration: underline!important;*/
color: var(–gs-base-color-link-100)!important;
}

/***** Compact 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;
}

/***** Secondary cards + grid *****/

.gcss-op .gs-grid-card-sec {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(230px, 1fr));
gap:var(–gs-base-spacing-m);
margin: 0 auto;
}

.gcss-op .gs-grid-card-sec .gs-hbox {
border-radius: 4px;
position: relative;
margin-bottom:0!important;
}

.gcss-op .gs-grid-card-sec .gs-hbox:hover {
background-color: var(–gs-base-color-opblue-10);
}

/* 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 *********/

.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;
}

.OPPortalLayout #assets-list-table a > .op-icon:before {
vertical-align: initial;
}

.OPPortalLayout .available-domains-layout label > .op-icon:before {
vertical-align:initial;
}
]]>