/**** GLOBAL RESET ******/

.journal-content-article a {
    font-size: unset;
  }
   
  #maincontent, #maincontentarea #text {
    outline: unset!important;
    outline-offset: unset!important;
  }
  
  .portlet-body .journal-content-article h1 {
    font-size: unset;
    letter-spacing: unset;
  }
  
  /*** EUR-LEX overrides ***/

  div#text {
    font-size: 16px!important;
  }

.EurlexContent #text h1, .EurlexContent #text h2, .EurlexContent #text h3, .EurlexContent #text h4, .EurlexContent #text h5 {
  padding: unset;
  color: unset;
}

.EurlexContent #text ol > li:before {
  color: unset;
}

#text strong {
  font-weight: 700;
}

  /****** 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.75em; 
      /* 12px Tiny short text (1 narrow line maximum) for extra fine print. Use in extemely exceptional cases when "xs" does not suffice. */
      --gs-base-font-size-xs: 0.813em; 
      /* 13px Very small short text (under 3 lines) for fine print, compacted table data and UI components */
      --gs-base-font-size-s: 0.875em; 
      /* 14px Small body text (1-2 short paragraphs), captions, table data and UI components */
      --gs-base-font-size-m: 1em;
      /* 16px Default body text (good for extended reading), captions, table data and UI components */
      --gs-base-font-size-l: 1.125em; /* 18px H5, large body text (good for extended reading) */
      --gs-base-font-size-xl: 1.25em; /* 20px H4 */
      --gs-base-font-size-2xl: 1.5em; /* 24px H3 */
      --gs-base-font-size-3xl: 1.75em; /* 28px H2 */
      --gs-base-font-size-4xl: 2em; /* 32px H1 */
      --gs-base-font-size-5xl: 2.25em; /* 36px Other extra large text */
      --gs-base-font-size-6xl: 2.625em; /* 42px Other extra large text */
  
      --gs-base-font-size-sp-15: 0.938em; /* 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.25em; /* 0.25em / 4px  */
      --gs-base-spacing-xs: 0.5em; /* 0.5em / 8px  */
      --gs-base-spacing-s: 0.75em; /* 0.75em / 12px  */
      --gs-base-spacing-m: 1em; /* 1em / 16px  */
      --gs-base-spacing-l: 1.5em; /* 1.5em / 24px  */
      --gs-base-spacing-xl: 2em; /* 2em / 32px  */
      --gs-base-spacing-2xl: 2.5em; /* 2.5em / 40px  */
      --gs-base-spacing-3xl: 3em; /* 3em / 48px  */
      --gs-base-spacing-4xl: 4em; /* 4em / 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: #145B81;
      /*--gs-base-color-eurlex-120: #176793;BEFORE */
      --gs-base-color-eurlex-120: #1971A1;
      /*--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: #145B81;
      --gs-base-color-sky-120: #176793;
      --gs-base-color-sky-110: #1971A1; /* 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 */
  
      }

  
  /****** TYPOGRAPHY ******/
  
  /* Font family settings */
  
  #text {
    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);
    padding: 2em 1em;
    /*border: 1px solid var(--gs-base-color-gray-20);*/
  }
  
  /* Content max-width for optimal reading */
  #text h1,
  #text h2,
  #text h3,
  #text h4,
  #text h5,
  #text h6,
  #text p,
  #text ul,
  #text ol  {
    max-width: 800px;
  }
  
  /* Headings */
  
  #text h1,
  #text h2,
  #text h3,
  #text h4,
  #text h5,
  #text h6 {
    font-family: var(--gs-base-font-family-heading)!important;
    font-weight: var(--gs-base-font-weight-heading)!important;
    line-height: var(--gs-base-line-height-s)!important;
    font-weight: var(--gs-base-font-weight-heading)!important;
  }
  
  /* Top and bottom margin */
  #text h2,
  #text h3,
  #text h4,
  #text h5,
  #text h6 {
    margin-top:var(--gs-base-spacing-xl);
    margin-bottom:var(--gs-base-spacing-l)!important;
  }
  
  
  /* Fix for pages with multiple WCE */
  #text .gs-h-margin-top {
    margin-top:var(--gs-base-spacing-l)!important;
  }
  
  #text  h1 {
    font-size: var(--gs-base-font-size-2xl) !important;
    text-align: center;
    margin-bottom: var(--gs-base-spacing-l)!important;
  }
  
  #text  h2 {
    font-size: var(--gs-base-font-size-xl) !important;
  }
  
  #text h3 {
    font-size: var(--gs-base-font-size-l)!important;
  }
  
  #text h4 {
    font-size: var(--gs-base-font-size-m)!important;
  }
  
  #text h5 {
    font-size: var(--gs-base-font-size-sp-15)!important;
  }
  
  #text h6 {
    font-size: var(--gs-base-font-size-s)!important;
  }

  
