.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid, .field--full-width > * {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .field--full-width > :before, .container-fluid:after, .field--full-width > :after {
    content: " ";
    display: table; }
  .container-fluid:after, .field--full-width > :after {
    clear: both; }

.row, .banner--video, .context-nav, .file, .file--widebar, .listing__wrapper--maxwidth, .listing__wrapper--three-columns,
.listing__wrapper--two-columns, .listing__wrapper--row-three .listing,
.listing__wrapper--row-two .listing {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .banner--video:before, .context-nav:before, .file:before, .file--widebar:before, .listing__wrapper--maxwidth:before, .listing__wrapper--three-columns:before,
  .listing__wrapper--two-columns:before, .listing__wrapper--row-three .listing:before,
  .listing__wrapper--row-two .listing:before, .row:after, .banner--video:after, .context-nav:after, .file:after, .file--widebar:after, .listing__wrapper--maxwidth:after, .listing__wrapper--three-columns:after,
  .listing__wrapper--two-columns:after, .listing__wrapper--row-three .listing:after,
  .listing__wrapper--row-two .listing:after {
    content: " ";
    display: table; }
  .row:after, .banner--video:after, .context-nav:after, .file:after, .file--widebar:after, .listing__wrapper--maxwidth:after, .listing__wrapper--three-columns:after,
  .listing__wrapper--two-columns:after, .listing__wrapper--row-three .listing:after,
  .listing__wrapper--row-two .listing:after {
    clear: both; }

.col-xs-1, .col-sm-1, .file__icon, .col-md-1, .file__icon, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .context-nav__label, .col-lg-3, .col-xs-4, .col-sm-4, .file__btn, .col-md-4, .file__btn, .listing__wrapper--three-columns .listing, .listing__wrapper--row-three .listing__item, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .featured-item__image, .col-lg-5, .col-xs-6, .col-sm-6, .file__metadata, .listing__wrapper--two-columns .listing, .col-md-6, .banner__paragraph, .banner__left, .comment__form-wrapper, .file__metadata, .listing__wrapper--row-two .listing__item, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .featured-item__content, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .listing__wrapper--maxwidth .listing, .col-lg-8, .col-xs-9, .file__metadata, .col-sm-9, .col-md-9, .context-nav__items, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .context-nav__label, .context-nav__items, .file__btn, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .file__metadata, .col-xs-10, .col-xs-11, .col-xs-12, .context-nav__label, .context-nav__items, .file__btn {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

.col-xs-9, .file__metadata {
  width: 75%; }

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12, .context-nav__label, .context-nav__items, .file__btn {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .file__icon, .col-sm-2, .col-sm-3, .col-sm-4, .file__btn, .col-sm-5, .col-sm-6, .file__metadata, .listing__wrapper--two-columns .listing, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1, .file__icon {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4, .file__btn {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6, .file__metadata, .listing__wrapper--two-columns .listing {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .file__icon, .col-md-2, .col-md-3, .context-nav__label, .col-md-4, .file__btn, .listing__wrapper--three-columns .listing, .listing__wrapper--row-three .listing__item, .col-md-5, .featured-item__image, .col-md-6, .banner__paragraph, .banner__left, .comment__form-wrapper, .file__metadata, .listing__wrapper--row-two .listing__item, .col-md-7, .featured-item__content, .col-md-8, .listing__wrapper--maxwidth .listing, .col-md-9, .context-nav__items, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1, .file__icon {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3, .context-nav__label {
    width: 25%; }
  .col-md-4, .file__btn, .listing__wrapper--three-columns .listing, .listing__wrapper--row-three .listing__item {
    width: 33.3333333333%; }
  .col-md-5, .featured-item__image {
    width: 41.6666666667%; }
  .col-md-6, .banner__paragraph, .banner__left, .comment__form-wrapper, .file__metadata, .listing__wrapper--row-two .listing__item {
    width: 50%; }
  .col-md-7, .featured-item__content {
    width: 58.3333333333%; }
  .col-md-8, .listing__wrapper--maxwidth .listing {
    width: 66.6666666667%; }
  .col-md-9, .context-nav__items {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label, .inpage-nav__navbar .inpage-nav__toggle .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default, .label--default {
  background-color: #777777; }
  .label-default[href]:hover, [href].label--default:hover, .label-default[href]:focus, [href].label--default:focus {
    background-color: #5e5e5e; }

.label-primary, .label--primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, [href].label--primary:hover, .label-primary[href]:focus, [href].label--primary:focus {
    background-color: #286090; }

.label-success, .label--success {
  background-color: #5cb85c; }
  .label-success[href]:hover, [href].label--success:hover, .label-success[href]:focus, [href].label--success:focus {
    background-color: #449d44; }

.label-info, .label--info {
  background-color: #5bc0de; }
  .label-info[href]:hover, [href].label--info:hover, .label-info[href]:focus, [href].label--info:focus {
    background-color: #31b0d5; }

.label-warning, .label--warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, [href].label--warning:hover, .label-warning[href]:focus, [href].label--warning:focus {
    background-color: #ec971f; }

.label-danger, .label--danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, [href].label--danger:hover, .label-danger[href]:focus, [href].label--danger:focus {
    background-color: #c9302c; }

.icon--after, .is-external:after, .site-political a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-information a[href^="http"]:not(.is-internal):after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .listing__title:after,
.site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .highlighted-item h3:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .listing__title:after,
.site-information .listing__item-link[href^="http"]:not(.is-internal) .highlighted-item h3:after, .btn.btn-ctn:after, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:after, .btn.btn-time-line:after, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle:after, .btn.btn-menu:after, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:after, .breadcrumb__link-arrow, a.breadcrumb__link:after, .no-js .breadcrumb__segment--first:before, .breadcrumb--collapsible .breadcrumb__btn-separator:after, .file__btn:after, .file__translations .file__translations-control:after, .lang-select-page--transparent select.lang-select-page__list:after, .listing__title--arrow:after, .listing--cta .listing__title:after, .site-menu .field--field-site-menu-links .listing__item .listing__title:after, .listing__read-more:after, .notification__content .notification__btn:after, .facet-tag--close .facet-tag__value:after, .facet-tag--close .facet-tag__value:hover:after {
  text-decoration: none;
  font-family: 'EuropaIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  margin-left: 4px;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media print {
  .hidden-print, .btn, .inpage-nav__navbar .inpage-nav__toggle, .form-control, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select, .breadcrumb, .feedback-message, .feedback-form__wrapper, .file, .footer, .help-block, .inpage-nav__wrapper, .lang-select-site, .lang-select-page, .icon.lang-select-page__icon, .lang-select-page__icon.search-form__btn, select.lang-select-page__list, .notification, .site-switcher, .search-form, .site-menu, .site-menu__toggle, .skip-link,
  #skip-link, .social-media-links {
    display: none !important; } }

/*
Other typography

Markup: html/typography.html

Styleguide text.typography
*/
.text-small, .icon--text-small {
  font-size: 0.778em; }

/*
Headings

Site headings. They also can be applied by adding a class with the name of
the heading tag

Markup: html/headings.html

.h1 - Heading 1
.h2 - Heading 2
.h3 - Heading 3
.h4 - Heading 4
.h5 - Heading 5
.h6 - Heading 6

Styleguide text.headings
*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .field .label-above, .listing__title, .h4, .h5, .h6 {
  padding: 0.5em 0;
  margin: 0; }

h1,
.h1 {
  font-size: 2.222em;
  font-weight: 600;
  color: #000; }

h2,
.h2 {
  font-size: 1.667em;
  font-weight: 600;
  color: #000; }

h3,
.h3,
.field .label-above,
.listing__title {
  font-size: 1.222em;
  font-weight: 600;
  color: #404040; }

h4,
.h4 {
  font-size: 1em;
  font-weight: 600;
  color: #404040; }

h5,
.h5 {
  font-size: 0.778em;
  color: #404040;
  text-transform: uppercase; }

h6,
.h6 {
  font-size: 0.778em;
  text-transform: uppercase;
  color: #404040; }

/*
Link

Markup: html/link.html

Styleguide text.link
*/
a:focus {
  outline: 3px solid #ffd617;
  outline-offset: 2px;
  text-decoration: underline; }

a:link {
  text-decoration: underline; }

a:hover, a:active, a:focus {
  text-decoration: underline;
  color: #404040; }

.site-switcher a,
.feedback-form a {
  z-index: 999;
  text-decoration: none; }
  .site-switcher a:focus,
  .feedback-form a:focus {
    outline: 3px solid #ffd617;
    outline-offset: 10px;
    text-decoration: underline; }

.listing a {
  text-decoration: none; }

a .feedback-form {
  outline-offset: 0; }

.listing--cta a:focus,
.site-switcher a:focus,
.node-featured-item a:focus {
  outline-offset: 0; }

.listing--frontpage a:focus {
  outline-offset: 10px; }
  .listing--frontpage a:focus .listing__title {
    text-decoration: underline;
    color: #404040; }

a.listing__item-link:focus .highlighted-item .highlighted-item__content {
  text-decoration: underline; }

.listing--cta a:focus {
  color: #ffffff; }

a.smaller,
.smaller a {
  font-size: 0.8em; }

a[href^="mailto"] {
  text-transform: lowercase; }

@media print {
  a:after {
    content: none !important; } }

.is-external, .site-political a[href^="http"]:not(.is-internal):not([href*="europa.eu"]), .site-information a[href^="http"]:not(.is-internal), .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .listing__title,
.site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .highlighted-item h3, .site-information .listing__item-link[href^="http"]:not(.is-internal) .listing__title,
.site-information .listing__item-link[href^="http"]:not(.is-internal) .highlighted-item h3 {
  position: relative; }
  .is-external:after, .site-political a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-information a[href^="http"]:not(.is-internal):after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .listing__title:after,
  .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .highlighted-item h3:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .listing__title:after,
  .site-information .listing__item-link[href^="http"]:not(.is-internal) .highlighted-item h3:after {
    font-size: 75%;
    margin-left: 0.4em;
    margin-right: 0.2em;
    text-decoration: underline; }

.site-political .page-content ul a[href^="http"]:not(.is-internal):not([href*="europa.eu"]).btn, .site-political .page-content ul .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]), .inpage-nav__navbar .site-political .page-content ul a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]), .site-political
.page-content p a[href^="http"]:not(.is-internal):not([href*="europa.eu"]).btn, .site-political
.page-content p .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]), .inpage-nav__navbar .site-political
.page-content p a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]) {
  padding-right: 2.1em; }

.site-information .page-content ul a[href^="http"]:not(.is-internal).btn, .site-information .page-content ul .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal), .inpage-nav__navbar .site-information .page-content ul a[href^="http"].inpage-nav__toggle:not(.is-internal), .site-information
.page-content p a[href^="http"]:not(.is-internal).btn, .site-information
.page-content p .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal), .inpage-nav__navbar .site-information
.page-content p a[href^="http"].inpage-nav__toggle:not(.is-internal) {
  padding-right: 2.1em; }

/*
Buttons

Custom bootstrap buttons styling

Markup: html/btn.html

.btn-default     - Button default
.btn-primary     - Button primary
.btn-secondary   - Button secondary
.btn-ctn         - Button call to action
.btn-ctn--border - Button call to action with border
.btn-menu        - Button menu

Styleguide buttons
*/
.btn, .inpage-nav__navbar .inpage-nav__toggle {
  margin-bottom: 1em;
  line-height: 1;
  border-radius: 0;
  border-width: 2px;
  font-weight: 600;
  padding: 0.75em 1em;
  min-height: 2.75em;
  font-size: 0.889em;
  text-decoration: none; }
  .btn:focus, .inpage-nav__navbar .inpage-nav__toggle:focus {
    outline: 3px solid #ffd617;
    outline-offset: -3px;
    text-decoration: underline; }
  .btn:link, .inpage-nav__navbar .inpage-nav__toggle:link {
    text-decoration: none; }
  .btn:hover, .inpage-nav__navbar .inpage-nav__toggle:hover, .btn:active, .inpage-nav__navbar .inpage-nav__toggle:active, .btn:focus, .inpage-nav__navbar .inpage-nav__toggle:focus {
    text-decoration: underline;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 999;
    position: relative; }
  .btn:after, .inpage-nav__navbar .inpage-nav__toggle:after {
    line-height: inherit;
    position: static; }
  .btn.btn-default, .btn.btn-collapse, .inpage-nav__navbar .btn-collapse.inpage-nav__toggle, .inpage-nav__navbar .btn-default.inpage-nav__toggle {
    border-color: #004494;
    color: #004494;
    background: none; }
    .btn.btn-default:hover, .btn.btn-collapse:hover, .inpage-nav__navbar .btn-collapse.inpage-nav__toggle:hover, .inpage-nav__navbar .btn-default.inpage-nav__toggle:hover, .btn.btn-default:focus, .btn.btn-collapse:focus, .inpage-nav__navbar .btn-collapse.inpage-nav__toggle:focus, .inpage-nav__navbar .btn-default.inpage-nav__toggle:focus {
      background: #004494;
      color: #fff; }
  .btn.btn-primary, .inpage-nav__navbar .btn-primary.inpage-nav__toggle {
    border-color: #004494; }
    .btn.btn-primary:hover, .inpage-nav__navbar .btn-primary.inpage-nav__toggle:hover, .btn.btn-primary:active, .inpage-nav__navbar .btn-primary.inpage-nav__toggle:active {
      background: #fff;
      color: #004494; }
    .btn.btn-primary:focus, .inpage-nav__navbar .btn-primary.inpage-nav__toggle:focus {
      color: #fff;
      background: #004494; }
  .btn.btn-secondary, .inpage-nav__navbar .btn-secondary.inpage-nav__toggle {
    border-color: #fff;
    background: #fff;
    color: #004494; }
  .btn.btn-ctn, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle, .btn.btn-time-line, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle {
    background: #ffd617;
    color: #000;
    white-space: normal;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.667; }
    .btn.btn-ctn:hover, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:hover, .btn.btn-time-line:hover, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle:hover, .btn.btn-ctn:active, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:active, .btn.btn-time-line:active, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle:active {
      border-color: #404040;
      background: #ffd617; }
    .btn.btn-ctn:focus, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:focus, .btn.btn-time-line:focus, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle:focus {
      border-color: #404040;
      outline-color: #404040; }
    .btn.btn-ctn:after, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:after, .btn.btn-time-line:after, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle:after {
      margin-left: 10px;
      font-size: 0.8em; }
  .btn.btn-menu, .inpage-nav__navbar .btn-menu.inpage-nav__toggle {
    border-color: #004494;
    background: #004494;
    color: #fff; }
    .btn.btn-menu:hover, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:hover, .btn.btn-menu:active, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:active, .btn.btn-menu:focus, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:focus {
      color: #fff; }
    .btn.btn-menu:active, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:active, .btn.btn-menu:focus, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:focus {
      outline: 3px solid #ffd617;
      outline-offset: -3px; }
    .btn.btn-menu:focus, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:focus {
      border-color: #ffd617;
      outline-color: #ffd617; }
    .btn.btn-menu:after, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:after {
      margin-left: 6px !important;
      font-size: 0.45em;
      top: -2px;
      position: relative;
      transition: all 0.3s ease 0s; }
    .btn.btn-menu.is-collapsed:after, .inpage-nav__navbar .btn-menu.is-collapsed.inpage-nav__toggle:after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

.btn-ctn--border {
  background: #ffd617;
  color: #000;
  border-color: #000; }
  .btn-ctn--border:hover, .btn-ctn--border:active {
    border-color: #000; }
  .btn-ctn--border:focus {
    border-color: #404040;
    outline-color: #404040; }
  .btn-ctn--border:after {
    display: none; }

.btn--no-margin-bottom {
  margin-bottom: 0 !important; }
  .btn--no-margin-bottom * {
    margin-bottom: 0 !important; }

/*
Button Condensed

Button condensed element

Markup: html/btn-condensed.html

Styleguide buttons.btn--condensed
*/
.btn.btn--condensed, .inpage-nav__navbar .btn--condensed.inpage-nav__toggle {
  width: auto;
  font-weight: normal; }

/*
Button block

Button block component

Markup: html/btn-block.html

Styleguide buttons.btn-block
*/
.btn-block {
  width: 100%;
  max-width: 450px;
  text-align: left;
  margin-bottom: -2px !important;
  white-space: normal;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1.667; }
  .btn-block:last-child {
    margin-bottom: 10px; }
  .btn-block + .btn-block {
    margin-top: 0; }

/*
Button Search

Button search component

Markup: html/btn-search.html

Styleguide buttons.btn-search
*/
.btn.btn-search, .inpage-nav__navbar .btn-search.inpage-nav__toggle {
  border-color: #fff;
  background: #e2e2e2;
  color: #004494; }
  .btn.btn-search:hover, .inpage-nav__navbar .btn-search.inpage-nav__toggle:hover {
    background: #e2e2e2;
    color: #404040; }

/*
Button Collapse

Button collapse element

Markup: html/btn-collapse.html

Styleguide buttons.btn-
*/
.btn-collapse span.toggling-text::after {
  content: "\00a0"; }

.btn-collapse:hover span.toggling-text,
.btn-collapse:hover span.toggling-text::after, .btn-collapse:focus span.toggling-text,
.btn-collapse:focus span.toggling-text::after {
  text-decoration: underline; }

.btn-collapse .icon, .btn-collapse .search-form__btn {
  margin-left: 0.3em; }
  .btn-collapse .icon::before, .btn-collapse .search-form__btn::before {
    vertical-align: bottom; }

.btn-collapse:hover:not(:focus) .icon::before, .btn-collapse:hover:not(:focus) .search-form__btn::before {
  color: #fff; }

.btn-collapse.collapsed:span.icon, .btn-collapse.collapsed.search-form__btn:span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.no-js .btn-collapse {
  display: none;
  visibility: hidden; }

.site-political a.btn[href^="http"]:not(.is-internal):not([href*="europa.eu"]), .site-political .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]), .inpage-nav__navbar .site-political a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]) {
  padding-right: 2.2em; }
  .site-political a.btn[href^="http"]:not(.is-internal):not([href*="europa.eu"]):after, .site-political .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]):after, .inpage-nav__navbar .site-political a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]):after {
    position: absolute;
    line-height: 1.4 !important;
    margin-left: 0.5em; }
  .site-political a.btn[href^="http"]:not(.is-internal):not([href*="europa.eu"]).btn-block, .site-political .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]).btn-block, .inpage-nav__navbar .site-political a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]).btn-block {
    padding-right: 1em; }
    .site-political a.btn[href^="http"]:not(.is-internal):not([href*="europa.eu"]).btn-block:after, .site-political .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]).btn-block:after, .inpage-nav__navbar .site-political a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]).btn-block:after {
      position: static;
      line-height: inherit; }
  .site-political a.btn[href^="http"]:not(.is-internal):not([href*="europa.eu"]).btn-ctn:after, .site-political .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]).btn-ctn:after, .inpage-nav__navbar .site-political a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]).btn-ctn:after, .site-political a.btn[href^="http"].btn-time-line:not(.is-internal):not([href*="europa.eu"]):after, .site-political .inpage-nav__navbar a[href^="http"].btn-time-line.inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]):after, .inpage-nav__navbar .site-political a[href^="http"].btn-time-line.inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]):after {
    position: absolute;
    line-height: 2.0 !important; }
  .site-political a.btn[href^="http"]:not(.is-internal):not([href*="europa.eu"]).btn-menu:after, .site-political .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]).btn-menu:after, .inpage-nav__navbar .site-political a[href^="http"].inpage-nav__toggle:not(.is-internal):not([href*="europa.eu"]).btn-menu:after {
    position: absolute;
    line-height: 3.5 !important; }

.site-information a.btn[href^="http"]:not(.is-internal), .site-information .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal), .inpage-nav__navbar .site-information a[href^="http"].inpage-nav__toggle:not(.is-internal) {
  padding-right: 2.2em; }
  .site-information a.btn[href^="http"]:not(.is-internal):after, .site-information .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal):after, .inpage-nav__navbar .site-information a[href^="http"].inpage-nav__toggle:not(.is-internal):after {
    position: absolute;
    line-height: 1.4 !important;
    margin-left: 0.5em; }
  .site-information a.btn[href^="http"]:not(.is-internal).btn-block, .site-information .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal).btn-block, .inpage-nav__navbar .site-information a[href^="http"].inpage-nav__toggle:not(.is-internal).btn-block {
    padding-right: 1em; }
    .site-information a.btn[href^="http"]:not(.is-internal).btn-block:after, .site-information .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal).btn-block:after, .inpage-nav__navbar .site-information a[href^="http"].inpage-nav__toggle:not(.is-internal).btn-block:after {
      position: static;
      line-height: inherit; }
  .site-information a.btn[href^="http"]:not(.is-internal).btn-ctn:after, .site-information .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal).btn-ctn:after, .inpage-nav__navbar .site-information a[href^="http"].inpage-nav__toggle:not(.is-internal).btn-ctn:after, .site-information a.btn[href^="http"].btn-time-line:not(.is-internal):after, .site-information .inpage-nav__navbar a[href^="http"].btn-time-line.inpage-nav__toggle:not(.is-internal):after, .inpage-nav__navbar .site-information a[href^="http"].btn-time-line.inpage-nav__toggle:not(.is-internal):after {
    position: absolute;
    line-height: 2.0 !important; }
  .site-information a.btn[href^="http"]:not(.is-internal).btn-menu:after, .site-information .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal).btn-menu:after, .inpage-nav__navbar .site-information a[href^="http"].inpage-nav__toggle:not(.is-internal).btn-menu:after {
    position: absolute;
    line-height: 3.5 !important; }

/*
Paragraphs

Markup: html/paragraphs.html

.paragraph--intro - Intro
.paragraph--small - Small body text

Styleguide text.paragraphs
*/
.paragraph, p, .file__metadata {
  margin-bottom: 0.8em;
  max-width: 32em; }

.paragraph--width-auto {
  width: auto; }

.paragraph--intro {
  font-size: 1.222em; }

.paragraph--small {
  font-size: 0.889em; }