/* Body text */

#text p,
#text ul,
#text ol,
#text li {
  font-size: var(--gs-base-font-size-m)!important;
  line-height: var(--gs-base-line-height-l) !important;
  color: var(--gs-base-color-gray-100);
  margin-bottom:var(--gs-base-spacing-s)!important;
}

#text p span {
  font-size: inherit;
  line-height: inherit;
}
  
  
/* Font sizes */

#text .gs-u-font-size-2xs {
  font-size: var(--gs-base-font-size-2xs) !important;
}

#text .gs-u-font-size-s,
#text .gs-font-sm,
#text .font-s {
  font-size: var(--gs-base-font-size-s) !important;
}

#text .gs-u-font-size-m {
  font-size: var(--gs-base-font-size-m) !important;
}

#text .gs-u-font-size-l,
#text .gs-font-lg,
#text .font-l {
  font-size: var(--gs-base-font-size-l) !important;
}

#text .gs-u-font-size-xl {
  font-size: var(--gs-base-font-size-xl) !important;
}

#text .gs-u-font-size-2xl {
  font-size: var(--gs-base-font-size-2xl) !important;
}
  
#text .gs-u-font-size-3xl {
  font-size: var(--gs-base-font-size-3xl) !important;
}

#text .gs-u-font-size-4xl {
  font-size: var(--gs-base-font-size-4xl) !important;
}

#text .gs-u-font-size-5xl {
  font-size: var(--gs-base-font-size-5xl) !important;
}

#text .gs-u-font-size-6xl {
  font-size: var(--gs-base-font-size-6xl) !important;
}

#text .gs-u-font-size-xs {
  font-size: var(--gs-base-font-size-xs) !important;
}

#text .gs-u-font-size-sp-15 {
  font-size: var(--gs-base-font-size-sp-15) !important;
}

/* Line heights */

#text .gs-u-line-height-xs {
  line-height: var(--gs-base-line-height-xs) !important;
}
#text .gs-u-line-height-s {
  line-height: var(--gs-base-line-height-s) !important;
}
#text .gs-u-line-height-m {
  line-height: var(--gs-base-line-height-m) !important;
}
#text .gs-u-line-height-l {
  line-height: var(--gs-base-line-height-l) !important;
}
#text .gs-u-line-height-xl {
  line-height: var(--gs-base-line-height-xl) !important;
}
#text .gs-u-line-height-2xl {
  line-height: var(--gs-base-line-height-2xl) !important;
}
  
  
/* Disabled text */

#text .gs-disabled-text {
  color: var(--gs-base-color-gray-30);
}


/* Links (text) */

#text p a, 
#text li a,
#text h2 a,
#text h3 a,
#text h4 a {
  font-size: inherit;
}
#text a:link {
  color: var(--gs-base-color-link-100);
  text-decoration: underline;
  text-underline-offset: 0.15em!important;
  text-decoration-thickness: 1px!important;
}
#text a:hover,
#text a:active {
  text-decoration: none;
}

#text a:focus,
#text a:active {
    outline: unset!important;
}
  
#text a:focus-visible {
  outline: 2px solid var(--gs-base-color-link-100)!important;
  outline-offset: 4px;
  border-radius: 0.015em;
  -moz-outline-radius: 0.015em;
}

#text a:visited,
#text p a:visited, 
#text li a:visited
  {
  color: var(--gs-base-color-lavender-110)!important;
}
  
/* List */

#text li {
  margin-bottom: var(--gs-base-spacing-xs)!important;
  /*line-height: var(--gs-base-line-height-l) !important;*/
}

#text li ul {
  margin-top: 0.4em!important;
}
  
  
/* List modifiers */
  
#text ul.gs-bullet-none,
#text ul.bullet-none,
#text ul.lseu-none,
#text ul.lseu-bullet-none   {
  list-style: none;
  padding: 0;
  margin: 0;
}

#text ul.lseu-bullet-none li,
#text ul.lseu-none li {
  margin-bottom: 0.2em!important;
  line-height: var(--gs-base-line-height-m) !important;
  margin-bottom: var(--gs-base-spacing-2xs)!important;
}

  
/****** SUPPORT HTML ELEMENTS ******/

/** TABLES **/

#text table {
    margin: 1.5em 0 2em 0;
    border: none;
    border-collapse: collapse!important;
    width: 100%;
}

#text table th,
#text table tr,
#text table td {
    border: none;
    padding: 0.5em 0.75em .5em 0.75em!important;
    vertical-align: top;
    word-break: break-word;
}
  
#text table th,
#text table td,  
#text 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-sp-15);
    line-height: var(--gs-base-line-height-m)!important;
}
  
#text table td p:last-child, 
#text table th p:last-child {
    margin-bottom:0!important;
}

#text table tbody tr {
    border-bottom: 1px solid #D8D8D8; 
}    

/* Header */

#text thead tr {
    border-bottom: 2px solid #333333;
}

#text table thead th,
#text table thead th p,
#text table thead th a,
#text tbody th,
#text tbody th p,
#text tbody th a {
  font-weight: bold!important;
}

#text table.gs-tbody-th-unset tbody th {
  font-weight: unset!important;
}

/* Rows color alternating */

#text table tbody tr:nth-child(odd) {
    background: var(--gs-base-color-gray-5); /*activate to alternat */
    /*background: #FFFFFF;*/
}

#text table tbody tr:nth-child(even) {
    background: #FFFFFF;
}

/* Remove color alternating rows */

#text table.gs-row-color-none tbody tr:nth-child(odd) {
    background: unset;
}
  
#text table.gs-row-color-none tbody tr:nth-child(even) {
    background: unset;
}

/* Vertical align */
#text table.gs-table-tbody-align-middle tbody td,
#text table.gs-table-tbody-align-middle tbody th {
    vertical-align: middle;
}

#text table.gs-table-thead-align-middle thead td,
#text table.gs-table-thead-align-middle thead th {
    vertical-align: middle;
}
/* Compact setting */

#text table.gs-table-compact td, 
#text table.gs-table-compact th,
#text table.gs-table-compact p,
#text table.gs-table-compact a {
    font-size: var(--gs-base-font-size-s) !important;
    margin-bottom:0.60em;
    line-height: var(--gs-base-line-height-s)!important;
}
  
/* Links */

#text table td a, 
#text table th a {
    text-decoration: underline!important;
    color: var(--gs-base-color-link-100)!important;
}
#text table td a:hover, 
#text table th a:hover {
    text-decoration: none!important;
}


#text table tr.gs-row-bold,
#text table tr.gs-row-bold * {
  font-weight: bold;
}
  
/* Caption */

#text table caption {
    caption-side: top;
    padding: 0em 1em 0.5em 1em;
    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-m);
    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);
}


/**** Other *****/

/* mark - highlight text */

#text 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;
}

/* Horizontal rule */

#text hr {
  height: 1px;
  border-top: 1px solid var(--gs-base-color-gray-20);
  margin: 0;
  padding: 0;
}

#text hr.lseu-hr-s {
  margin-top: var(--gs-base-spacing-l);
  margin-bottom: var(--gs-base-spacing-m);
}
#text hr.lseu-hr-m {
  margin-top: var(--gs-base-spacing-xl);
  margin-bottom: var(--gs-base-spacing-l);
}
#text hr.lseu-hr-l {
  margin-top: var(--gs-base-spacing-2xl);
  margin-bottom: var(--gs-base-spacing-xl);
}



#text .lseu-nowrap {
  white-space: nowrap;
}

#text .lseu-lastmod {  
  text-align: right;
  margin-top: 2.5em;
  padding: 0.5em 0em;
  /*color: var(--gs-base-color-gray-80)!important;*/
  font-size: var(--gs-base-font-size-xs)!important;
  font-style: italic;
  /* border-top: 1px solid var(--gs-base-color-gray-100);*/
}

/* Key terms */
#text .lseu-section-key-terms {  
  margin-top: 2em;
  padding: var(--gs-base-spacing-l);
  background-color: var(--gs-base-color-gray-5);
}
  
#text .lseu-section-key-terms h2 {  
  margin-top: 0;
}

#text .lseu-section-key-terms ol {  
  margin-bottom: 0!important;
}

#text .lseu-section-key-terms li:last-child {  
  margin-bottom: 0!important;
}

/* footnote */

#text .lseu-section-footnote {  
  padding-top: var(--gs-base-spacing-m)!important;
  margin-top: var(--gs-base-spacing-l)!important;
  border-top: 1px solid var(--gs-base-color-gray-20);
}

#text .lseu-section-footnote {  
  color: var(--gs-base-color-gray-75);
  font-size: var(--gs-base-font-size-s)!important;
  line-height: var(--gs-base-line-height-m) !important;
}