/*
Form

Styleguide form
*/
.form-control, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  color: #404040;
  background-color: #ffffff;
  border: 1px solid #404040;
  border-radius: 0;
  margin-bottom: 1.1em;
  min-height: 2.75em;
  font-size: 0.889em;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .form-control.has-error, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.has-error {
    border-width: 2px;
    padding: 5px 11px; }
  .form-control:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus, .form-control.is-focused, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.is-focused,
  .has-error .form-control:focus,
  .has-error .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-title
  .has-error select:focus {
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .form-control:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
    outline: 3px solid #ffd617;
    outline-offset: 0px;
    text-decoration: none; }
  .form-control.is-disabled, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.is-disabled {
    color: #b3b4b5;
    background-color: #e2e2e2; }
  .form-control.select, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.select {
    border-width: 1px; }

/*
Icon

Icons using europa icons font

Markup: html/icon.html

.icon--external - External link icon
.icon--arrow-up - Arrow up icon
.icon--arrow-down - Arrow down icon
.icon--feedback - Feedback icon
.icon--spinner - Spinner icon
.icon--search - Search icon
.icon--language - Language icon
.icon--facebook - Facebook icon
.icon--twitter - Twitter icon
.icon--googleplus - G+ icon
.icon--linkedin - Linkedin icon
.icon--rss - RSS icon
.icon--up - Up icon
.icon--right - Right icon
.icon--down - Down icon
.icon--left - Left icon
.icon--file - File icon
.icon--audio - Audio icon
.icon--brochure - Brochure icon
.icon--edit - Edit icon
.icon--image - Image icon
.icon--download - Download icon
.icon--infographic - Infographic icon
.icon--multiple-files - Multiple files icon
.icon--organigram - Organigram icon
.icon--package - Package icon
.icon--slides - Slides icon
.icon--video - Video icon
.icon--error - Error icon
.icon--success - Success icon
.icon--warning - Warning icon
.icon--check - Check icon
.icon--generic-lang - Generic language icon
.icon--budget - Budget
.icon--digital - digital
.icon--energy - energy
.icon--euro - euro
.icon--global - global
.icon--growth - growth
.icon--regulation - regulation
.icon--tag-close - tag close
.icon--tag-close-hover - tag close with hover state
.icon--calendar - Calendar icon
.icon--location - Location icon
.icon--livestreaming - Live streaming icon

Styleguide: icon
*/
@font-face {
  font-family: 'EuropaIcons';
  src: url("../fonts/europa-icons/europa-icons.eot");
  src: url("../fonts/europa-icons/europa-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/europa-icons/europa-icons.woff") format("woff"), url("../fonts/europa-icons/europa-icons.ttf") format("truetype"), url("../fonts/europa-icons/icomoon.svg#icomoon") format("svg"); }

.icon:before, .search-form__btn:before {
  text-decoration: none;
  display: inline-block;
  font-family: 'EuropaIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  margin-right: 4px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--external, .is-external:after, .site-political a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-information a[href^="http"]:not(.is-internal):after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .listing__title:after,
.site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .highlighted-item h3:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .listing__title:after,
.site-information .listing__item-link[href^="http"]:not(.is-internal) .highlighted-item h3:after, .icon--external:before {
  content: '\e825' !important; }

.icon--blue-dark, .file__translations .file__translations-control:after {
  color: #004494; }

.icon--arrow-up, .icon--arrow-up:before {
  content: '\e821'; }

.icon--arrow-down, .btn.btn-menu:after, .inpage-nav__navbar .btn-menu.inpage-nav__toggle:after, .icon--arrow-down:before, .lang-select-page--transparent select.lang-select-page__list:after {
  content: '\e822'; }

.icon--spinner:before {
  content: '\e805'; }

.icon--facebook:before {
  content: '\e809'; }

.icon--livestreaming:before {
  content: "\e81c"; }

.icon--location:before {
  content: "\e81b"; }

.icon--twitter:before {
  content: '\e817'; }

.icon--googleplus:before {
  content: '\e80c'; }

.icon--linkedin:before {
  content: '\e810'; }

.icon--rss:before {
  content: '\e813'; }

.icon--language:before {
  content: '\e824'; }

.icon--search:before, .search-form__btn:before {
  content: '\e823'; }

.icon--up:before {
  content: '\e827'; }

.icon--right, .btn.btn-ctn:after, .inpage-nav__navbar .btn-ctn.inpage-nav__toggle:after, .btn.btn-time-line:after, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle:after, .icon--right:before, .listing__title--arrow:after, .listing--cta .listing__title:after, .site-menu .field--field-site-menu-links .listing__item .listing__title:after, .listing__read-more:after, .notification__content .notification__btn:after {
  content: '\e828'; }

.icon--breadcrumb, .breadcrumb__link-arrow, a.breadcrumb__link:after, .no-js .breadcrumb__segment--first:before, .breadcrumb--collapsible .breadcrumb__btn-separator:after {
  content: '\e828' !important; }

.icon--down, .file__translations .file__translations-control:after {
  content: '\e81F'; }
  .icon--down:before {
    content: '\e81F'; }

.icon--left:before {
  content: '\e826'; }

.icon--file:before {
  content: '\e80a'; }

.icon--audio:before {
  content: '\e801'; }

.icon--brochure:before {
  content: '\e802'; }

.icon--edit:before {
  content: '\e807'; }

.icon--image:before {
  content: '\e80d'; }

.icon--download, .icon--download:before, .file__btn:after {
  content: '\e806' !important; }

.icon--infographic:before {
  content: '\e80f'; }

.icon--multiple-files:before {
  content: '\e820'; }

.icon--organigram:before {
  content: '\e811'; }

.icon--package:before {
  content: '\e812'; }

.icon--slides:before {
  content: '\e814'; }

.icon--video:before {
  content: '\e800'; }

.icon--error:before {
  content: '\e82F'; }

.icon--success:before {
  content: '\e816'; }

.icon--warning:before {
  content: '\e804'; }

.icon--budget:before {
  content: '\e81a'; }

.icon--digital:before {
  content: '\e80b'; }

.icon--energy:before {
  content: '\e818'; }

.icon--euro:before {
  content: '\e803'; }

.icon--global:before {
  content: '\e829'; }

.icon--growth:before {
  content: '\e82a'; }

.icon--regulation:before {
  content: '\e82b'; }

.icon--feedback:before {
  content: '\e82e'; }

.icon--check, .icon--check:before {
  content: '\e816'; }

.icon--generic-lang, .icon--generic-lang:before {
  content: '\e81e'; }

.icon--tag-close, .icon--tag-close:before, .facet-tag--close .facet-tag__value:after {
  content: '\e82c'; }

.icon--tag-close-hover, .icon--tag-close-hover:before, .facet-tag--close .facet-tag__value:hover:after {
  content: '\e82d'; }

.icon--calendar:before {
  content: '\e81d'; }

.icon--yellowbg {
  background-color: #ffd617;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  display: inline-block; }
  .icon--yellowbg:before {
    margin-right: 0;
    line-height: inherit; }

.icon--margin-right {
  margin-right: 1.5em; }

.is-spinning:before {
  -webkit-animation: icon-spin-right 2s infinite linear;
  -o-animation: icon-spin-right 2s infinite linear;
  animation: icon-spin-right 2s infinite linear; }

@-webkit-keyframes icon-spin-right {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes icon-spin-right {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

/*
Banner

The banner itself is not a standalone component, the banner subcomponents should
always be used.

Styleguide banner
*/
/*
Quote Banner

Markup: html/banner-quote.html

Styleguide banner.quote
*/
/*
Video Banner

Markup: html/banner-video.html

Styleguide banner.video
*/
.banner--quote {
  border-left: 0.556em solid #ffd617;
  padding-left: 0.556em;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .banner--quote {
      float: left;
      width: 66.6666666667%; } }
  .banner--quote blockquote {
    padding-left: 0;
    border-left: none;
    margin-bottom: 0;
    max-width: none; }

.banner__author {
  font-size: 0.778em;
  font-weight: 600;
  padding-bottom: 0.6em; }
  .banner__author:before {
    content: ' - '; }

.banner__video .file {
  padding: 0;
  margin-bottom: 0;
  max-width: 100%; }

.banner__video .content {
  padding-bottom: 56.25%;
  width: 100%;
  position: relative; }
  .banner__video .content iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.banner__caption {
  background: #ececec;
  font-size: 0.778em;
  padding: 0.500em 1em;
  width: 100%;
  max-width: 100%; }

.banner__paragraph {
  margin-top: 1em;
  font-size: 0.889em; }

@media (min-width: 992px) {
  .banner__paragraph {
    margin-top: 0; } }

.block--full-width {
  margin-left: -15px;
  margin-right: -15px; }

@media (min-width: 1200px) {
  .block--full-width {
    margin: 0 -999em;
    padding: 0 999em; } }

@media (max-width: 500px) {
  .block--full-width {
    margin: 0; } }

/*
Breadcrumb

Markup: html/breadcrumb.html

Styleguide breadcrumb
*/
.breadcrumb {
  border-bottom: 1px solid #fff;
  background: none;
  padding: 0;
  margin: 0;
  font-size: 0.833em;
  font-weight: 600;
  position: relative;
  border-radius: 0;
  line-height: normal; }
  .breadcrumb ol,
  .breadcrumb ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: none; }

.breadcrumb__segment {
  display: none;
  position: relative;
  margin: 1em 0 0.8em;
  width: 100%; }

a.breadcrumb__link {
  display: inline-block;
  font-weight: bold;
  margin-right: 8px;
  max-width: 100%;
  color: #fff;
  text-decoration: none; }
  a.breadcrumb__link:after {
    vertical-align: middle;
    position: relative;
    top: 1px; }
  a.breadcrumb__link:hover, a.breadcrumb__link:active, a.breadcrumb__link:focus {
    color: #fff; }
    a.breadcrumb__link:hover .breadcrumb__text, a.breadcrumb__link:active .breadcrumb__text, a.breadcrumb__link:focus .breadcrumb__text {
      text-decoration: underline; }

.breadcrumb__link-arrow, a.breadcrumb__link:after, .no-js .breadcrumb__segment--first:before, .breadcrumb--collapsible .breadcrumb__btn-separator:after {
  color: #fff;
  line-height: inherit !important;
  margin-left: 8px !important;
  font-weight: normal;
  font-size: 0.778em;
  width: 11px; }

.breadcrumb__segment--last,
.breadcrumb__segment--first {
  display: inline-block; }

.no-js .breadcrumb__segment--first {
  padding-right: 25px; }
  .no-js .breadcrumb__segment--first:after {
    content: '...';
    display: inline-block;
    position: relative;
    top: -4px; }
  .no-js .breadcrumb__segment--first:before {
    position: absolute;
    right: 7px;
    top: 16%; }

@media (min-width: 480px) {
  .breadcrumb__link {
    width: auto; }
    .breadcrumb__link:after {
      position: static;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  .breadcrumb__segment {
    display: inline-block;
    width: auto; }
  .breadcrumb__segment--first {
    padding-right: 0; }
    .breadcrumb__segment--first:after, .breadcrumb__segment--first:before {
      display: none !important; } }

@media (min-width: 992px) {
  .breadcrumb {
    margin: 0; } }

/*
Breadcrumb collapsible

Markup: html/breadcrumb--collapsible.html

Styleguide breadcrumb.collapsible
*/
.breadcrumb--collapsible .breadcrumb__btn-separator {
  background: #023066;
  line-height: 2.778em;
  display: inline-block;
  padding: 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
  color: #fff; }
  .breadcrumb--collapsible .breadcrumb__btn-separator:hover, .breadcrumb--collapsible .breadcrumb__btn-separator:active, .breadcrumb--collapsible .breadcrumb__btn-separator:focus {
    background: #fff;
    color: #004494; }
    .breadcrumb--collapsible .breadcrumb__btn-separator:hover:after, .breadcrumb--collapsible .breadcrumb__btn-separator:active:after, .breadcrumb--collapsible .breadcrumb__btn-separator:focus:after {
      color: #004494; }

.breadcrumb--collapsible .breadcrumb__link span {
  vertical-align: middle; }

.breadcrumb--collapsible .breadcrumb__text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.breadcrumb--collapsible .breadcrumb__segment--first {
  padding-right: 0; }
  .breadcrumb--collapsible .breadcrumb__segment--first:before, .breadcrumb--collapsible .breadcrumb__segment--first:after {
    display: none; }

.breadcrumb--collapsible .breadcrumb__segment--last {
  padding-left: 60px; }

.breadcrumb--collapsible .breadcrumb__segment:first-child:nth-last-child(2),
.breadcrumb--collapsible .breadcrumb__segment:first-child:nth-last-child(2) ~ .breadcrumb__segment {
  padding-left: 0; }

.breadcrumb--collapsible.is-open .breadcrumb__link {
  display: block; }

.breadcrumb--collapsible.is-open .breadcrumb__text {
  white-space: normal;
  overflow: visible;
  max-width: none; }

.breadcrumb--collapsible.is-open .breadcrumb__segment {
  display: block; }

.breadcrumb--collapsible.is-open .breadcrumb__segment--last {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding-left: 0; }

@media (min-width: 480px) {
  .breadcrumb--collapsible .breadcrumb__segment.is-hidden {
    display: none; }
  .breadcrumb--collapsible .breadcrumb__segment.breadcrumb__segment--next-hidden {
    padding-right: 25px; }
    .breadcrumb--collapsible .breadcrumb__segment.breadcrumb__segment--next-hidden:after {
      content: '...';
      display: inline-block !important;
      position: relative;
      top: -4px;
      color: #ffffff; }
    .breadcrumb--collapsible .breadcrumb__segment.breadcrumb__segment--next-hidden:before {
      display: inline-block !important;
      position: absolute;
      right: 7px;
      top: 30%; }
  .breadcrumb--collapsible .breadcrumb__btn-separator {
    display: none; }
  .breadcrumb--collapsible .breadcrumb__segment--first {
    width: auto; }
  .breadcrumb--collapsible .breadcrumb__segment--last {
    padding-left: 0; } }

/*
Comment

Markup: html/comment.html

Styleguide comment
*/
.comment__form-wrapper {
  padding-left: 0;
  padding-right: 0; }

.comments__count {
  padding: 1.389em 0.556em; }

.comment__image {
  display: none; }
  .comment__image img {
    border: 1px solid #ffd617;
    padding: 1px;
    max-width: 6.944em; }

.comment__meta {
  color: #575757;
  font-size: 0.889em;
  padding-bottom: 0.833em;
  text-transform: uppercase; }
  .comment__meta a {
    color: #575757; }

.comment__body {
  background: #fff;
  font-size: 0.889em;
  padding: 1.111em 1.389em;
  position: relative; }

.comment__title {
  color: #404040;
  border-top: 1px solid #ffd617;
  display: block;
  font-weight: bold;
  font-size: 1em;
  padding: 0.833em 0; }
  .comment__title:focus {
    outline-offset: 0; }

.comment__author {
  display: inline-block;
  margin-right: 0.556em; }

.comment__date {
  display: inline-block;
  margin-left: 0 0.556em; }

.comment__btn-add-wrap {
  padding-left: 0; }

.comment__btn-add {
  margin-top: 0.833em; }

.comment {
  margin-bottom: 1em; }
  .comment .list-inline {
    padding-left: 0; }
    .comment .list-inline li {
      padding-left: 0; }

@media (min-width: 992px) {
  .comment__image {
    width: 16.6667%;
    float: left;
    display: block; }
  .comment__body {
    width: 50%;
    float: left; }
    .comment__body:before {
      right: 100%;
      top: 15%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-right-color: #fff;
      border-width: 0.556em;
      margin-top: -0.556em; } }

/*
Comments

Styleguide comments
*/
/*
Comments counter

Markup: html/comments-counter.html

Styleguide comments.counter
*/
.comments-counter {
  background: url("../images/svg/comments.svg") no-repeat center left;
  background-size: 0.889em;
  margin-top: 0.556em;
  padding-left: 1.389em;
  font-size: 0.778em;
  color: #004494;
  display: block; }

/*
Contextual navigation

Markup: html/context-nav.html

Styleguide contextnav
*/
.context-nav {
  font-size: 0.778em; }
  .context-nav__expander {
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #004494; }
    .context-nav__expander:hover {
      text-decoration: underline; }
  .context-nav__more-button {
    text-decoration: underline; }
    .context-nav__more-button .icon, .context-nav__more-button .search-form__btn {
      padding-left: 2px;
      top: 3px;
      position: relative; }
  .context-nav__hidden {
    display: none; }

.context-nav__label {
  display: block;
  clear: both; }

.context-nav__items {
  display: block;
  margin-bottom: 0.556em; }
  .context-nav__items:last-child {
    margin-bottom: 0; }

.context-nav__item {
  display: inline-block; }
  .context-nav__item:after {
    content: " |";
    color: #b3b4b5;
    margin-right: 4px; }
  .context-nav__item:last-child:after {
    display: none;
    margin-right: 0; }
  .context-nav__item a:link {
    text-decoration: none; }
  .context-nav__item a:focus {
    outline: 3px solid #ffd617;
    outline-offset: 2px;
    text-decoration: underline; }
  .context-nav__item a:hover {
    text-decoration: underline; }

@media (min-width: 992px) {
  .context-nav__items {
    margin-bottom: 0; } }

.context-nav__item .view-mode-name {
  display: inline-block; }

.context-nav__item > * {
  display: inline; }

/*
Date Block

Date components

Markup: html/date-block.html

Styleguide date-block
*/
.date-block {
  background: #f2f2f2;
  border-bottom: 0.222em solid #FED437;
  width: 5.556em;
  margin-right: 0.75em;
  padding: 0.7em;
  text-align: center;
  position: relative; }
  .date-block:after {
    content: " ";
    position: absolute;
    top: -0.667em;
    right: -0.200em;
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-right: 1em solid #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }

.date-block__element, .date-block__day-text, .date-block__day, .date-block__month {
  display: block; }

.date-block__day-text {
  font-size: 0.889em;
  line-height: 1; }

.date-block__day {
  font-size: 1.667em;
  font-weight: 600;
  line-height: 1.2; }

.date-block__month {
  font-size: 0.889em;
  line-height: 1; }

/*
Datepicker

This example is based on jQuery Datepicker widget. It requires both jQuery and jQuery UI libraries.<br/>
Also, it assumes that the default CSS styles from jQuery UI are included as well.<br/>
The CSS applied from styleguide is an override over the default CSS of jQuery UI.<br/>

Markup: html/datepicker.html

Styleguide datepicker
*/
#ui-datepicker-div {
  border: none;
  width: 100%; }

.ui-datepicker {
  border: none;
  border-radius: 0;
  font-family: Arial, sans-serif;
  padding: 0; }
  .ui-datepicker .ui-datepicker-header {
    background: #393939;
    border: none;
    border-radius: 0;
    padding: 0 !important;
    height: 50px;
    line-height: 50px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      display: block;
      height: 100%;
      width: 50px;
      top: 0;
      background: none;
      border: none; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
        cursor: pointer; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        background: url("../images/svg/arrow.svg") center center no-repeat;
        background-size: 7px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      left: 0; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      right: 0; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      margin: 0 50px;
      height: 100%;
      font-size: 0.889em; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title span,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
        color: #fff; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
        font-weight: normal;
        font-size: 0.8em; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
        background: #4f4f4f;
        color: #fff;
        border: none;
        height: 100%;
        width: 49% !important;
        margin: 0;
        display: inline-block;
        float: none;
        padding-right: 0;
        padding-left: 0.750em;
        position: relative; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
          outline: 3px solid #ffd617;
          outline-offset: -3px;
          text-decoration: none; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:first-child {
          border-right: 2px solid #686868; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
          z-index: 1; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:active, .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
          color: #fff; }
  .ui-datepicker table.ui-datepicker-calendar {
    background: #eaeaea;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent; }
    .ui-datepicker table.ui-datepicker-calendar th {
      font-size: 16px;
      font-weight: normal;
      background: none; }
  .ui-datepicker .ui-state-default {
    border: none;
    background: #fff;
    color: #404040;
    text-align: center;
    margin: 1px;
    padding: 5px 10px; }
  .ui-datepicker .ui-state-active {
    border: 2px solid #0b64b2;
    padding: 3px 10px; }
  .ui-datepicker .ui-state-highlight {
    background: #fed500;
    color: #000; }

.no-svg .ui-datepicker-prev .ui-icon {
  background-image: url("../images/png/arrow-left.png"); }

.no-svg .ui-datepicker-next .ui-icon {
  background-image: url("../images/png/arrow.png"); }

.date-picker {
  position: relative; }
  .date-picker .icon, .date-picker .search-form__btn {
    position: absolute;
    top: .5em;
    right: .5em;
    pointer-events: none;
    color: #b3b4b5; }

@media (min-width: 480px) {
  #ui-datepicker-div {
    width: auto; }
  .ui-datepicker table.ui-datepicker-calendar {
    width: auto !important; } }

@media (max-width: 479px) {
  #ui-datepicker-div {
    left: 0 !important; } }

/*
Expandable

Markup: html/expandable.html

Styleguide expandable
*/
.expandable__content {
  float: left;
  width: 100%;
  background-color: #f2f2f2; }
  @media (min-width: 480px) {
    .expandable__content > p {
      margin: 0.8em 0.8em 0.8em 3.2em;
      font-size: 0.889em; } }

.expandable__toggle {
  float: left;
  width: 100%;
  background: #ffd617; }
  .expandable__toggle.collapsed {
    background: none; }
  .expandable__toggle .icon, .expandable__toggle .search-form__btn {
    margin-right: 0.833em; }
  .expandable__toggle h3 {
    font-size: 1.222em; }
  .expandable__toggle:link {
    text-decoration: none; }
  .expandable__toggle:hover, .expandable__toggle:focus {
    background: #ffd617;
    outline: none;
    text-decoration: underline; }

.facetapi-facetapi-checkbox-links {
  list-style: none; }
  .facetapi-facetapi-checkbox-links input.facetapi-checkbox {
    margin-right: .5em; }
  .facetapi-facetapi-checkbox-links a.facetapi-checkbox {
    text-decoration: none; }

/*
Featured item

Markup: html/featured-item.html

Styleguide featureditem
*/
.featured-item {
  background-color: #ececec;
  padding: 15px 0px;
  border-left: 0.556em solid #ffd617;
  width: 100%;
  float: left;
  margin-bottom: 1.667em; }

.featured-item__image picture img {
  width: 100%; }

.featured-item__content p {
  font-size: 0.889em; }

.featured-item__content h3 a {
  color: #404040; }

/*
Feedback message

Markup: html/feedback-message.html

Styleguide form.feedback-message
*/
.feedback-message {
  border: none !important;
  max-width: none; }
  .feedback-message.is-disabled {
    color: #b3b4b5; }
  .feedback-message.is-error {
    background: #f2f2f2 url("../images/svg/messages-error.svg") 1em 1.1em no-repeat;
    background-size: 2em; }

.no-svg .feedback-message.is-error {
  background-image: url("../images/png/messages-error.png"); }

.feedback-form {
  margin: 0; }

.feedback-form__wrapper {
  border-top: 1px solid #004494;
  background: #fff; }
  .feedback-form__wrapper:hover, .feedback-form__wrapper:active, .feedback-form__wrapper:focus, .feedback-form__wrapper.is-open {
    background: #f2f2f2; }

a.feedback-form__trigger {
  text-decoration: none;
  color: #004494;
  display: inline-block;
  font-size: 0.889em;
  padding: 0.5em 0;
  margin-left: 1em; }
  a.feedback-form__trigger:focus {
    outline-offset: 0; }
  a.feedback-form__trigger:active {
    outline: none; }

.feedback-form__content {
  margin: 0.8em 0 2em; }

.feedback-form__text {
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-left: 2.500em; }

.feedback-form__btn {
  width: 12em;
  margin-left: 2.500em; }
  .feedback-form__btn .icon, .feedback-form__btn .search-form__btn {
    font-size: 0.778em; }

#feedback-form__accordion {
  margin-bottom: 1em;
  border: 1px solid #575757; }
  #feedback-form__accordion .panel {
    border-top: 1px solid #575757;
    padding: 10px;
    line-height: 1; }
    #feedback-form__accordion .panel:first-child {
      border-top: none; }
    #feedback-form__accordion .panel .panel-title {
      background: url("../images/svg/checkbox-checked--blue.svg") no-repeat;
      line-height: 23px;
      padding-left: 28px;
      color: #004494;
      text-decoration: none;
      font-weight: bold;
      display: block;
      text-decoration: none;
      font-size: 0.889em; }
      #feedback-form__accordion .panel .panel-title:focus {
        background: url("../images/svg/checkbox-highlighted.svg") no-repeat;
        outline: none; }
      #feedback-form__accordion .panel .panel-title.collapsed {
        background: url("../images/svg/checkbox-unchecked--grey.svg") no-repeat;
        color: #404040;
        font-weight: 400; }
        #feedback-form__accordion .panel .panel-title.collapsed:focus {
          background: url("../images/svg/checkbox-highlighted.svg") no-repeat;
          outline: none; }
      #feedback-form__accordion .panel .panel-title::-moz-focus-inner, #feedback-form__accordion .panel .panel-title:focus {
        border: 0;
        outline: none; }
    #feedback-form__accordion .panel .panel-body {
      padding: 0 1.563em; }
      #feedback-form__accordion .panel .panel-body .form-group {
        margin-top: 2.5em; }
  #feedback-form__accordion .panel-heading {
    float: left;
    width: auto;
    margin-bottom: 0;
    padding-left: 1.563em;
    font-size: inherit;
    border: none; }

@media (min-width: 768px) {
  .feedback-form__text {
    float: left;
    width: 10.111em;
    padding-top: 8px; }
  .feedback-form__btn {
    margin-left: 12.055em;
    font-size: 1em; }
  #feedback-form__accordion {
    overflow: hidden; }
    #feedback-form__accordion .panel-heading {
      padding-left: 0; } }

@media (min-width: 1200px) {
  a.feedback-form__trigger {
    margin-left: 0; } }

.no-svg #feedback-form__accordion .panel .panel-title {
  background: url("../images/png/checkbox.png") no-repeat; }
  .no-svg #feedback-form__accordion .panel .panel-title.collapsed {
    background-position: 0 -21px; }

/*
Field

Drupal note:
Field styling appearing in this styleguide is only valid for Default drupal field settings

Markup: html/field.html

.field--labeled - Field component with a label

Styleguide field
*/
.field .sections .container {
  padding: 0; }

.field__label {
  font-size: 0.778em;
  line-height: 2em;
  font-weight: 600; }
  .field__label a:focus {
    outline-offset: 2px; }

.field--labeled {
  margin-bottom: 0.556em; }
  .field--labeled:last-child {
    margin-bottom: 0; }
  .field--labeled .field__label,
  .field--labeled .field__items {
    display: block; }
  .field--labeled a:focus {
    outline-offset: 2px; }

.field--labeled-align a:focus {
  outline-offset: 2px; }

.field--full-width {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px; }
  .field--full-width > * {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0; }

@media (min-width: 480px) {
  .field--labeled .field__label,
  .field--labeled .field__items {
    display: inline-block;
    vertical-align: top; }
  .field--labeled .field__label {
    width: 32.3%; }
  .field--labeled .field__items {
    width: 66.6%; } }

@media (min-width: 768px) {
  .field--labeled .field__label {
    width: 24%; }
  .field--labeled .field__items {
    width: 75%; } }

@media (min-width: 1200px) {
  .field--full-width {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }
  .col-lg-3 + .col-lg-9 .field--full-width {
    left: -25%;
    width: 125%; } }

/*
Field labeled align

Labeled align modifier should be used for aligning fields that do not have a label
with fields that do have a label.

Markup: html/field--labeled-align.html

Styleguide field.labeled-align
*/
@media (min-width: 768px) {
  .field--labeled-align .field__items {
    width: 75%;
    margin-left: 25%;
    display: inline-block; } }

/*
File

File component used to show info about the file that can be downloaded
by clicking on the component.

Styleguide file
*/
/*
File full width

Full width download box version (deprecated)

Markup: html/file.html

Styleguide file.1
*/
/*
File download with translations

File component to download PDF files in various languages.

Markup: html/file-translations.html

Styleguide file.2
*/
.file {
  margin: 0 0 0.944em 0;
  background: #ececec;
  padding: 1.333em; }

.file-video {
  background: none;
  padding: 1em 0; }

.file-video--withbackground {
  background: #ececec; }

.file__icon {
  float: left;
  padding: 0;
  margin-right: 0.1em;
  margin-left: -0.315em;
  height: 2.556em;
  text-align: center; }
  .file__icon:before {
    color: #b3b4b5;
    font-size: 2.556em; }

.file__metadata {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  line-height: 1; }

.file__title {
  font-weight: bold;
  line-height: initial; }

.file__caption {
  font-size: 0.778em;
  padding: 0.5em; }

.file__language {
  font-weight: bold;
  font-size: 0.889em;
  display: block;
  line-height: initial;
  margin-top: 0.556em; }

.file__info {
  margin-top: 0.778em;
  font-size: 0.778em;
  line-height: initial; }

.file__contentlanguage {
  font-weight: bold; }

.file__btn {
  margin-bottom: 0;
  margin-top: 0.778em; }

.file--widebar {
  max-width: 100%;
  width: 100%; }

.file--condensed {
  padding: 0em; }

.file--bare {
  margin: 0;
  padding: 0.722em 0;
  background: none; }
  .file--bare .file__btn {
    border: none; }
    .file--bare .file__btn:hover {
      color: #404040; }
  .file--bare .file__icon {
    display: none; }

.file__translations {
  margin-bottom: 1em;
  padding: 0 1.450em;
  font-size: 0.889em;
  text-align: right; }
  .file__translations .file__translations-control {
    margin-top: 0.444em;
    font-size: 1em;
    text-decoration: none; }
    .file__translations .file__translations-control:active, .file__translations .file__translations-control:hover, .file__translations .file__translations-control:focus {
      color: #000;
      text-decoration: underline; }
      .file__translations .file__translations-control:active:after, .file__translations .file__translations-control:hover:after, .file__translations .file__translations-control:focus:after {
        color: #000; }
    .file__translations .file__translations-control:after {
      margin-left: 0.525em !important;
      position: relative;
      transition: all 0.3s ease 0s; }
    .file__translations .file__translations-control.is-collapsed:after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .file__translations .file__translations-list {
    list-style: none;
    margin: 0.944em 0 0 0;
    padding: 0;
    text-align: left; }
    .file__translations .file__translations-list .btn--condensed {
      margin-right: -1em; }
    @media (max-width: 768px) {
      .file__translations .file__translations-list .btn--condensed {
        margin-left: -1em;
        margin-right: 0; } }
  .file__translations .file__translations-item, .file__translations .file__translations-details {
    border-top: 1px solid #b3b4b5; }
    .file__translations .file__translations-item:last-child, .file__translations .file__translations-details:last-child {
      border-bottom: 1px solid #b3b4b5; }
  .file__translations .file__translations-details {
    font-size: 0.889em;
    padding-top: 0.5em; }

@media (min-width: 768px) {
  .file__icon {
    width: auto;
    padding: 0; }
  .file__translations {
    padding-left: 4.475em; }
  .file__metadata,
  .file__btn {
    overflow: hidden; }
  .file__metadata {
    float: left; }
  .file__btn {
    float: right;
    margin-top: 0; } }

/*
Filters

Filter components on content filtering pages.

Styleguide filters
*/
/*
Filters

Filters implementation
Drupal implementation guidelines can be found [PLACEHOLDER FOR GUIDELINES ON IMPLEMENTATION]

Styleguide filters.filters
*/
.filters {
  background: #ececec;
  margin-left: -15px;
  margin-right: -15px; }

.filters__wrapper {
  padding: 15px; }

.no-js .filters {
  padding: 15px; }

.filters__filter {
  width: 100%;
  clear: both; }

.filters__title {
  margin-bottom: 20px; }

.filters__btn-submit {
  width: 100%; }

.filters__btn-reset {
  width: 100%;
  display: block;
  position: relative;
  top: 10px; }
  .filters__btn-reset--small {
    float: right; }

.filters__result-count {
  font-weight: bold;
  padding: 1em 0;
  line-height: 1;
  overflow: hidden; }
  .filters__result-count .btn-group {
    float: right;
    margin-top: 0; }
  .filters__result-count + .filters__active-facets {
    margin-top: -0.5em; }

.filters__active-facets {
  padding: 0 0 1em; }

.filters__btn-collapse {
  float: right; }

.filters__close {
  color: #004494 !important;
  opacity: 1 !important;
  font-size: 1em;
  font-weight: 400;
  padding-top: 32px;
  margin-right: 20px;
  text-decoration: none;
  text-shadow: none; }
  .filters__close:after {
    content: "";
    background: url("../images/svg/arrow-up--blue.svg") no-repeat;
    height: 8px;
    width: 10px;
    margin-left: 5px;
    display: inline-block;
    text-decoration: none !important; }
  .filters__close:hover, .filters__close:active, .filters__close:focus {
    text-decoration: underline; }

.filters__items-number,
.filters__items-name {
  font-size: 1.667em; }

.filters__items-number {
  display: block;
  margin-right: 0.333em;
  float: left;
  padding-bottom: 0.5em; }

.filters__btn-reset--small {
  display: inline-block; }

html.js .filters__btn-submit {
  display: inline-block; }

@media (min-width: 480px) {
  .filters__close:after {
    height: 9px;
    width: 12px; } }

@media (min-width: 992px) {
  .filters {
    background: transparent;
    margin: 0;
    padding: 0; }
  .filters__btn-reset--small,
  .filters__btn-collapse {
    display: none; }
  html.js .filters__btn-submit {
    display: none; } }

/*
Footer

Site-wide footer component

Markup: html/footer.html

Styleguide footer
*/
.footer {
  background: #004494;
  color: #fff;
  font-size: 0.889em;
  text-align: center; }
  .footer a {
    color: #fff;
    text-decoration: underline; }
    .footer a:hover, .footer a:active, .footer a:focus {
      text-decoration: none; }

.footer__column-main {
  padding-bottom: 30px;
  padding-top: 30px; }

.footer__label {
  display: block;
  margin-right: 20px; }

.footer__disclaimer {
  padding-top: 8px; }
  .footer__disclaimer > * {
    width: 100%;
    display: block; }

.footer__menu {
  padding-left: 0;
  margin: 0; }
  .footer__menu .footer__menu-item, .footer__menu .footer__menu-item-right {
    margin-right: 15px;
    margin-bottom: 0.5em;
    padding: 0; }
    .footer__menu .footer__menu-item:first-child > a, .footer__menu .footer__menu-item-right:first-child > a {
      padding-left: 0; }
    .footer__menu .footer__menu-item a, .footer__menu .footer__menu-item-right a {
      padding: 0; }
      .footer__menu .footer__menu-item a:focus, .footer__menu .footer__menu-item-right a:focus {
        outline: 3px solid #ffd617;
        outline-offset: 5px;
        text-decoration: underline; }
      .footer__menu .footer__menu-item a:hover, .footer__menu .footer__menu-item-right a:hover, .footer__menu .footer__menu-item a:active, .footer__menu .footer__menu-item-right a:active, .footer__menu .footer__menu-item a:focus, .footer__menu .footer__menu-item-right a:focus {
        background: none;
        text-decoration: none; }
  .footer__menu .footer__menu-item-right {
    float: right; }

.footer__menu--separator {
  border-top: 1px solid #4d7cb4;
  margin-top: 0.6em;
  padding-top: 1.2em;
  width: 100%; }

.footer__icon--social:before {
  position: relative;
  top: 4px;
  margin-right: 8px !important; }

.footer__icon--social:after {
  content: none !important;
  display: none !important; }

.footer__icon--facebook:before {
  font-size: 22px; }

.footer__icon--twitter:before {
  font-size: 18px; }

@media (min-width: 768px) {
  .footer {
    text-align: left; }
  .footer__column-main {
    padding-bottom: 60px;
    padding-top: 60px; }
  .footer__column-right {
    padding-bottom: 0;
    float: right; }
  .footer__label {
    display: inline-block; }
    .footer__label ~ .footer__menu {
      display: inline-block; }
  .footer__disclaimer > * {
    width: auto;
    display: inline-block;
    margin-right: 4px; } }

.footer a {
  padding-right: 1.1em !important; }
  .site-political .footer a[href^="http"]:not(.is-internal):not([href*="europa.eu"]):after {
    position: absolute;
    line-height: 2.2; }
  .site-information .footer a[href^="http"]:not(.is-internal):after {
    position: absolute;
    line-height: 2.2; }

.footer .footer__icon--social {
  padding-right: 0 !important; }

.footer a.footer__site-switcher {
  padding-right: 30px !important; }

/*
Help Block

Markup: html/help-block.html

Styleguide form.help-block
*/
.help-block {
  margin-top: 0;
  margin-bottom: 0.556em;
  font-family: Arial, sans-serif;
  color: #575757;
  font-size: 0.778em; }
  .disabled .help-block {
    color: #b3b4b5; }
  .has-error .help-block {
    color: #575757; }

/*
Highlighted item

Markup: html/highlighted-item.html

Styleguide highlighted-item
*/
.highlighted-item {
  background-color: #ececec;
  padding: 0 0 2em 0; }
  .highlighted-item:hover .highlighted-item__content, .highlighted-item:active .highlighted-item__content, .highlighted-item:focus .highlighted-item__content {
    text-decoration: underline; }

.highlighted-item__image img {
  width: 100%;
  margin-bottom: 1em; }

.highlighted-item__content {
  color: #004494;
  margin: 0;
  padding: 0 1em; }

/*
Horizontal line

Markup: html/hr.html

Styleguide horizontal-line
*/
.hr--fullwidth {
  width: 100%;
  float: left; }

/*
Icon Social

Social network icons

Markup: html/icon-social.html

Styleguide icon.social
*/
.icon-social {
  position: relative;
  padding-left: 50px;
  padding-top: 5px;
  min-height: 40px; }
  .icon-social:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 10px 5px 0;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0; }
  .icon-social:hover {
    cursor: pointer; }

.icon-social--arto:before {
  background: url("../images/svg/icons/social/arto.svg") no-repeat; }

.icon-social--arto:hover:before {
  background-image: url("../images/svg/icons/social/arto_hover.svg"); }

.icon-social--bebo:before {
  background: url("../images/svg/icons/social/bebo.svg") no-repeat; }

.icon-social--bebo:hover:before {
  background-image: url("../images/svg/icons/social/bebo_hover.svg"); }

.icon-social--bitly:before {
  background: url("../images/svg/icons/social/bitly.svg") no-repeat; }

.icon-social--bitly:hover:before {
  background-image: url("../images/svg/icons/social/bitly_hover.svg"); }

.icon-social--blinklist:before {
  background: url("../images/svg/icons/social/blinklist.svg") no-repeat; }

.icon-social--blinklist:hover:before {
  background-image: url("../images/svg/icons/social/blinklist_hover.svg"); }

.icon-social--blog:before {
  background: url("../images/svg/icons/social/blog.svg") no-repeat; }

.icon-social--blog:hover:before {
  background-image: url("../images/svg/icons/social/blog_hover.svg"); }

.icon-social--blogger:before {
  background: url("../images/svg/icons/social/blogger.svg") no-repeat; }

.icon-social--blogger:hover:before {
  background-image: url("../images/svg/icons/social/blogger_hover.svg"); }

.icon-social--delicious:before {
  background: url("../images/svg/icons/social/delicious.svg") no-repeat; }

.icon-social--delicious:hover:before {
  background-image: url("../images/svg/icons/social/delicious_hover.svg"); }

.icon-social--digg:before {
  background: url("../images/svg/icons/social/digg.svg") no-repeat; }

.icon-social--digg:hover:before {
  background-image: url("../images/svg/icons/social/digg_hover.svg"); }

.icon-social--diigo:before {
  background: url("../images/svg/icons/social/diigo.svg") no-repeat; }

.icon-social--diigo:hover:before {
  background-image: url("../images/svg/icons/social/diigo_hover.svg"); }

.icon-social--dzone:before {
  background: url("../images/svg/icons/social/dzone.svg") no-repeat; }

.icon-social--dzone:hover:before {
  background-image: url("../images/svg/icons/social/dzone_hover.svg"); }

.icon-social--email:before {
  background: url("../images/svg/icons/social/email.svg") no-repeat; }

.icon-social--email:hover:before {
  background-image: url("../images/svg/icons/social/email_hover.svg"); }

.icon-social--facebook:before {
  background: url("../images/svg/icons/social/facebook.svg") no-repeat; }

.icon-social--facebook:hover:before {
  background-image: url("../images/svg/icons/social/facebook_hover.svg"); }

.icon-social--flickr:before {
  background: url("../images/svg/icons/social/flickr.svg") no-repeat; }

.icon-social--flickr:hover:before {
  background-image: url("../images/svg/icons/social/flickr_hover.svg"); }

.icon-social--foursquare:before {
  background: url("../images/svg/icons/social/foursquare.svg") no-repeat; }

.icon-social--foursquare:hover:before {
  background-image: url("../images/svg/icons/social/foursquare_hover.svg"); }

.icon-social--generic:before {
  background: url("../images/svg/icons/social/generic.svg") no-repeat; }

.icon-social--generic:hover:before {
  background-image: url("../images/svg/icons/social/generic_hover.svg"); }

.icon-social--google:before {
  background: url("../images/svg/icons/social/google.svg") no-repeat; }

.icon-social--google:hover:before {
  background-image: url("../images/svg/icons/social/google_hover.svg"); }

.icon-social--gplus:before {
  background: url("../images/svg/icons/social/gplus.svg") no-repeat; }

.icon-social--gplus:hover:before {
  background-image: url("../images/svg/icons/social/gplus_hover.svg"); }

.icon-social--instagram:before {
  background: url("../images/svg/icons/social/instagram.svg") no-repeat; }

.icon-social--instagram:hover:before {
  background-image: url("../images/svg/icons/social/instagram_hover.svg"); }

.icon-social--linkarena:before {
  background: url("../images/svg/icons/social/linkarena.svg") no-repeat; }

.icon-social--linkarena:hover:before {
  background-image: url("../images/svg/icons/social/linkarena_hover.svg"); }

.icon-social--linkedin:before {
  background: url("../images/svg/icons/social/linkedin.svg") no-repeat; }

.icon-social--linkedin:hover:before {
  background-image: url("../images/svg/icons/social/linkedin_hover.svg"); }

.icon-social--live:before {
  background: url("../images/svg/icons/social/live.svg") no-repeat; }

.icon-social--live:hover:before {
  background-image: url("../images/svg/icons/social/live_hover.svg"); }

.icon-social--meneame:before {
  background: url("../images/svg/icons/social/meneame.svg") no-repeat; }

.icon-social--meneame:hover:before {
  background-image: url("../images/svg/icons/social/meneame_hover.svg"); }

.icon-social--misterwong:before {
  background: url("../images/svg/icons/social/misterwong.svg") no-repeat; }

.icon-social--misterwong:hover:before {
  background-image: url("../images/svg/icons/social/misterwong_hover.svg"); }

.icon-social--myspace:before {
  background: url("../images/svg/icons/social/myspace.svg") no-repeat; }

.icon-social--myspace:hover:before {
  background-image: url("../images/svg/icons/social/myspace_hover.svg"); }

.icon-social--netlog:before {
  background: url("../images/svg/icons/social/netlog.svg") no-repeat; }

.icon-social--netlog:hover:before {
  background-image: url("../images/svg/icons/social/netlog_hover.svg"); }

.icon-social--netvibes:before {
  background: url("../images/svg/icons/social/netvibes.svg") no-repeat; }

.icon-social--netvibes:hover:before {
  background-image: url("../images/svg/icons/social/netvibes_hover.svg"); }

.icon-social--newsvine:before {
  background: url("../images/svg/icons/social/newsvine.svg") no-repeat; }

.icon-social--newsvine:hover:before {
  background-image: url("../images/svg/icons/social/newsvine_hover.svg"); }

.icon-social--nujij:before {
  background: url("../images/svg/icons/social/nujij.svg") no-repeat; }

.icon-social--nujij:hover:before {
  background-image: url("../images/svg/icons/social/nujij_hover.svg"); }

.icon-social--pinterest:before {
  background: url("../images/svg/icons/social/pinterest.svg") no-repeat; }

.icon-social--pinterest:hover:before {
  background-image: url("../images/svg/icons/social/pinterest_hover.svg"); }

.icon-social--pocket:before {
  background: url("../images/svg/icons/social/pocket.svg") no-repeat; }

.icon-social--pocket:hover:before {
  background-image: url("../images/svg/icons/social/pocket_hover.svg"); }

.icon-social--reddit:before {
  background: url("../images/svg/icons/social/reddit.svg") no-repeat; }

.icon-social--reddit:hover:before {
  background-image: url("../images/svg/icons/social/reddit_hover.svg"); }

.icon-social--rss:before {
  background: url("../images/svg/icons/social/rss.svg") no-repeat; }

.icon-social--rss:hover:before {
  background-image: url("../images/svg/icons/social/rss_hover.svg"); }

.icon-social--share:before {
  background: url("../images/svg/icons/social/share.svg") no-repeat; }

.icon-social--share:hover:before {
  background-image: url("../images/svg/icons/social/share_hover.svg"); }

.icon-social--skype:before {
  background: url("../images/svg/icons/social/skype.svg") no-repeat; }

.icon-social--skype:hover:before {
  background-image: url("../images/svg/icons/social/skype_hover.svg"); }

.icon-social--slashdot:before {
  background: url("../images/svg/icons/social/slashdot.svg") no-repeat; }

.icon-social--slashdot:hover:before {
  background-image: url("../images/svg/icons/social/slashdot_hover.svg"); }

.icon-social--sonico:before {
  background: url("../images/svg/icons/social/sonico.svg") no-repeat; }

.icon-social--sonico:hover:before {
  background-image: url("../images/svg/icons/social/sonico_hover.svg"); }

.icon-social--spotify:before {
  background: url("../images/svg/icons/social/spotify.svg") no-repeat; }

.icon-social--spotify:hover:before {
  background-image: url("../images/svg/icons/social/spotify_hover.svg"); }

.icon-social--storify:before {
  background: url("../images/svg/icons/social/storify.svg") no-repeat; }

.icon-social--storify:hover:before {
  background-image: url("../images/svg/icons/social/storify_hover.svg"); }

.icon-social--studivz:before {
  background: url("../images/svg/icons/social/studivz.svg") no-repeat; }

.icon-social--studivz:hover:before {
  background-image: url("../images/svg/icons/social/studivz_hover.svg"); }

.icon-social--stumbleupon:before {
  background: url("../images/svg/icons/social/stumbleupon.svg") no-repeat; }

.icon-social--stumbleupon:hover:before {
  background-image: url("../images/svg/icons/social/stumbleupon_hover.svg"); }

.icon-social--technorati:before {
  background: url("../images/svg/icons/social/technorati.svg") no-repeat; }

.icon-social--technorati:hover:before {
  background-image: url("../images/svg/icons/social/technorati_hover.svg"); }

.icon-social--tuenti:before {
  background: url("../images/svg/icons/social/tuenti.svg") no-repeat; }

.icon-social--tuenti:hover:before {
  background-image: url("../images/svg/icons/social/tuenti_hover.svg"); }

.icon-social--tumblr:before {
  background: url("../images/svg/icons/social/tumblr.svg") no-repeat; }

.icon-social--tumblr:hover:before {
  background-image: url("../images/svg/icons/social/tumblr_hover.svg"); }

.icon-social--twitter:before {
  background: url("../images/svg/icons/social/twitter.svg") no-repeat #ffffff; }

.icon-social--twitter:hover:before {
  background-image: url("../images/svg/icons/social/twitter_hover.svg"); }

.icon-social--viadeo:before {
  background: url("../images/svg/icons/social/viadeo.svg") no-repeat; }

.icon-social--viadeo:hover:before {
  background-image: url("../images/svg/icons/social/viadeo_hover.svg"); }

.icon-social--vine:before {
  background: url("../images/svg/icons/social/vine.svg") no-repeat; }

.icon-social--vine:hover:before {
  background-image: url("../images/svg/icons/social/vine_hover.svg"); }

.icon-social--wordpress:before {
  background: url("../images/svg/icons/social/wordpress.svg") no-repeat; }

.icon-social--wordpress:hover:before {
  background-image: url("../images/svg/icons/social/wordpress_hover.svg"); }

.icon-social--wykop:before {
  background: url("../images/svg/icons/social/wykop.svg") no-repeat; }

.icon-social--wykop:hover:before {
  background-image: url("../images/svg/icons/social/wykop_hover.svg"); }

.icon-social--xerpi:before {
  background: url("../images/svg/icons/social/xerpi.svg") no-repeat; }

.icon-social--xerpi:hover:before {
  background-image: url("../images/svg/icons/social/xerpi_hover.svg"); }

.icon-social--yammer:before {
  background: url("../images/svg/icons/social/yammer.svg") no-repeat; }

.icon-social--yammer:hover:before {
  background-image: url("../images/svg/icons/social/yammer_hover.svg"); }

.icon-social--youtube:before {
  background: url("../images/svg/icons/social/youtube.svg") no-repeat; }

.icon-social--youtube:hover:before {
  background-image: url("../images/svg/icons/social/youtube_hover.svg"); }

.icon-social--print:before {
  background: url("../images/svg/icons/social/print.svg") no-repeat; }

.icon-social--print:hover:before {
  background-image: url("../images/svg/icons/social/print_hover.svg"); }

.no-svg .icon-social--arto:before {
  background: url("../images/png/icons/social/arto.png") no-repeat; }

.no-svg .icon-social--arto:hover:before {
  background-image: url("../images/png/icons/social/arto_hover.png"); }

.no-svg .icon-social--bebo:before {
  background: url("../images/png/icons/social/bebo.png") no-repeat; }

.no-svg .icon-social--bebo:hover:before {
  background-image: url("../images/png/icons/social/bebo_hover.png"); }

.no-svg .icon-social--bitly:before {
  background: url("../images/png/icons/social/bitly.png") no-repeat; }

.no-svg .icon-social--bitly:hover:before {
  background-image: url("../images/png/icons/social/bitly_hover.png"); }

.no-svg .icon-social--blinklist:before {
  background: url("../images/png/icons/social/blinklist.png") no-repeat; }

.no-svg .icon-social--blinklist:hover:before {
  background-image: url("../images/png/icons/social/blinklist_hover.png"); }

.no-svg .icon-social--blog:before {
  background: url("../images/png/icons/social/blog.png") no-repeat; }

.no-svg .icon-social--blog:hover:before {
  background-image: url("../images/png/icons/social/blog_hover.png"); }

.no-svg .icon-social--blogger:before {
  background: url("../images/png/icons/social/blogger.png") no-repeat; }

.no-svg .icon-social--blogger:hover:before {
  background-image: url("../images/png/icons/social/blogger_hover.png"); }

.no-svg .icon-social--delicious:before {
  background: url("../images/png/icons/social/delicious.png") no-repeat; }

.no-svg .icon-social--delicious:hover:before {
  background-image: url("../images/png/icons/social/delicious_hover.png"); }

.no-svg .icon-social--digg:before {
  background: url("../images/png/icons/social/digg.png") no-repeat; }

.no-svg .icon-social--digg:hover:before {
  background-image: url("../images/png/icons/social/digg_hover.png"); }

.no-svg .icon-social--diigo:before {
  background: url("../images/png/icons/social/diigo.png") no-repeat; }

.no-svg .icon-social--diigo:hover:before {
  background-image: url("../images/png/icons/social/diigo_hover.png"); }

.no-svg .icon-social--dzone:before {
  background: url("../images/png/icons/social/dzone.png") no-repeat; }

.no-svg .icon-social--dzone:hover:before {
  background-image: url("../images/png/icons/social/dzone_hover.png"); }

.no-svg .icon-social--email:before {
  background: url("../images/png/icons/social/email.png") no-repeat; }

.no-svg .icon-social--email:hover:before {
  background-image: url("../images/png/icons/social/email_hover.png"); }

.no-svg .icon-social--facebook:before {
  background: url("../images/png/icons/social/facebook.png") no-repeat; }

.no-svg .icon-social--facebook:hover:before {
  background-image: url("../images/png/icons/social/facebook_hover.png"); }

.no-svg .icon-social--flickr:before {
  background: url("../images/png/icons/social/flickr.png") no-repeat; }

.no-svg .icon-social--flickr:hover:before {
  background-image: url("../images/png/icons/social/flickr_hover.png"); }

.no-svg .icon-social--foursquare:before {
  background: url("../images/png/icons/social/foursquare.png") no-repeat; }

.no-svg .icon-social--foursquare:hover:before {
  background-image: url("../images/png/icons/social/foursquare_hover.png"); }

.no-svg .icon-social--generic:before {
  background: url("../images/png/icons/social/generic.png") no-repeat; }

.no-svg .icon-social--generic:hover:before {
  background-image: url("../images/png/icons/social/generic_hover.png"); }

.no-svg .icon-social--google:before {
  background: url("../images/png/icons/social/google.png") no-repeat; }

.no-svg .icon-social--google:hover:before {
  background-image: url("../images/png/icons/social/google_hover.png"); }

.no-svg .icon-social--gplus:before {
  background: url("../images/png/icons/social/gplus.png") no-repeat; }

.no-svg .icon-social--gplus:hover:before {
  background-image: url("../images/png/icons/social/gplus_hover.png"); }

.no-svg .icon-social--instagram:before {
  background: url("../images/png/icons/social/instagram.png") no-repeat; }

.no-svg .icon-social--instagram:hover:before {
  background-image: url("../images/png/icons/social/instagram_hover.png"); }

.no-svg .icon-social--linkarena:before {
  background: url("../images/png/icons/social/linkarena.png") no-repeat; }

.no-svg .icon-social--linkarena:hover:before {
  background-image: url("../images/png/icons/social/linkarena_hover.png"); }

.no-svg .icon-social--linkedin:before {
  background: url("../images/png/icons/social/linkedin.png") no-repeat; }

.no-svg .icon-social--linkedin:hover:before {
  background-image: url("../images/png/icons/social/linkedin_hover.png"); }

.no-svg .icon-social--live:before {
  background: url("../images/png/icons/social/live.png") no-repeat; }

.no-svg .icon-social--live:hover:before {
  background-image: url("../images/png/icons/social/live_hover.png"); }

.no-svg .icon-social--meneame:before {
  background: url("../images/png/icons/social/meneame.png") no-repeat; }

.no-svg .icon-social--meneame:hover:before {
  background-image: url("../images/png/icons/social/meneame_hover.png"); }

.no-svg .icon-social--misterwong:before {
  background: url("../images/png/icons/social/misterwong.png") no-repeat; }

.no-svg .icon-social--misterwong:hover:before {
  background-image: url("../images/png/icons/social/misterwong_hover.png"); }

.no-svg .icon-social--myspace:before {
  background: url("../images/png/icons/social/myspace.png") no-repeat; }

.no-svg .icon-social--myspace:hover:before {
  background-image: url("../images/png/icons/social/myspace_hover.png"); }

.no-svg .icon-social--netlog:before {
  background: url("../images/png/icons/social/netlog.png") no-repeat; }

.no-svg .icon-social--netlog:hover:before {
  background-image: url("../images/png/icons/social/netlog_hover.png"); }

.no-svg .icon-social--netvibes:before {
  background: url("../images/png/icons/social/netvibes.png") no-repeat; }

.no-svg .icon-social--netvibes:hover:before {
  background-image: url("../images/png/icons/social/netvibes_hover.png"); }

.no-svg .icon-social--newsvine:before {
  background: url("../images/png/icons/social/newsvine.png") no-repeat; }

.no-svg .icon-social--newsvine:hover:before {
  background-image: url("../images/png/icons/social/newsvine_hover.png"); }

.no-svg .icon-social--nujij:before {
  background: url("../images/png/icons/social/nujij.png") no-repeat; }

.no-svg .icon-social--nujij:hover:before {
  background-image: url("../images/png/icons/social/nujij_hover.png"); }

.no-svg .icon-social--pinterest:before {
  background: url("../images/png/icons/social/pinterest.png") no-repeat; }

.no-svg .icon-social--pinterest:hover:before {
  background-image: url("../images/png/icons/social/pinterest_hover.png"); }

.no-svg .icon-social--pocket:before {
  background: url("../images/png/icons/social/pocket.png") no-repeat; }

.no-svg .icon-social--pocket:hover:before {
  background-image: url("../images/png/icons/social/pocket_hover.png"); }

.no-svg .icon-social--reddit:before {
  background: url("../images/png/icons/social/reddit.png") no-repeat; }

.no-svg .icon-social--reddit:hover:before {
  background-image: url("../images/png/icons/social/reddit_hover.png"); }

.no-svg .icon-social--rss:before {
  background: url("../images/png/icons/social/rss.png") no-repeat; }

.no-svg .icon-social--rss:hover:before {
  background-image: url("../images/png/icons/social/rss_hover.png"); }

.no-svg .icon-social--share:before {
  background: url("../images/png/icons/social/share.png") no-repeat; }

.no-svg .icon-social--share:hover:before {
  background-image: url("../images/png/icons/social/share_hover.png"); }

.no-svg .icon-social--skype:before {
  background: url("../images/png/icons/social/skype.png") no-repeat; }

.no-svg .icon-social--skype:hover:before {
  background-image: url("../images/png/icons/social/skype_hover.png"); }

.no-svg .icon-social--slashdot:before {
  background: url("../images/png/icons/social/slashdot.png") no-repeat; }

.no-svg .icon-social--slashdot:hover:before {
  background-image: url("../images/png/icons/social/slashdot_hover.png"); }

.no-svg .icon-social--sonico:before {
  background: url("../images/png/icons/social/sonico.png") no-repeat; }

.no-svg .icon-social--sonico:hover:before {
  background-image: url("../images/png/icons/social/sonico_hover.png"); }

.no-svg .icon-social--spotify:before {
  background: url("../images/png/icons/social/spotify.png") no-repeat; }

.no-svg .icon-social--spotify:hover:before {
  background-image: url("../images/png/icons/social/spotify_hover.png"); }

.no-svg .icon-social--storify:before {
  background: url("../images/png/icons/social/storify.png") no-repeat; }

.no-svg .icon-social--storify:hover:before {
  background-image: url("../images/png/icons/social/storify_hover.png"); }

.no-svg .icon-social--studivz:before {
  background: url("../images/png/icons/social/studivz.png") no-repeat; }

.no-svg .icon-social--studivz:hover:before {
  background-image: url("../images/png/icons/social/studivz_hover.png"); }

.no-svg .icon-social--stumbleupon:before {
  background: url("../images/png/icons/social/stumbleupon.png") no-repeat; }

.no-svg .icon-social--stumbleupon:hover:before {
  background-image: url("../images/png/icons/social/stumbleupon_hover.png"); }

.no-svg .icon-social--technorati:before {
  background: url("../images/png/icons/social/technorati.png") no-repeat; }

.no-svg .icon-social--technorati:hover:before {
  background-image: url("../images/png/icons/social/technorati_hover.png"); }

.no-svg .icon-social--tuenti:before {
  background: url("../images/png/icons/social/tuenti.png") no-repeat; }

.no-svg .icon-social--tuenti:hover:before {
  background-image: url("../images/png/icons/social/tuenti_hover.png"); }

.no-svg .icon-social--tumblr:before {
  background: url("../images/png/icons/social/tumblr.png") no-repeat; }

.no-svg .icon-social--tumblr:hover:before {
  background-image: url("../images/png/icons/social/tumblr_hover.png"); }

.no-svg .icon-social--twitter:before {
  background: url("../images/png/icons/social/twitter.png") no-repeat; }

.no-svg .icon-social--twitter:hover:before {
  background-image: url("../images/png/icons/social/twitter_hover.png"); }

.no-svg .icon-social--viadeo:before {
  background: url("../images/png/icons/social/viadeo.png") no-repeat; }

.no-svg .icon-social--viadeo:hover:before {
  background-image: url("../images/png/icons/social/viadeo_hover.png"); }

.no-svg .icon-social--vine:before {
  background: url("../images/png/icons/social/vine.png") no-repeat; }

.no-svg .icon-social--vine:hover:before {
  background-image: url("../images/png/icons/social/vine_hover.png"); }

.no-svg .icon-social--wordpress:before {
  background: url("../images/png/icons/social/wordpress.png") no-repeat; }

.no-svg .icon-social--wordpress:hover:before {
  background-image: url("../images/png/icons/social/wordpress_hover.png"); }

.no-svg .icon-social--wykop:before {
  background: url("../images/png/icons/social/wykop.png") no-repeat; }

.no-svg .icon-social--wykop:hover:before {
  background-image: url("../images/png/icons/social/wykop_hover.png"); }

.no-svg .icon-social--xerpi:before {
  background: url("../images/png/icons/social/xerpi.png") no-repeat; }

.no-svg .icon-social--xerpi:hover:before {
  background-image: url("../images/png/icons/social/xerpi_hover.png"); }

.no-svg .icon-social--yammer:before {
  background: url("../images/png/icons/social/yammer.png") no-repeat; }

.no-svg .icon-social--yammer:hover:before {
  background-image: url("../images/png/icons/social/yammer_hover.png"); }

.no-svg .icon-social--youtube:before {
  background: url("../images/png/icons/social/youtube.png") no-repeat; }

.no-svg .icon-social--youtube:hover:before {
  background-image: url("../images/png/icons/social/youtube_hover.png"); }

.no-svg .icon-social--print:before {
  background: url("../images/png/icons/social/print.png") no-repeat; }

.no-svg .icon-social--print:hover:before {
  background-image: url("../images/png/icons/social/print_hover.png"); }

/*
Inpage navigation

Floating menu containing links to headings in a long page.
Styleguide implementation is not complete. TODO: Refactor Drupal js to be
technology agnostic.

Markup: html/inpage-nav.html

Styleguide inpagenav

*/
.inpage-nav__wrapper {
  margin-bottom: 1.667em; }
  .inpage-nav__wrapper.affix, .inpage-nav__wrapper.affix-top {
    position: relative; }

.inpage-nav .inpage-nav__list {
  margin: 0 0 0 -11px !important;
  padding: 0;
  list-style: none;
  list-style-image: none; }
  .inpage-nav .inpage-nav__list li.active .inpage_nav__list-item {
    border-color: #004494;
    background: #ececec; }

.inpage-nav .inpage_nav__list-item {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 8px;
  display: block;
  color: #000;
  font-size: 0.889em;
  font-weight: bold;
  border-left: 3px solid transparent;
  text-decoration: none; }
  .inpage-nav .inpage_nav__list-item:hover {
    background: none;
    text-decoration: underline; }
  .inpage-nav .inpage_nav__list-item:focus {
    background: #ffd617 !important;
    outline: none;
    text-decoration: underline; }

.inpage-nav__navbar {
  background-color: #ffffff;
  color: #ffffff; }
  .inpage-nav__navbar .inpage-nav__current-wrapper {
    overflow: hidden; }
  .inpage-nav__navbar .inpage-nav__current,
  .inpage-nav__navbar .inpage-nav__help {
    padding-bottom: 0px; }
  .inpage-nav__navbar .inpage-nav__current {
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
    padding-top: 1em; }
    .inpage-nav__navbar .inpage-nav__current:hover {
      color: #fff; }
  .inpage-nav__navbar .inpage-nav__help {
    display: none;
    background-color: #ececec;
    font-size: 0.778em;
    text-transform: uppercase;
    color: #575757;
    padding-top: 1.35em; }
  .inpage-nav__navbar .inpage-nav__title {
    display: block;
    font-size: 1em;
    padding: 1em;
    line-height: 1;
    font-weight: bold; }
  .inpage-nav__navbar .inpage-nav__toggle {
    margin: 0;
    background-color: #023066;
    border-color: #023066;
    padding: 1em; }
    .inpage-nav__navbar .inpage-nav__toggle:hover, .inpage-nav__navbar .inpage-nav__toggle:active, .inpage-nav__navbar .inpage-nav__toggle:focus {
      background-color: #023066;
      text-decoration: none;
      color: #ffffff; }
  .inpage-nav__navbar .inpage-nav__icon-arrow {
    display: block;
    transition: all 0.3s ease 0s;
    transform-origin: 50% 50%;
    color: #ffffff;
    margin: 5px 4px;
    font-size: 10px; }
    .inpage-nav__navbar .inpage-nav__icon-arrow:before {
      margin-right: 0px; }
  .inpage-nav__navbar .inpage-nav__close-text {
    display: none;
    font-size: 15px;
    line-height: 20px; }
  .inpage-nav__navbar .inpage-nav__header {
    margin: 0; }
  .inpage-nav__navbar .inpage-nav__container {
    padding: 0;
    width: auto;
    background-color: #004494; }
    .inpage-nav__navbar .inpage-nav__container .navbar-collapse {
      max-height: none; }
  .inpage-nav__navbar .inpage-nav__list--navbar {
    padding: 0 15px; }
    .inpage-nav__navbar .inpage-nav__list--navbar li.active .inpage_nav__list-item {
      color: inherit; }
    .inpage-nav__navbar .inpage-nav__list--navbar li .inpage_nav__list-item {
      color: #fff;
      border-top: 1px solid #023066;
      padding: 0.8em 0 0.8em 1em;
      font-size: 0.889em; }
      .inpage-nav__navbar .inpage-nav__list--navbar li .inpage_nav__list-item:hover, .inpage-nav__navbar .inpage-nav__list--navbar li .inpage_nav__list-item:focus {
        background: none;
        text-decoration: underline; }

.inpage-nav__navbar-wrapper {
  display: none; }
  .inpage-nav__navbar-wrapper.is-active {
    display: inherit; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__navbar, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__navbar {
    height: 100%; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__help,
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__close-text, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__help,
  .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__close-text {
    display: block; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__current, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__current {
    display: none; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__header, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__header {
    background-color: #ececec;
    font-weight: normal; }
  .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__toggle, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__toggle {
    background-color: #b3b4b5;
    border-color: #b3b4b5; }
    .inpage-nav__navbar-wrapper.is-collapsed .inpage-nav__toggle .inpage-nav__icon-arrow, .inpage-nav__navbar-wrapper.is-collapsing .inpage-nav__toggle .inpage-nav__icon-arrow {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      color: #575757; }

.inpage-nav__block-title {
  display: inherit;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
  color: #575757; }

.is-inpage-nav-open {
  overflow: hidden; }
  .is-inpage-nav-open .inpage-nav__navbar {
    overflow: auto; }

@media (min-width: 992px) {
  .inpage-nav__wrapper.affix, .inpage-nav__wrapper.affix-top {
    top: 0; }
  .inpage-nav__wrapper.affix {
    position: fixed;
    top: 0;
    padding-top: 30px; }
  .inpage-nav__wrapper.affix-bottom {
    position: absolute; }
  .inpage-nav__navbar-wrapper.is-active {
    display: none; } }

/*
Labels

Markup: html/labels.html

.label--default - Default
.label--status - Status
.label--highlight - Highlight
.label--meta - Meta
.label--upper - Uppercase label
.label--primary - Primary
.label--success - Success
.label--info - Info
.label--warning - Warning
.label--danger - Danger

Styleguide labels
*/
.label {
  display: inline-block;
  padding: 0 0.5em;
  border-radius: 0;
  font-size: 0.67em;
  font-weight: normal;
  letter-spacing: 0.12em;
  color: #404040;
  line-height: 2; }

.label--default {
  color: #fff; }

.label--primary {
  color: #fff; }

.label--success {
  color: #fff; }

.label--info {
  color: #fff; }

.label--warning {
  color: #fff; }

.label--danger {
  color: #fff; }

.label--upper {
  text-transform: uppercase;
  text-align: left; }

.label--highlight {
  color: #404040;
  background-color: #ffd617; }
  .label--highlight.label--meta:after, .label--highlight.label--meta-medium:after {
    content: "";
    margin: 0; }

.label--status {
  color: #404040;
  background-color: #ececec; }

.label--block {
  margin-bottom: 1em; }

.label--high {
  min-height: 2.75em;
  line-height: 2.75em;
  padding: 0.3em 1em;
  font-size: 0.778em; }

.label--no-padding-left {
  padding-left: 0; }

.label--meta, .label--meta-medium {
  margin: 0.25em 1.3em 0.3em 0.5em; }

.label--meta-medium {
  font-size: 75%;
  margin: 0.35em 0.5em 0.45em 0.5em; }

/*
Language select (Site)

Language selector that is used across the whole site

Markup: html/lang-select-site.html

Styleguide: siteheader.langselect
*/
.lang-select-site {
  position: absolute;
  top: 0;
  right: 15px;
  text-align: center; }
  .lang-select-site .lang-select-site__link {
    display: inline-block;
    padding: 7.5px 15px;
    font-size: 0.889em;
    font-weight: bold;
    color: inherit;
    text-align: center;
    text-decoration: none;
    border: 3px solid transparent; }
    .lang-select-site .lang-select-site__link:focus {
      border-color: #ffd617;
      outline: none; }
  .lang-select-site .lang-select-site__label {
    margin-right: 0.556em; }
    .lang-select-site .lang-select-site__label:hover {
      text-decoration: underline; }
  .lang-select-site .lang-select-site__code {
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    color: #004494;
    width: 1.556em; }
  .lang-select-site .lang-select-site__code-text {
    position: relative;
    top: 0px;
    left: -1px;
    font-size: 0.778em;
    color: #fff; }
  .lang-select-site .lang-select-site__icon {
    position: absolute;
    top: -1px;
    left: -1px;
    color: #004494;
    font-size: 1.556em;
    line-height: 1.4; }
    .lang-select-site .lang-select-site__icon:before {
      font-weight: inherit; }

@media (min-width: 992px) {
  .lang-select-site {
    position: static;
    float: left; } }

/*
Language select (Page)

Language selector for a page content.

Markup: html/lang-select-page.html

.lang-select-page--transparent  - Transparent background

Styleguide: langselect
*/
/*
Language select (Dropdown)

Demonstrates the language switcher for mobile and small viewports.

Markup: html/lang-select-page-dropdown.html

.lang-select-page--transparent  - Transparent background

Styleguide: langselect.dropdown
*/
.lang-select-page {
  background: #f2f2f2;
  border-bottom: 1px solid #b3b4b5;
  font-size: 0.778em;
  overflow: hidden;
  width: 100%; }

.icon.lang-select-page__icon, .lang-select-page__icon.search-form__btn {
  float: left;
  margin: 0;
  font-size: 2em;
  padding: 0; }
  .icon.lang-select-page__icon:before, .lang-select-page__icon.search-form__btn:before {
    padding-top: 30%;
    float: left; }

.lang-select-page__unavailable {
  text-decoration: line-through; }

ul.lang-select-page__list {
  float: left;
  padding: 0;
  margin: 0; }
  ul.lang-select-page__list .lang-select-page__option {
    list-style: none;
    float: left;
    padding: 0.85em; }
    ul.lang-select-page__list .lang-select-page__option a {
      display: block; }
    ul.lang-select-page__list .lang-select-page__option.is-selected {
      background: #ffd617;
      font-weight: bold;
      color: #000; }

select.lang-select-page__list {
  background: transparent url("../images/png/arrow-thick-down.png") no-repeat 8em center;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-weight: bold;
  padding-left: 1.2em;
  line-height: 3.4em;
  height: 3.4em;
  width: 10em; }
  select.lang-select-page__list:hover {
    background-size: unset !important; }

.lang-select-page--transparent {
  background: transparent;
  border-bottom: 1px solid #fff;
  color: #fff; }
  .lang-select-page--transparent select.lang-select-page__list {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-color: #012b58;
    color: #fff; }
    .lang-select-page--transparent select.lang-select-page__list:hover, .lang-select-page--transparent select.lang-select-page__list:active {
      border: 0; }
    .lang-select-page--transparent select.lang-select-page__list > option {
      background: #012b58; }

@-moz-document url-prefix() {
  .lang-select-page--transparent select.lang-select-page__list {
    height: 3.4em; } }
  .lang-select-page--transparent .lang-select-page__option.is-selected, .lang-select-page--transparent .lang-select-page__option.is-selected a {
    color: #000; }
  .lang-select-page--transparent .lang-select-page__option a {
    color: #fff; }

@media (min-width: 768px) {
  .lang-select-page__option {
    display: inline-block; }
  .lang-select-page__unavailable {
    margin-right: 3em; } }

.region-content .page-header ul.lang-select-page__list {
  max-width: inherit; }

.front .lang-select-page {
  display: none; }

#kssref-langselect .lang-select-page--transparent,
#kssref-langselect-dropdown .lang-select-page--transparent {
  background: #004494; }

/*
Listing

Component used to render list of entities, usually the landing page of a class.
It defines the following modifiers: Listing with no border, Listing with no stripe, Listing of persons, Listing CTA, Listing line left, Listing no padding, Listing short spaced, Listing line left.
The width of the element listing__item is limited to 32em, a modifier is available to reset this limit, the first two examples are using that.

Styleguide listing
*/
/*
Listing default

Default implementation of the listing component.

Markup: html/listing.html

Styleguide listing.1
*/
.listing {
  padding: 0; }

.listing--priorities .meta {
  display: none; }

/*
Listing title

Listing title is the component modifier used to style a list of titles.

Markup: html/listing--title.html

.listing--title-medium - Listing title medium

Styleguide listing.4
*/
.listing--title,
ul.listing--title {
  padding: 0; }
  .listing--title .listing__item,
  ul.listing--title .listing__item {
    padding: 0.61em 0; }
    .listing--title .listing__item .listing__title,
    ul.listing--title .listing__item .listing__title {
      margin: 0; }
    .listing--title .listing__item:hover a .listing__title, .listing--title .listing__item:active a .listing__title, .listing--title .listing__item:focus a .listing__title,
    ul.listing--title .listing__item:hover a .listing__title,
    ul.listing--title .listing__item:active a .listing__title,
    ul.listing--title .listing__item:focus a .listing__title {
      text-decoration: none; }
  .listing--title .listing__item-link,
  .listing--title .listing__title,
  ul.listing--title .listing__item-link,
  ul.listing--title .listing__title {
    padding: 0;
    margin: 0;
    display: block; }
  .listing--title a.listing__title,
  .listing--title a .listing__title,
  ul.listing--title a.listing__title,
  ul.listing--title a .listing__title {
    display: block;
    padding-right: 2em;
    text-decoration: none; }
  .listing--title a.listing__title:after,
  ul.listing--title a.listing__title:after {
    line-height: 1.6; }

.listing--title .listing__title:hover, .listing--title .listing__title:focus {
  text-decoration: underline !important;
  color: #404040; }

.listing--frontpage p {
  line-height: 1.375em; }

.listing--title-medium .listing__title {
  margin-top: 0.2em;
  margin-bottom: 0.4em; }

.listing--title-medium .listing__title {
  font-size: 1.222em; }

/*
Listing agenda

Listing for event like entities.

Markup: html/listing--agenda.html

Styleguide listing.5
*/
.listing--agenda p {
  margin: 0; }

.listing--agenda .listing__item {
  padding-top: 0.85em;
  padding-bottom: 1em; }

.listing--agenda .meta {
  margin-bottom: 0; }

.listing--agenda .listing__item-link {
  padding: 0; }

.listing--agenda h3.listing__title {
  font-size: 1em;
  color: #404040; }

.listing--agenda .listing__author {
  font-size: 0.833em;
  margin-top: 1em; }

.listing--agenda div.addressfield-container-inline {
  float: left; }
  .listing--agenda div.addressfield-container-inline:after {
    content: ", ";
    display: inline;
    height: auto;
    clear: none;
    visibility: visible;
    white-space: pre; }

.listing--person .listing__title ~ * {
  line-height: 1.3;
  margin-top: 0; }

.listing--person .listing__item:first-child {
  border-top: none; }

/*
Simple listing (title + text) modifiers

In this section we collect many modifiers, in the example the listing--teaser version of the component has been used.

Markup: html/listing--teaser.html

.listing--cta - Listing CTA
.listing--no-padding - Listing no padding
.listing--short-spaced - Listing short spaced
.listing--line-left - Listing line left
.listing--no-border - Listing with no border
.listing--nostripe - Listing with no stripe
.listing--meta     - Listing meta

Styleguide listing.3
*/
.listing--line-left .listing__title {
  font-size: 1.222em; }

.listing--line-left .listing--teaser {
  padding-left: 0; }

.listing--line-left .listing__item {
  border-top: none !important;
  border-bottom: none !important;
  border-left: 5px solid #004494;
  padding: 0.611em 0 0.611em 1.222em;
  margin: 0.611em 0; }

@media (min-width: 480px) {
  .listing--line-left p {
    font-size: 1em; } }

.listing--nostripe {
  padding: 30px; }
  .listing--nostripe .listing__item {
    border: none; }
    .listing--nostripe .listing__item:first-child {
      border: none; }
      .listing--nostripe .listing__item:first-child .listing__item-link {
        padding-top: 0; }
    .listing--nostripe .listing__item:last-child .listing__item-link {
      padding-bottom: 0; }

.listing--cta .listing__item-link {
  padding: 1.222em;
  background-color: #004494; }
  .listing--cta .listing__item-link:hover .listing__title, .listing--cta .listing__item-link:active .listing__title, .listing--cta .listing__item-link:focus .listing__title {
    color: #ffffff; }

.listing--cta .listing__item {
  border: none; }
  .listing--cta .listing__item .listing__title,
  .listing--cta .listing__item a {
    color: #ffffff; }
  .listing--cta .listing__item:first-child {
    border-top: none; }
  .listing--cta .listing__item:last-child {
    padding-bottom: 1.222em; }

.listing--cta .listing__title {
  position: relative;
  padding-right: 1.3em; }

.listing--no-padding ul {
  padding-left: 0 !important; }

.listing--no-border .listing__item {
  border: none !important; }

.listing--short-spaced .listing__item {
  padding: 0.5em 0 !important; }

/*
Listing navigation

Navigational listing.
The following example is a general one, using "Section" styling.

Markup: html/listing--navigation.html

Styleguide listing.6
*/
.listing--navigation {
  padding-bottom: 1.9333333333em; }
  .listing--navigation:before, .listing--navigation:after {
    content: " ";
    display: table; }
  .listing--navigation:after {
    clear: both; }
  .listing--navigation .listing__item-link {
    display: block;
    border-top: 3px #ffd617 solid;
    padding: 0; }
    .listing--navigation .listing__item-link:hover {
      border-top-color: #000; }
      .listing--navigation .listing__item-link:hover .listing__section-title {
        color: #000;
        text-decoration: underline; }
  .listing--navigation .listing__section-title {
    padding: 0.75em 0 1.5em 0;
    font-size: 1.0666666667em;
    color: #012b58;
    line-height: 1.2728em; }
  .listing--navigation .listing__description {
    text-decoration: none;
    color: #404040; }
  .listing--navigation .listing__item {
    border-bottom: none;
    padding: 0; }
  .listing--navigation .listing__title {
    font-weight: normal; }
  .listing--navigation .listing__separator {
    border-top: 1px solid #e2e2e2;
    padding-top: 0.6333333333em;
    margin: 0.4333333333em 0 0 0;
    width: 100%;
    max-width: 32em;
    float: left; }

@media (min-width: 480px) {
  .listing--navigation {
    margin-bottom: 5em; }
    .listing--navigation .listing__item-link {
      padding: 0.9090909091em 0 2.3636363636em 0; }
    .listing--navigation .listing__section-title {
      font-size: 1.2222222222em; }
    .listing--navigation .listing__item-link {
      padding: 0; }
    .listing--navigation .listing__description {
      font-size: 1em; }
    .listing--navigation .listing__separator {
      padding-top: 1.1111111111em;
      margin-top: 0.6111111111em; } }

a.listing__title {
  color: #004494; }

.listing__date {
  float: left; }

.listing__column-main .listing__with {
  margin-top: 0px; }

.listing--meta .listing__title {
  margin-bottom: 0; }

.listing__wrapper {
  margin-bottom: 1.667em; }
  .listing__wrapper:before, .listing__wrapper:after {
    content: " ";
    display: table; }
  .listing__wrapper:after {
    clear: both; }

.listing__item {
  border-bottom: 1px solid #ececec;
  list-style: none;
  list-style-image: none;
  padding: 1.22em 0 1.11em;
  max-width: 32em;
  width: 100%;
  float: left; }
  .listing__item:first-child {
    border-top: 1px solid #ececec; }
  .listing__item:hover a .listing__title,
  .listing__item:hover a.listing__title, .listing__item:active a .listing__title,
  .listing__item:active a.listing__title, .listing__item:focus a .listing__title,
  .listing__item:focus a.listing__title {
    text-decoration: underline; }
  .listing__item p {
    margin-bottom: 0; }

.listing__item--fullwidth {
  max-width: none; }

.listing__item-link {
  display: block;
  float: left;
  width: 100%;
  color: #404040; }
  .listing__item-link:active, .listing__item-link:focus {
    text-decoration: none; }
    .listing__item-link:active .listing__title, .listing__item-link:focus .listing__title {
      text-decoration: underline;
      color: #404040; }
  .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]):after {
    display: none !important; }
  .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .listing__title,
  .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .highlighted-item h3 {
    padding-right: 1.2em; }
    .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .listing__title:after,
    .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .highlighted-item h3:after {
      position: absolute;
      line-height: 1.6; }
  .site-information .listing__item-link[href^="http"]:not(.is-internal):after {
    display: none !important; }
  .site-information .listing__item-link[href^="http"]:not(.is-internal) .listing__title,
  .site-information .listing__item-link[href^="http"]:not(.is-internal) .highlighted-item h3 {
    padding-right: 1.2em; }
    .site-information .listing__item-link[href^="http"]:not(.is-internal) .listing__title:after,
    .site-information .listing__item-link[href^="http"]:not(.is-internal) .highlighted-item h3:after {
      position: absolute;
      line-height: 1.6; }

.listing__column-second {
  width: 100%;
  margin: 0.2em 0 0.8em 0; }

.listing__column-main {
  width: 100%;
  padding-left: 0;
  float: left; }

.listing__column-second--no-link {
  padding-bottom: 0.85em;
  margin: 0; }
  .listing__column-second--no-link .btn, .listing__column-second--no-link .inpage-nav__navbar .inpage-nav__toggle, .inpage-nav__navbar .listing__column-second--no-link .inpage-nav__toggle {
    margin-bottom: 0; }

@media (min-width: 480px) {
  .listing__column-second {
    float: right;
    width: 25%;
    padding-left: 15px;
    margin: 0; }
    .listing__column-second + .listing__column-main {
      width: 75%; }
  .listing__column-second--no-link {
    width: 100%;
    padding-left: 0; } }

@media (min-width: 622px) {
  .listing__column-main--sidebar-next {
    width: 66.6%; }
  .listing__column-second--no-link {
    float: right;
    width: 33.3%;
    padding-left: 15px;
    padding-top: 0.85em; }
    .listing__column-second--no-link .btn, .listing__column-second--no-link .inpage-nav__navbar .inpage-nav__toggle, .inpage-nav__navbar .listing__column-second--no-link .inpage-nav__toggle {
      margin-top: 1.667em; } }

.listing__title {
  font-family: Arial, sans-serif;
  font-size: 1em;
  padding: 0;
  display: inline-block;
  line-height: 1.3;
  margin-bottom: 0.5em;
  position: relative; }
  a:link .listing__title,
  a:visited .listing__title {
    color: #004494; }
  .listing__title ~ * {
    font-size: 0.889em; }

.listing__title--arrow:after, .listing--cta .listing__title:after, .site-menu .field--field-site-menu-links .listing__item .listing__title:after {
  margin-left: 10px;
  margin-top: 2px;
  font-size: 1.2em;
  position: absolute; }

.listing__read-more {
  margin-top: 0.5em;
  text-align: right;
  font-weight: 600;
  display: block;
  float: right;
  text-transform: uppercase;
  font-size: 0.833em; }
  .listing__read-more:after {
    font-size: 0.778em; }
  .listing__read-more + .free-text {
    margin-top: 1.5em; }

/*
Listing column left

This is actually a modifier that applies changes to the listing__item element.

Markup: html/listing--column-left.html

Styleguide listing.1.1
*/
.listing--column-left .listing__column-main {
  width: auto;
  overflow: hidden;
  float: none; }

.listing--column-left .listing__column-second {
  width: auto;
  float: left;
  padding-right: 15px;
  padding-left: 0; }

/*
Listing layouts

Listing layouts are implemented as modifiers of the listing__wrapper element which is actually the container of the component.

Styleguide listing.2
*/
/*
Listing two columns

This is a way to put two listings in two different columns.

Markup: html/listing__wrapper--two-columns.html

Styleguide listing.2.1
*/
/*
Listing three columns

This is a way to put three listings in three different columns.

Markup: html/listing__wrapper--three-columns.html

Styleguide listing.2.2
*/
/*
Listing item two rows

This is a way to put two listing_item in the same row.

Markup: html/listing__wrapper--row-two.html

Styleguide listing.2.3
*/
/*
Listing item three rows

This is a way to put three listing_item in the same row.

Markup: html/listing__wrapper--row-three.html

Styleguide listing.2.4
*/
.listing__wrapper--maxwidth .listing__item {
  max-width: none; }

.listing__wrapper--three-columns .listing__title,
.listing__wrapper--two-columns .listing__title,
.listing__wrapper--row-three .listing__title,
.listing__wrapper--row-two .listing__title {
  margin: 0.2em 0 0.4em 0; }

.listing__wrapper--three-columns p,
.listing__wrapper--two-columns p,
.listing__wrapper--row-three p,
.listing__wrapper--row-two p {
  padding: 0; }

.listing__wrapper--two-columns .listing {
  margin-bottom: 2em; }

.listing__wrapper--row-two .listing__item:nth-child(odd) {
  clear: left; }

@media (min-width: 992px) {
  .listing__wrapper--two-columns .listing {
    margin-bottom: 0; } }

.logo, .logo--logotype, .no-svg .logo--logotype {
  display: block;
  float: left;
  width: 140px;
  height: 72px;
  background: url("../images/svg/logo.svg") no-repeat; }

.no-svg .logo, .no-svg .logo--logotype {
  background-image: url("../images/png/logo.png"); }

.language-bg .logo--logotype {
  background-image: url("../images/svg/logo/logo--bg.svg"); }

@media print {
  .language-bg .logo--logotype:before {
    content: url("../images/svg/logo/logo--bg.svg"); } }

.language-cs .logo--logotype {
  background-image: url("../images/svg/logo/logo--cs.svg"); }

@media print {
  .language-cs .logo--logotype:before {
    content: url("../images/svg/logo/logo--cs.svg"); } }

.language-da .logo--logotype {
  background-image: url("../images/svg/logo/logo--da.svg"); }

@media print {
  .language-da .logo--logotype:before {
    content: url("../images/svg/logo/logo--da.svg"); } }

.language-de .logo--logotype {
  background-image: url("../images/svg/logo/logo--de.svg"); }

@media print {
  .language-de .logo--logotype:before {
    content: url("../images/svg/logo/logo--de.svg"); } }

.language-el .logo--logotype {
  background-image: url("../images/svg/logo/logo--el.svg"); }

@media print {
  .language-el .logo--logotype:before {
    content: url("../images/svg/logo/logo--el.svg"); } }

.language-en .logo--logotype {
  background-image: url("../images/svg/logo/logo--en.svg"); }

@media print {
  .language-en .logo--logotype:before {
    content: url("../images/svg/logo/logo--en.svg"); } }

.language-es .logo--logotype {
  background-image: url("../images/svg/logo/logo--es.svg"); }

@media print {
  .language-es .logo--logotype:before {
    content: url("../images/svg/logo/logo--es.svg"); } }

.language-et .logo--logotype {
  background-image: url("../images/svg/logo/logo--et.svg"); }

@media print {
  .language-et .logo--logotype:before {
    content: url("../images/svg/logo/logo--et.svg"); } }

.language-fi .logo--logotype {
  background-image: url("../images/svg/logo/logo--fi.svg"); }

@media print {
  .language-fi .logo--logotype:before {
    content: url("../images/svg/logo/logo--fi.svg"); } }

.language-fr .logo--logotype {
  background-image: url("../images/svg/logo/logo--fr.svg"); }

@media print {
  .language-fr .logo--logotype:before {
    content: url("../images/svg/logo/logo--fr.svg"); } }

.language-ga .logo--logotype {
  background-image: url("../images/svg/logo/logo--ga.svg"); }

@media print {
  .language-ga .logo--logotype:before {
    content: url("../images/svg/logo/logo--ga.svg"); } }

.language-hr .logo--logotype {
  background-image: url("../images/svg/logo/logo--hr.svg"); }

@media print {
  .language-hr .logo--logotype:before {
    content: url("../images/svg/logo/logo--hr.svg"); } }

.language-hu .logo--logotype {
  background-image: url("../images/svg/logo/logo--hu.svg"); }

@media print {
  .language-hu .logo--logotype:before {
    content: url("../images/svg/logo/logo--hu.svg"); } }

.language-it .logo--logotype {
  background-image: url("../images/svg/logo/logo--it.svg"); }

@media print {
  .language-it .logo--logotype:before {
    content: url("../images/svg/logo/logo--it.svg"); } }

.language-lt .logo--logotype {
  background-image: url("../images/svg/logo/logo--lt.svg"); }

@media print {
  .language-lt .logo--logotype:before {
    content: url("../images/svg/logo/logo--lt.svg"); } }

.language-lv .logo--logotype {
  background-image: url("../images/svg/logo/logo--lv.svg"); }

@media print {
  .language-lv .logo--logotype:before {
    content: url("../images/svg/logo/logo--lv.svg"); } }

.language-mt .logo--logotype {
  background-image: url("../images/svg/logo/logo--mt.svg"); }

@media print {
  .language-mt .logo--logotype:before {
    content: url("../images/svg/logo/logo--mt.svg"); } }

.language-nl .logo--logotype {
  background-image: url("../images/svg/logo/logo--nl.svg"); }

@media print {
  .language-nl .logo--logotype:before {
    content: url("../images/svg/logo/logo--nl.svg"); } }

.language-pl .logo--logotype {
  background-image: url("../images/svg/logo/logo--pl.svg"); }

@media print {
  .language-pl .logo--logotype:before {
    content: url("../images/svg/logo/logo--pl.svg"); } }

.language-pt .logo--logotype {
  background-image: url("../images/svg/logo/logo--pt.svg"); }

@media print {
  .language-pt .logo--logotype:before {
    content: url("../images/svg/logo/logo--pt.svg"); } }

.language-ro .logo--logotype {
  background-image: url("../images/svg/logo/logo--ro.svg"); }

@media print {
  .language-ro .logo--logotype:before {
    content: url("../images/svg/logo/logo--ro.svg"); } }

.language-sk .logo--logotype {
  background-image: url("../images/svg/logo/logo--sk.svg"); }

@media print {
  .language-sk .logo--logotype:before {
    content: url("../images/svg/logo/logo--sk.svg"); } }

.language-sl .logo--logotype {
  background-image: url("../images/svg/logo/logo--sl.svg"); }

@media print {
  .language-sl .logo--logotype:before {
    content: url("../images/svg/logo/logo--sl.svg"); } }

.language-sv .logo--logotype {
  background-image: url("../images/svg/logo/logo--sv.svg"); }

@media print {
  .language-sv .logo--logotype:before {
    content: url("../images/svg/logo/logo--sv.svg"); } }

.logo--logotype {
  width: 290px; }

.no-svg .language-bg .logo--logotype {
  background-image: url("../images/png/logo/logo--bg.png"); }

@media print {
  .no-svg .language-bg .logo--logotype:before {
    content: url("../images/png/logo/logo--bg.png"); } }

.no-svg .language-cs .logo--logotype {
  background-image: url("../images/png/logo/logo--cs.png"); }

@media print {
  .no-svg .language-cs .logo--logotype:before {
    content: url("../images/png/logo/logo--cs.png"); } }

.no-svg .language-da .logo--logotype {
  background-image: url("../images/png/logo/logo--da.png"); }

@media print {
  .no-svg .language-da .logo--logotype:before {
    content: url("../images/png/logo/logo--da.png"); } }

.no-svg .language-de .logo--logotype {
  background-image: url("../images/png/logo/logo--de.png"); }

@media print {
  .no-svg .language-de .logo--logotype:before {
    content: url("../images/png/logo/logo--de.png"); } }

.no-svg .language-el .logo--logotype {
  background-image: url("../images/png/logo/logo--el.png"); }

@media print {
  .no-svg .language-el .logo--logotype:before {
    content: url("../images/png/logo/logo--el.png"); } }

.no-svg .language-en .logo--logotype {
  background-image: url("../images/png/logo/logo--en.png"); }

@media print {
  .no-svg .language-en .logo--logotype:before {
    content: url("../images/png/logo/logo--en.png"); } }

.no-svg .language-es .logo--logotype {
  background-image: url("../images/png/logo/logo--es.png"); }

@media print {
  .no-svg .language-es .logo--logotype:before {
    content: url("../images/png/logo/logo--es.png"); } }

.no-svg .language-et .logo--logotype {
  background-image: url("../images/png/logo/logo--et.png"); }

@media print {
  .no-svg .language-et .logo--logotype:before {
    content: url("../images/png/logo/logo--et.png"); } }

.no-svg .language-fi .logo--logotype {
  background-image: url("../images/png/logo/logo--fi.png"); }

@media print {
  .no-svg .language-fi .logo--logotype:before {
    content: url("../images/png/logo/logo--fi.png"); } }

.no-svg .language-fr .logo--logotype {
  background-image: url("../images/png/logo/logo--fr.png"); }

@media print {
  .no-svg .language-fr .logo--logotype:before {
    content: url("../images/png/logo/logo--fr.png"); } }

.no-svg .language-ga .logo--logotype {
  background-image: url("../images/png/logo/logo--ga.png"); }

@media print {
  .no-svg .language-ga .logo--logotype:before {
    content: url("../images/png/logo/logo--ga.png"); } }

.no-svg .language-hr .logo--logotype {
  background-image: url("../images/png/logo/logo--hr.png"); }

@media print {
  .no-svg .language-hr .logo--logotype:before {
    content: url("../images/png/logo/logo--hr.png"); } }

.no-svg .language-hu .logo--logotype {
  background-image: url("../images/png/logo/logo--hu.png"); }

@media print {
  .no-svg .language-hu .logo--logotype:before {
    content: url("../images/png/logo/logo--hu.png"); } }

.no-svg .language-it .logo--logotype {
  background-image: url("../images/png/logo/logo--it.png"); }

@media print {
  .no-svg .language-it .logo--logotype:before {
    content: url("../images/png/logo/logo--it.png"); } }

.no-svg .language-lt .logo--logotype {
  background-image: url("../images/png/logo/logo--lt.png"); }

@media print {
  .no-svg .language-lt .logo--logotype:before {
    content: url("../images/png/logo/logo--lt.png"); } }

.no-svg .language-lv .logo--logotype {
  background-image: url("../images/png/logo/logo--lv.png"); }

@media print {
  .no-svg .language-lv .logo--logotype:before {
    content: url("../images/png/logo/logo--lv.png"); } }

.no-svg .language-mt .logo--logotype {
  background-image: url("../images/png/logo/logo--mt.png"); }

@media print {
  .no-svg .language-mt .logo--logotype:before {
    content: url("../images/png/logo/logo--mt.png"); } }

.no-svg .language-nl .logo--logotype {
  background-image: url("../images/png/logo/logo--nl.png"); }

@media print {
  .no-svg .language-nl .logo--logotype:before {
    content: url("../images/png/logo/logo--nl.png"); } }

.no-svg .language-pl .logo--logotype {
  background-image: url("../images/png/logo/logo--pl.png"); }

@media print {
  .no-svg .language-pl .logo--logotype:before {
    content: url("../images/png/logo/logo--pl.png"); } }

.no-svg .language-pt .logo--logotype {
  background-image: url("../images/png/logo/logo--pt.png"); }

@media print {
  .no-svg .language-pt .logo--logotype:before {
    content: url("../images/png/logo/logo--pt.png"); } }

.no-svg .language-ro .logo--logotype {
  background-image: url("../images/png/logo/logo--ro.png"); }

@media print {
  .no-svg .language-ro .logo--logotype:before {
    content: url("../images/png/logo/logo--ro.png"); } }

.no-svg .language-sk .logo--logotype {
  background-image: url("../images/png/logo/logo--sk.png"); }

@media print {
  .no-svg .language-sk .logo--logotype:before {
    content: url("../images/png/logo/logo--sk.png"); } }

.no-svg .language-sl .logo--logotype {
  background-image: url("../images/png/logo/logo--sl.png"); }

@media print {
  .no-svg .language-sl .logo--logotype:before {
    content: url("../images/png/logo/logo--sl.png"); } }

.no-svg .language-sv .logo--logotype {
  background-image: url("../images/png/logo/logo--sv.png"); }

@media print {
  .no-svg .language-sv .logo--logotype:before {
    content: url("../images/png/logo/logo--sv.png"); } }

.no-svg .logo--logotype {
  width: 290px; }

.site-header__logo::before, .site-header__logo::after {
  display: none !important; }

/*
Meta

Meta is a component that is used for displaying meta information in single pages and listings
It could also be reused in blocks

Markup: html/meta.html

.meta--header - Meta header modifier  that is currently used in the page header, it is larger than the meta component alone

Styleguide meta
*/
.meta {
  line-height: 1.3;
  font-size: 0.778em;
  letter-spacing: 0.02777778em; }
  .meta p {
    margin: 0; }

.meta__item, .label--meta, .label--meta-medium {
  white-space: nowrap; }
  .meta__item:after, .label--meta:after, .label--meta-medium:after {
    content: "|";
    color: #b3b4b5;
    margin: 0 0.6em 0 0.85em;
    position: relative;
    top: -1px; }
  .meta__item:last-child:after, .label--meta:last-child:after, .label--meta-medium:last-child:after {
    display: none; }

.meta__item--type {
  text-transform: uppercase; }

.meta--header {
  font-size: 0.889em;
  margin: 0 0 1em; }

.meta .meta__item p, .meta .label--meta p, .meta .label--meta-medium p {
  font-size: inherit !important;
  display: inline;
  line-height: inherit;
  max-width: none; }

/*

Messages

Markup: html/messages.html

.messages--icon-center - Centralized icon

Styleguide messages
*/
.messages, .feedback-message {
  border: 2px solid;
  border-color: #006fb4;
  color: #404040;
  font-family: Arial, sans-serif;
  font-size: 0.889em;
  margin: 0 0 1em;
  padding: 1em 1em 1em 4em;
  position: relative;
  overflow: hidden;
  background: url("../images/svg/messages-info.svg") no-repeat 1em 1.1em;
  background-size: 2em; }
  .messages.messages--icon-center, .messages--icon-center.feedback-message {
    background-position: 1em center; }
  .messages > :last-child, .feedback-message > :last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
  .messages.status, .status.feedback-message {
    border-color: #467a39;
    background-image: url("../images/svg/messages-success.svg"); }
  .messages.warning, .warning.feedback-message {
    border-color: #ffc412;
    background-image: url("../images/svg/messages-warning.svg"); }
  .messages.error, .error.feedback-message {
    border-color: #da2131;
    background-image: url("../images/svg/messages-error.svg"); }
  .messages.live, .live.feedback-message {
    border-color: #ffc412;
    background-image: url("../images/svg/live_streaming.svg"); }
  .messages h3, .feedback-message h3 {
    font-size: inherit;
    font-weight: bold;
    padding-top: 0; }
  .messages ul, .feedback-message ul,
  .messages p, .feedback-message p {
    max-width: 95%;
    margin-bottom: 0;
    font-size: 0.889em; }
  .messages li, .feedback-message li {
    list-style-type: none; }
  .messages > :last-child, .feedback-message > :last-child {
    padding-bottom: 0; }

.messages__list, .messages ul, .feedback-message ul {
  padding-left: 0;
  margin-bottom: 0;
  max-width: auto;
  font-family: Arial, sans-serif; }

.messages__list-item, .messages ul li, .feedback-message ul li {
  margin-top: 0.5em; }
  .messages__list-item:first-child, .messages ul li:first-child, .feedback-message ul li:first-child {
    margin-top: 0; }

.no-svg .messages, .no-svg .feedback-message {
  background-image: url("../images/png/messages-info.png"); }
  .no-svg .messages.status, .no-svg .status.feedback-message {
    background-image: url("../images/png/messages-info.png"); }
  .no-svg .messages.warning, .no-svg .warning.feedback-message {
    background-image: url("../images/png/messages-warning.png"); }
  .no-svg .messages.error, .no-svg .error.feedback-message {
    background-image: url("../images/png/messages-error.png"); }
  .no-svg .messages.live, .no-svg .live.feedback-message {
    background-image: url("../images/png/live_streaming.png"); }

.no-svg .alert .close {
  background-image: url("../images/png/close.png"); }
  .no-svg .alert .close:hover {
    background-image: url("../images/png/close_hover.png"); }

.alert {
  margin: 1.667em 0;
  border-radius: 0; }
  .alert .close {
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    opacity: 1;
    background: url("../images/svg/close.svg") no-repeat right top;
    padding: 0 0 0 5px; }
    .alert .close:hover {
      background-image: url("../images/svg/close_hover.svg"); }

/*

Notification

Notification that appears at the top of the site

Markup: html/notification.html

Styleguide notification

*/
.notification {
  background: #ffd617;
  padding: 10px 0 6px;
  font-size: 14px; }
  .notification a {
    color: #000; }
    .notification a:focus {
      outline: 3px solid #000;
      outline-offset: 2px;
      text-decoration: underline; }
    .notification a:hover, .notification a:focus {
      text-decoration: none; }

.notification__label {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 1.5em; }

.notification__content {
  display: block; }
  .notification__content .notification__text {
    float: left;
    margin-bottom: 6px;
    margin-right: 8px;
    width: 100%; }
  .notification__content .notification__btn {
    font-weight: bold;
    float: left;
    margin-bottom: 6px; }
    .notification__content .notification__btn:after {
      font-size: 12px; }
  .notification__content p {
    max-width: none;
    margin: 0; }

.notification__content__more {
  font-weight: 600; }
  .notification__content__more .icon, .notification__content__more .search-form__btn {
    top: 2px;
    position: relative; }

@media (min-width: 768px) {
  .notification__content .notification__text {
    width: 75%; }
  .notification__content .notification__btn {
    float: right; } }

@media (min-width: 1200px) {
  .notification__content__more {
    float: right; } }

.site-political .notification a[href^="http"]:not(.is-internal):not([href*="europa.eu"]) {
  padding-right: 1.1em; }
  .site-political .notification a[href^="http"]:not(.is-internal):not([href*="europa.eu"]):after {
    position: absolute;
    line-height: 2.2; }

.site-information .notification a[href^="http"]:not(.is-internal) {
  padding-right: 1.1em; }
  .site-information .notification a[href^="http"]:not(.is-internal):after {
    position: absolute;
    line-height: 2.2; }

/*
Page header

Page header component

Markup: html/page-header.html

.page-header--image - Header with a background image
.page-header--large-intro - Header with larger intro text


Styleguide page-header
*/
/*
Political page header

Markup: html/page-header--political.html

Styleguide page-header.political
*/
/*
Informational site page header

Markup: html/page-header--informational.html

Styleguide page-header.informational
*/
/*
Informational site homepage header

Markup: html/page-header--informational-home.html

Styleguide page-header.informational-home
*/
.page-header {
  background: #004494;
  margin: 0;
  padding: 0 0 1.5em;
  color: #fff;
  border-bottom: none; }
  .page-header h1 {
    margin: 0;
    color: #fff; }
  .page-header p {
    margin: 0;
    font-size: 1em;
    line-height: 1.5;
    color: #fff;
    max-width: 40em; }
  .page-header a {
    color: #fff; }
    .page-header a:hover:not(.breadcrumb__link, .btn) {
      color: #ffd617; }
    .page-header a:focus {
      outline: 3px solid #ffd617;
      outline-offset: 2px;
      text-decoration: underline; }
    .site-political .page-header a[href^="http"]:not(.is-internal, .listing__title):not([href*="europa.eu"]) {
      padding-right: 1.1em;
      display: inline-block; }
      .site-political .page-header a[href^="http"]:not(.is-internal, .listing__title):not([href*="europa.eu"]):after {
        position: absolute;
        line-height: 2.2; }
      .site-political .page-header a[href^="http"]:not(.is-internal, .listing__title):not([href*="europa.eu"]).btn, .site-political .page-header .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal, .listing__title):not([href*="europa.eu"]), .inpage-nav__navbar .site-political .page-header a[href^="http"].inpage-nav__toggle:not(.is-internal, .listing__title):not([href*="europa.eu"]) {
        padding-right: 2.1em; }
    .site-information .page-header a[href^="http"]:not(.is-internal, .listing__title) {
      padding-right: 1.1em;
      display: inline-block; }
      .site-information .page-header a[href^="http"]:not(.is-internal, .listing__title):after {
        position: absolute;
        line-height: 2.2; }
      .site-information .page-header a[href^="http"]:not(.is-internal, .listing__title).btn, .site-information .page-header .inpage-nav__navbar a[href^="http"].inpage-nav__toggle:not(.is-internal, .listing__title), .inpage-nav__navbar .site-information .page-header a[href^="http"].inpage-nav__toggle:not(.is-internal, .listing__title) {
        padding-right: 2.1em; }
  .page-header .page-header__top,
  .page-header .page-header__main,
  .page-header .page-header__bottom {
    display: block;
    width: 100%; }
  .page-header .page-header__top {
    text-transform: uppercase; }
  .page-header .page-header__main {
    line-height: 1.428571429; }
  .page-header .page-header__bottom {
    font-size: 26px; }
  .page-header .page-header__hero-title {
    padding-top: 2.39em; }
    .page-header .page-header__hero-title .meta--header {
      margin-bottom: 0; }

.page-header--large-intro, .node-type-info-homepage .page-header {
  padding-bottom: 2.39em; }
  .page-header--large-intro p, .node-type-info-homepage .page-header p {
    font-size: 1.667em;
    line-height: 1.33; }

.page-header--image {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.page-header__eventinfo {
  float: left;
  font-size: 0.778em; }
  .page-header__eventinfo .page-header__date--cancelled {
    text-decoration: line-through; }
  .page-header__eventinfo .icon, .page-header__eventinfo .search-form__btn {
    margin: 1em 2em 1em 0; }
    .page-header__eventinfo .icon::before, .page-header__eventinfo .search-form__btn::before {
      margin-right: 0.5em; }

/*
Pager

Depends on 'icon' component for showing back/forward arrows.

Markup: html/pager.html

Styleguide pager
*/
.pager__wrapper {
  text-align: center; }

.pager {
  display: inline-block;
  font-weight: bold;
  margin: 0.938em auto;
  max-width: none !important;
  background: #004494;
  height: 3em;
  line-height: 3em;
  padding-left: 0; }
  .pager::after {
    clear: both; }
  .pager > .pager__item {
    transition: all .2s linear;
    list-style: none;
    float: left; }
    .pager > .pager__item > .pager__btn {
      color: #fff;
      margin: 0;
      font-size: 0.889em;
      display: inline-block;
      text-align: center;
      text-decoration: none; }
      .pager > .pager__item > .pager__btn:hover, .pager > .pager__item > .pager__btn:focus, .pager > .pager__item > .pager__btn:active, .pager > .pager__item > .pager__btn:visited {
        color: #fff; }
      .pager > .pager__item > .pager__btn:focus {
        position: relative;
        z-index: 1;
        outline: 6px solid #ffd617; }

.pager__middle {
  position: relative;
  background: #ececec; }
  .pager__middle .pager__separator {
    position: absolute;
    height: 100%;
    width: 1px;
    border: 1px solid #d3d4d4;
    right: 3.5em;
    top: 0; }
  .pager__middle .pager__dropdown {
    background: url("../images/svg/arrow-down--blue.svg") 86% 50% no-repeat;
    background-size: 1.3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #004494;
    font-size: 0.889em;
    padding: 0 6em 0 1.5em;
    height: 3.35em; }
    .pager__middle .pager__dropdown:hover {
      background-image: url("../images/svg/arrow-down--blue.svg");
      background-size: 1.3em !important; }
    .pager__middle .pager__dropdown option {
      outline: none;
      padding-bottom: 0.3em;
      font-size: 0.889em;
      padding: 0.3em 0 0.3em 0.9em;
      font-weight: normal; }
    .pager__middle .pager__dropdown:focus:focus {
      outline: 3px solid #ffd617;
      outline-offset: 0;
      text-decoration: underline; }
    .pager__middle .pager__dropdown:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #004494; }

.no-svg .pager__dropdown {
  background-image: url("../images/png/arrow-down-blue.png"); }

.pager__back-arrow,
.pager__forward-arrow {
  height: 3em;
  display: inline-block;
  padding: 0 1em;
  text-align: center; }
  .pager__back-arrow.icon:before, .pager__back-arrow.search-form__btn:before, .pager__back-arrow.icon::before, .pager__back-arrow.search-form__btn::before,
  .pager__forward-arrow.icon:before,
  .pager__forward-arrow.search-form__btn:before,
  .pager__forward-arrow.icon::before,
  .pager__forward-arrow.search-form__btn::before {
    font-size: 1.7em;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -2px; }

.pager__back-text,
.pager__forward-text {
  display: none; }

@media (min-width: 622px) {
  .pager__back .pager__btn,
  .pager__forward .pager__btn {
    width: auto; }
    .pager__back .pager__btn:hover,
    .pager__forward .pager__btn:hover {
      text-decoration: none; }
  .pager__back-text,
  .pager__forward-text {
    display: inline-block;
    padding: 0 2em 0 0; }
    .pager__back-text:hover,
    .pager__forward-text:hover {
      text-decoration: underline; }
  .pager__forward-text {
    padding: 0 0 0 2em; } }

.region-content ul.pager {
  margin: 0.938em auto;
  padding: 0; }
  .region-content ul.pager .ajax-progress {
    display: none; }

/*
RSS Link

Markup: html/rss-link.html

Styleguide rsslink
*/
.rss-link {
  float: right;
  margin-bottom: 15px;
  position: relative; }
  .rss-link a {
    float: left;
    line-height: 40px; }
    .rss-link a:hover .rss-link__text {
      text-decoration: underline; }

.rss-link__wrapper {
  overflow: hidden; }

.rss-link__label {
  color: #404040;
  font-size: 0.889em;
  font-weight: 600;
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
  line-height: 40px; }

.rss-link__icon {
  float: left; }
  .rss-link__icon:before {
    width: 100%; }

.rss-link__text {
  display: inline-block;
  font-size: 0.778em;
  font-weight: normal;
  text-decoration: none; }

@media (min-width: 992px) {
  .rss-link__wrapper {
    float: right; }
  .rss-link {
    margin-bottom: 0; } }

/*
Site header

Markup: html/site-header.html

Styleguide: siteheader
*/
.site-header {
  overflow: hidden;
  color: #004494;
  padding: 14px 0 0;
  position: relative; }
  @media (min-width: 992px) {
    .site-header .site-header__logo {
      position: relative;
      top: 15px; }
    .site-header {
      padding: 14px 0; } }
  @media print {
    .site-header {
      -webkit-print-color-adjust: exact; } }
  .site-header > .container-fluid, .field--full-width.site-header > * {
    position: relative; }
  .site-header a:focus {
    outline: 3px solid #ffd617;
    outline-offset: 5px;
    text-decoration: underline; }

.site-slogan {
  color: #404040;
  max-width: inherit;
  text-align: center;
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 16px;
  padding-top: 5px; }
  @media (min-width: 480px) {
    .site-slogan {
      padding-top: 10px;
      font-size: 20px;
      margin-bottom: 25px; } }
  @media (min-width: 768px) {
    .site-slogan {
      padding-top: 12px;
      font-size: 26px;
      margin-bottom: 40px; } }

/*
Site switcher

Helps the user choose between political and informational websites.

Markup: html/site-switcher.html

.site-switcher--header - Header modifier
.site-switcher--footer - Footer modifier

Styleguide: siteswitcher
*/
.site-switcher {
  background: #f2f2f2;
  display: block;
  font-size: 0.889em; }

.site-switcher__list {
  list-style: none;
  margin: 0;
  padding: 0; }

.site-switcher__option {
  display: inline-block;
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 50%; }
  .site-switcher__option a {
    text-decoration: none; }
    .site-switcher__option a:hover, .site-switcher__option a:focus {
      text-decoration: underline; }
  .site-switcher__option > a {
    display: block;
    width: 100%;
    padding: 0.5em 1.667em;
    line-height: 1.3;
    font-weight: bold; }
    .site-switcher__option > a:after, .site-switcher__option > a.is-external:after, .site-political .site-switcher__option > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-information .site-switcher__option > a[href^="http"]:not(.is-internal):after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .site-switcher__option > a.listing__title:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .site-switcher__option > a.listing__title:after {
      content: none !important; }
  .site-switcher__option.is-selected {
    background: #004494;
    border-left: none; }
    .site-switcher__option.is-selected > a {
      color: #fff; }

.site-switcher--header .site-switcher__list:first-child {
  border-left: 1px solid #b3b4b5; }

.site-switcher--header .site-switcher__option {
  position: relative; }
  .site-switcher--header .site-switcher__option.is-selected:after {
    top: 95%;
    left: 50%;
    border: solid transparent;
    content: " " !important;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 68, 148, 0);
    border-top-color: #004494;
    border-width: 10px;
    margin-left: -10px; }

.site-switcher--footer {
  border-bottom: 1px solid #f2f2f2; }
  .site-switcher--footer .site-switcher__list:first-child {
    border-left: none; }
  .site-switcher--footer .site-switcher__option {
    position: relative; }
    .site-switcher--footer .site-switcher__option.is-selected:after {
      bottom: 95%;
      left: 50%;
      border: solid transparent;
      content: " " !important;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(0, 68, 148, 0);
      border-bottom-color: #004494;
      border-width: 10px;
      margin-left: -10px; }

@media (min-width: 992px) {
  .site-switcher__option {
    width: auto; }
  .site-switcher--footer .site-switcher__list {
    float: right; } }

/*
Search form

Markup: html/search-form.html

Styleguide: siteheader.searchform
*/
.search-form {
  margin-bottom: 1em;
  overflow: hidden;
  border: 1px solid #b3b4b5; }
  .search-form > div {
    display: table;
    border-collapse: separate; }
  .search-form .search-form__textfield-wrapper,
  .search-form .search-form__btn-wrapper {
    position: relative;
    display: table-cell; }
  .search-form .search-form__btn-wrapper {
    width: 1%;
    vertical-align: middle;
    white-space: nowrap; }

.search-form__textfield {
  width: 100%;
  margin: 0;
  border: none; }

.search-form__btn {
  min-height: 2.75em;
  margin-right: -1px;
  margin-bottom: 0;
  padding: 0 22px;
  text-indent: -999em;
  overflow: visible;
  border: none !important; }
  .search-form__btn:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.5em;
    line-height: 1.9em;
    text-indent: 0; }

@media (min-width: 992px) {
  .search-form > div {
    display: block; }
  .search-form .search-form__textfield-wrapper {
    float: left; }
  .search-form .search-form__btn-wrapper {
    float: left;
    width: auto;
    display: block;
    vertical-align: inherit;
    white-space: inherit; }
  .search-form__btn {
    padding: 0 1em;
    text-indent: 0; }
    .search-form__btn:before {
      display: none !important; } }

.site-menu {
  margin-bottom: 0; }
  .site-menu .listing__wrapper--two-columns .listing,
  .site-menu .listing__wrapper {
    margin-bottom: 0; }
  .site-menu .listing__item {
    border-color: #dcb812;
    font-size: 0.889em; }
    .site-menu .listing__item:first-child {
      border-top: none; }
    .site-menu .listing__item .listing__title {
      color: #000000;
      padding: 0; }
  .site-menu .listing__item-link:focus {
    outline: 3px solid #404040;
    outline-offset: 8px;
    text-decoration: underline; }
  .site-menu .smaller {
    padding: 0.61em 0; }
    .site-menu .smaller a {
      display: block;
      text-decoration: underline;
      color: #000000;
      margin-top: 2em;
      float: left;
      width: 100%; }
      .site-menu .smaller a:hover {
        color: #000000;
        text-decoration: none; }
      .site-menu .smaller a:focus:focus {
        outline: 3px solid #404040;
        outline-offset: 2px;
        text-decoration: none; }
  .site-menu .col-sm-4 .listing, .site-menu .file__btn .listing {
    margin-top: 2em; }
  .site-menu p {
    color: black;
    font-size: 0.889em; }
  .site-menu .field--field-site-menu-links .listing__item {
    margin-bottom: 1px; }
    .site-menu .field--field-site-menu-links .listing__item .listing__title:after {
      margin-left: 0.5em;
      margin-top: 3px;
      font-size: 0.8em; }
    .site-menu .field--field-site-menu-links .listing__item .listing__title:hover {
      color: #404040; }
    .site-menu .field--field-site-menu-links .listing__item .listing__title:focus {
      outline: 3px solid #404040; }

.front .site-menu p {
  font-size: 0.889em; }

.site-menu__section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 1em;
  padding-bottom: 1.5em; }
  .site-menu__section:last-child {
    border: none; }

.site-menu__toggle .btn, .site-menu__toggle .inpage-nav__navbar .inpage-nav__toggle, .inpage-nav__navbar .site-menu__toggle .inpage-nav__toggle {
  width: 100%;
  border: 3px solid #004494; }

.js .site-menu {
  height: 0; }
  .js .site-menu.collapse {
    height: inherit; }

@media (min-width: 768px) {
  .site-menu .listing__wrapper--two-columns .listing {
    width: 100%; }
  .site-menu .col-sm-4 .listing, .site-menu .file__btn .listing {
    margin-top: 0; } }

@media (min-width: 992px) {
  .site-menu .listing__wrapper--two-columns .listing,
  .site-menu .listing__wrapper {
    margin-bottom: auto; }
  .site-menu .listing__wrapper--two-columns .listing {
    width: 50%; }
  .site-menu__section {
    padding-top: 2em;
    padding-bottom: 3em; } }

.skip-link,
#skip-link {
  position: fixed;
  top: 1.5em;
  left: 1.5em;
  z-index: 1060; }
  .skip-link a,
  #skip-link a {
    color: #fff;
    background: #006fb4;
    padding: 8px;
    outline: 4px solid #ffd617;
    outline-offset: 0; }

/*
Social Media

Social Media Links

Markup: html/social-media-links.html

Styleguide social
*/
.social-media-links {
  background-color: #ececec;
  padding: 30px;
  float: left;
  width: 100%; }
  .social-media-links .social-media-links__list, .social-media-links .social-media-links--webtool-vertical .wtShareList ul, .social-media-links--webtool-vertical .wtShareList .social-media-links ul, .social-media-links .social-media-links--webtool-horizontal .wtShareList ul, .social-media-links--webtool-horizontal .wtShareList .social-media-links ul {
    list-style-type: none;
    padding: 0px !important;
    margin: 0px !important; }

.social-media-links__label {
  margin-bottom: 0.8em;
  display: block;
  width: 100%; }

.social-media-links__item, .social-media-links--webtool-vertical .wtShareList, .social-media-links--webtool-horizontal .wtShareList, .social-media-links--webtool-vertical .wtShareList .wtShareLink, .social-media-links--webtool-horizontal .wtShareList .wtShareLink {
  margin-bottom: 0.7em; }
  .social-media-links__item > a, .social-media-links--webtool-vertical .wtShareList > a, .social-media-links--webtool-horizontal .wtShareList > a, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a, .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a {
    width: 100%;
    display: block; }
    .social-media-links__item > a:focus, .social-media-links--webtool-vertical .wtShareList > a:focus, .social-media-links--webtool-horizontal .wtShareList > a:focus, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a:focus, .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a:focus {
      outline: 3px solid #ffd617;
      outline-offset: -1px;
      text-decoration: underline; }
    .social-media-links__item > a:before, .social-media-links--webtool-vertical .wtShareList > a:before, .social-media-links--webtool-horizontal .wtShareList > a:before, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a:before, .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a:before {
      margin-bottom: 0px; }
    .social-media-links__item > a:after, .social-media-links--webtool-vertical .wtShareList > a:after, .social-media-links--webtool-horizontal .wtShareList > a:after, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a:after, .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a:after, .social-media-links__item > a.is-external:after, .social-media-links--webtool-vertical .wtShareList > a.is-external:after, .social-media-links--webtool-horizontal .wtShareList > a.is-external:after, .social-media-links--webtool-vertical .wtShareList .wtShareLink > a.is-external:after, .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a.is-external:after, .site-political .social-media-links__item > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .social-media-links--webtool-vertical .site-political .wtShareList > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-political .social-media-links--webtool-vertical .wtShareList > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .social-media-links--webtool-horizontal .site-political .wtShareList > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-political .social-media-links--webtool-horizontal .wtShareList > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .social-media-links--webtool-vertical .wtShareList .site-political .wtShareLink > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-political .social-media-links--webtool-vertical .wtShareList .wtShareLink > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .social-media-links--webtool-horizontal .wtShareList .site-political .wtShareLink > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-political .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a[href^="http"]:not([href*="europa.eu"]):not(.is-internal):after, .site-information .social-media-links__item > a[href^="http"]:not(.is-internal):after, .social-media-links--webtool-vertical .site-information .wtShareList > a[href^="http"]:not(.is-internal):after, .site-information .social-media-links--webtool-vertical .wtShareList > a[href^="http"]:not(.is-internal):after, .social-media-links--webtool-horizontal .site-information .wtShareList > a[href^="http"]:not(.is-internal):after, .site-information .social-media-links--webtool-horizontal .wtShareList > a[href^="http"]:not(.is-internal):after, .social-media-links--webtool-vertical .wtShareList .site-information .wtShareLink > a[href^="http"]:not(.is-internal):after, .site-information .social-media-links--webtool-vertical .wtShareList .wtShareLink > a[href^="http"]:not(.is-internal):after, .social-media-links--webtool-horizontal .wtShareList .site-information .wtShareLink > a[href^="http"]:not(.is-internal):after, .site-information .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a[href^="http"]:not(.is-internal):after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .social-media-links__item > a.listing__title:after, .social-media-links--webtool-vertical .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .wtShareList > a.listing__title:after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .social-media-links--webtool-vertical .wtShareList > a.listing__title:after, .social-media-links--webtool-horizontal .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .wtShareList > a.listing__title:after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .social-media-links--webtool-horizontal .wtShareList > a.listing__title:after, .social-media-links--webtool-vertical .wtShareList .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .wtShareLink > a.listing__title:after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .social-media-links--webtool-vertical .wtShareList .wtShareLink > a.listing__title:after, .social-media-links--webtool-horizontal .wtShareList .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .wtShareLink > a.listing__title:after, .site-political .listing__item-link[href^="http"]:not(.is-internal):not([href*="europa.eu"]) .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a.listing__title:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .social-media-links__item > a.listing__title:after, .social-media-links--webtool-vertical .site-information .listing__item-link[href^="http"]:not(.is-internal) .wtShareList > a.listing__title:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .social-media-links--webtool-vertical .wtShareList > a.listing__title:after, .social-media-links--webtool-horizontal .site-information .listing__item-link[href^="http"]:not(.is-internal) .wtShareList > a.listing__title:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .social-media-links--webtool-horizontal .wtShareList > a.listing__title:after, .social-media-links--webtool-vertical .wtShareList .site-information .listing__item-link[href^="http"]:not(.is-internal) .wtShareLink > a.listing__title:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .social-media-links--webtool-vertical .wtShareList .wtShareLink > a.listing__title:after, .social-media-links--webtool-horizontal .wtShareList .site-information .listing__item-link[href^="http"]:not(.is-internal) .wtShareLink > a.listing__title:after, .site-information .listing__item-link[href^="http"]:not(.is-internal) .social-media-links--webtool-horizontal .wtShareList .wtShareLink > a.listing__title:after {
      display: none !important; }
  .social-media-links__item--noicon {
    font-size: 0.8em;
    margin-top: 1.2em; }

.social-media-links--webtool-vertical .wtShareList, .social-media-links--webtool-horizontal .wtShareList {
  overflow: visible;
  float: left;
  background: transparent !important;
  padding: 0; }
  .social-media-links--webtool-vertical .wtShareList a[href^="http"]:not(.is-internal):after, .social-media-links--webtool-horizontal .wtShareList a[href^="http"]:not(.is-internal):after {
    display: none !important; }
  .social-media-links--webtool-vertical .wtShareList a:focus, .social-media-links--webtool-horizontal .wtShareList a:focus {
    outline-offset: -1px;
    text-decoration: underline; }
  .social-media-links--webtool-vertical .wtShareList li, .social-media-links--webtool-horizontal .wtShareList li {
    float: none; }
  .social-media-links--webtool-vertical .wtShareList a, .social-media-links--webtool-horizontal .wtShareList a {
    width: 100%;
    margin-bottom: 0 !important; }
  .social-media-links--webtool-vertical .wtShareList a.wtShareMore, .social-media-links--webtool-horizontal .wtShareList a.wtShareMore {
    font-size: 0.8em;
    margin-top: 1.2em; }
    .social-media-links--webtool-vertical .wtShareList a.wtShareMore:focus, .social-media-links--webtool-horizontal .wtShareList a.wtShareMore:focus {
      outline-offset: 2px; }
  .social-media-links--webtool-vertical .wtShareList .wtShareLink, .social-media-links--webtool-horizontal .wtShareList .wtShareLink {
    font-size: 1em; }

.social-media-links--webtool-horizontal {
  clear: both; }
  .social-media-links--webtool-horizontal .wtShareList {
    overflow: visible; }
    .social-media-links--webtool-horizontal .wtShareList li {
      float: left; }
    .social-media-links--webtool-horizontal .wtShareList ul.wtShareNetworks {
      max-width: none !important; }
    .social-media-links--webtool-horizontal .wtShareList a {
      width: inherit; }

/*
Splash Page

Markup: html/splash-page.html

Styleguide splashpage
*/
.splash-page__site-header {
  background: #ffffff; }
  .splash-page__site-header .logo, .splash-page__site-header .logo--logotype {
    margin: 16px auto 40px auto;
    float: none;
    background: url("../images/svg/logo.svg") center center no-repeat;
    background-origin: content-box; }
    .no-svg .splash-page__site-header .logo, .no-svg .splash-page__site-header .logo--logotype {
      background: url("../images/png/logo--big.png") center center no-repeat; }
  @media (min-width: 480px) {
    .splash-page__site-header .logo, .splash-page__site-header .logo--logotype {
      width: 290px;
      height: 153px; } }

.splash-page__container {
  position: relative; }

.splash-page__content {
  padding-top: 3em; }
  .splash-page__content h2 {
    display: none;
    color: #ffffff;
    font-size: 1.222em;
    padding-top: 2em;
    padding-bottom: 2em;
    clear: both; }

.splash-page__helper-text {
  color: #ffffff;
  font-size: 0.889em;
  margin-top: 2em;
  clear: both; }
  .splash-page__helper-text p {
    max-width: 100%; }

.splash-page__btn-language {
  background: #ffffff;
  margin-bottom: 4px;
  width: 100%;
  text-align: left !important; }
  .splash-page__btn-language:hover {
    color: #000000;
    background: #ffd617; }
  .splash-page__btn-language.icon--check:before {
    display: none; }

.splash-page__btn-close {
  position: absolute;
  top: -15px;
  right: 0;
  padding: 0.5em 0 0.5em 1em;
  font-size: 0.889em;
  font-weight: normal;
  color: #ffffff;
  display: none; }
  .splash-page__btn-close:hover {
    color: #ffffff; }
  .splash-page__btn-close:after {
    content: "X";
    float: right;
    display: inline-block;
    border: 1px solid #ffffff;
    margin-left: 0.5em;
    width: 1.6em;
    height: 1.6em;
    border-radius: 1.1em;
    text-align: center; }

.splash-page--overlay {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 68, 148, 0.95);
  overflow-x: auto;
  top: 0;
  left: 0;
  z-index: 1000;
  text-align: left; }
  .splash-page--overlay h2 {
    display: block; }
  .splash-page--overlay .splash-page__btn-language.is-active {
    color: #000000;
    background: #ffd617;
    box-shadow: none; }
  .splash-page--overlay .splash-page__btn-language.icon--check:before {
    float: right;
    display: block; }
  .splash-page--overlay .splash-page__btn-close {
    display: block; }

body.disablescroll {
  overflow: hidden; }

.page-splash {
  background: #004494; }

.splash-page__helper-text table {
  width: 100%; }

.splash-page__helper-text tbody {
  border-bottom: 1px solid #245898; }
  .splash-page__helper-text tbody tr {
    border-top: 1px solid #245898;
    clear: both; }
    .splash-page__helper-text tbody tr th {
      vertical-align: top;
      min-width: 6em;
      font-weight: bold;
      padding-top: 0.6em; }
    .splash-page__helper-text tbody tr td, .splash-page__helper-text tbody tr th {
      padding: 0.6em 0 0.6em 0; }

/*
Tags

Tags component used to display tag section that is typically displayed under a content

Markup: html/tags.html

Styleguide tags
*/
.tags, .facet-tag {
  padding-top: 0.2em;
  padding-bottom: 0.8em;
  width: 100%;
  overflow: hidden; }

.tags__label, .facet-tag__label {
  float: left;
  text-transform: uppercase;
  margin-right: 0.7em;
  margin-bottom: 0.5em;
  font-size: 0.778em;
  padding-top: 0.15em; }

.tags__items {
  vertical-align: middle; }

.tags__item, .facet-tag__value {
  float: left;
  display: inline-block;
  margin-right: 1.4em;
  margin-bottom: 0.4em;
  background: #e2e2e2;
  border-radius: 5px;
  font-size: 0.778em;
  line-height: 1;
  padding: 0.5em;
  text-transform: lowercase;
  color: #404040;
  outline: 3px transparent solid; }

.tags__item a, .facet-tag__value a,
a.tags__item,
a.facet-tag__value {
  color: #404040; }
  .tags__item a:hover, .facet-tag__value a:hover, .tags__item a:active, .facet-tag__value a:active, .tags__item a:focus, .facet-tag__value a:focus,
  a.tags__item:hover,
  a.facet-tag__value:hover,
  a.tags__item:active,
  a.facet-tag__value:active,
  a.tags__item:focus,
  a.facet-tag__value:focus {
    text-decoration: none; }
  .tags__item a:focus, .facet-tag__value a:focus,
  a.tags__item:focus,
  a.facet-tag__value:focus {
    outline: none;
    box-shadow: 0 0 0 3px #ffd617; }

/*
Facet tag

Markup: html/facet-tag.html

Styleguide tags.facettag
*/
@media (min-width: 480px) {
  .facet-tag {
    width: auto;
    display: inline-block; } }

.facet-tag__label {
  float: left; }

.facet-tag__value {
  text-transform: none; }

/*
Facet tag with close

Markup: html/facet-tag--close.html

Styleguide tags.facet-close
*/
.facet-tag--close .facet-tag__value:after {
  vertical-align: bottom; }

.facet-tag--close .tags__item a:hover, .facet-tag--close .facet-tag__value a:hover,
.facet-tag--close a.tags__item:hover,
.facet-tag--close a.facet-tag__value:hover {
  color: #fff;
  background-color: #404040; }

/*
Timeline

Markup: html/timeline.html

Styleguide timeline
*/
.timeline {
  border-left: 4px solid #ffd617;
  padding-left: 1.667em;
  padding-bottom: 0;
  padding-top: 2em;
  position: relative;
  float: left; }
  .timeline .listing__item {
    padding: 0; }
  .timeline .timeline__item-title {
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0.5em; }
    .timeline .timeline__item-title:before {
      content: '';
      position: absolute;
      background: #fff;
      border: 3px solid #575757;
      height: 14px;
      width: 14px;
      border-radius: 50%;
      left: -0.6em;
      margin-top: 0.2em; }
  .timeline .timeline__text {
    margin-top: 0.2em;
    margin-bottom: 1em; }
    .timeline .timeline__text ul,
    .timeline .timeline__text ol {
      padding-left: 0;
      list-style: none !important; }
    .timeline .timeline__text ul > li {
      color: #575757 !important; }
    .timeline .timeline__text > * {
      margin-bottom: 0 !important; }

.btn.btn-time-line, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle {
  margin-bottom: 0; }
  .btn.btn-time-line:after, .inpage-nav__navbar .btn-time-line.inpage-nav__toggle:after {
    content: '\e81f'; }

.timeline--nopadding {
  padding-top: 0.5em; }

.view-biography-timeline .view-footer {
  margin-top: 1.667em !important;
  margin-bottom: 1.667em;
  float: left;
  width: 100%; }

@media (min-width: 480px) {
  .timeline .timeline__item-title:before {
    margin-left: 2px; } }

/*
Top image

Markup: html/top-image.html

Styleguide top-image
*/
.top-image {
  overflow: hidden; }
  .top-image picture {
    display: block;
    text-align: center; }

.views-exposed-form .views-exposed-widget {
  padding: 0; }

@media (min-width: 992px) {
  html.js .filters__btn-submit.ctools-use-ajax {
    display: none; }
  html.js.ie8 .filters__btn-submit.ctools-use-ajax {
    display: block; }
  .view-workbench-moderation .views-exposed-widget {
    width: 50%;
    clear: none; }
    .view-workbench-moderation .views-exposed-widget:nth-child(odd) {
      padding-right: 2%; }
  .view-workbench-moderation .views-widget-per-page {
    clear: left; }
  .view-workbench-moderation .filters__btn-submit {
    width: auto;
    float: left;
    clear: left; } }

.page-admin input[type='checkbox'] {
  zoom: 1.6;
  margin-left: 0; }
  .page-admin input[type='checkbox'].vbo-table-select-all {
    position: static; }

/*# sourceMappingURL=style-sass-components.css.map */