@font-face {
  font-family: "EC Square Sans Pro";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/ECSquareSansPro-Regular.otf") format("opentype");
}

@font-face {
  font-family: "EC Square Sans Pro Medium";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/ECSquareSansPro-Medium.otf") format("opentype");
}

@font-face {
  font-family: "EC Square Sans Pro Bold";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/ECSquareSansPro-Bold.otf") format("opentype");
}

@font-face {
  font-family: "EC Square Sans Pro Extra Black";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/ECSquareSansPro-ExtraBlack.otf") format("opentype");
}

.h-200 {
  height: 200px;
}

.h-300 {
  height: 300px;
}

.h-400 {
  height: 400px;
}

.h-500 {
  height: 500px;
}

.h-600 {
  height: 600px;
}

.overflow-y {
  overflow-y: auto;
}

#block-exposedformsearch-success-stories-contentpage-search .ecl-site-header-core__search--active {
  display: flex;
  flex-direction: column;
}

@media (min-width: 996px) {
  #block-exposedformsearch-success-stories-contentpage-search form {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}

.page-node-type-success-story .sus--hero {
  display: flex;
  flex-direction: column-reverse;
}

.page-node-type-success-story .ecl-hero-banner .ecl-container .ecl-hero-banner__content div {
  font-size: 1.25em;
  line-height: 1.45em;
}

.page-node-type-success-story .imagecaption {
  text-align: right;
  font-size: 0.8em;
  font-style: italic;
}

.page-node-type-success-story .sus--body {
  margin-bottom: 2em;
}

.page-node-type-success-story .sus--body time {
  float: left;
  margin-right: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0.5em;
  width: auto;
}

.page-node-type-success-story .sus--body time .ecl-date-block__day {
  padding: 0;
  font-size: 1em;
  font-weight: 400;
  margin-right: 0.5em;
}

.page-node-type-success-story .sus--body time .ecl-date-block__month {
  padding: 0;
}

.page-node-type-success-story .sus--body time .ecl-date-block__year {
  font-size: 1em;
  padding: 0.5em;
  margin-left: 0.5em;
}

.page-node-type-success-story .sus--body time:before, .page-node-type-success-story .sus--body time:after {
  display: none;
}

.page-node-type-success-story .sus--body_addtobasketlink {
  margin-bottom: 1em;
}

.page-node-type-success-story .sus--body_pdfbasket {
  margin-bottom: 1em;
}

.page-node-type-success-story .sus--other h3 {
  margin-top: 0;
}

.page-node-type-success-story .sus--other_addtobasketlink {
  display: none;
}

.page-node-type-success-story .sus--other_pdfbasket {
  display: none;
}

.page-node-type-success-story .sus--other_projectdetails {
  background-color: #ebebeb;
  padding: 1em;
  margin-bottom: 1em;
}

.page-node-type-success-story .sus--other_projectdetails .project__label {
  display: block;
}

.page-node-type-success-story .sus--other_projectdetails .project__value {
  font-weight: bold;
  padding-left: 1em;
}

.page-node-type-success-story .sus--other_projectdetails > div {
  margin-bottom: 1em;
}

.page-node-type-success-story .sus--other_projectdetails article {
  margin-bottom: 1em;
}

.page-node-type-success-story .sus--other_themes {
  background-color: #ebebeb;
  padding: 1em;
  margin-bottom: 1em;
}

.page-node-type-success-story .sus--other_countries {
  background-color: #ebebeb;
  padding: 1em;
}

@media (min-width: 768px) {
  .page-node-type-success-story .sus--body_addtobasketlink {
    display: none;
  }
  .page-node-type-success-story .sus--body_pdfbasket {
    display: none;
  }
  .page-node-type-success-story .sus--other_addtobasketlink {
    display: block;
    margin-bottom: 1em;
  }
  .page-node-type-success-story .sus--other_pdfbasket {
    display: block;
    margin-bottom: 1em;
  }
}

@media (min-width: 996px) {
  .page-node-type-success-story .sus--hero {
    margin-bottom: 2em;
    display: block;
  }
  .page-node-type-success-story .ecl-hero-banner {
    height: 30em;
  }
  .page-node-type-success-story .ecl-hero-banner .ecl-container {
    padding: 0 !important;
    height: 100%;
  }
  .page-node-type-success-story .ecl-hero-banner .ecl-container .ecl-hero-banner__container {
    height: 100%;
  }
  .page-node-type-success-story .ecl-hero-banner .ecl-container .ecl-hero-banner__content {
    width: 40%;
    background: rgba(235, 235, 235, 0.9);
  }
}

@media (min-width: 1140px) {
  .page-node-type-success-story .ecl-hero-banner {
    height: 40em;
  }
  .page-node-type-success-story .ecl-hero-banner .ecl-container .ecl-hero-banner__content {
    width: 30%;
  }
}

.views-row {
  line-height: 1.6em;
}

#view-search-content header {
  margin-bottom: 2em;
}

#view-search-content li {
  margin-bottom: 1em;
}

.european-innovation-scoreboard.eis #block-rtd-theme-main-page-content {
  margin-bottom: 0 !important;
}

.european-innovation-scoreboard.eis .wtWaiting {
  display: none;
}

.page-node-type-kvp-page {
  color: #404040;
  line-height: 1.5em;
}

.page-node-type-kvp-page h4 {
  color: #000000;
}

#view-kvp-listing {
  display: flex;
  flex-direction: column-reverse;
}

#view-kvp-listing form {
  padding-top: 20px;
}

#view-kvp-listing fieldset {
  margin-bottom: 2em;
}

#view-kvp-listing .ecl-radio__group {
  padding: 0;
}

.kvp--hero {
  margin-bottom: 2em;
}

.kvp--hero img {
  width: 100%;
  height: auto;
}

.kvp--introduction {
  margin-bottom: 2em;
}

.kvp--introduction time {
  float: left;
  margin-right: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0.5em;
  width: auto;
}

.kvp--introduction time .ecl-date-block__day {
  padding: 0;
  font-size: 1em;
  font-weight: 400;
  margin-right: 0.5em;
}

.kvp--introduction time .ecl-date-block__month {
  padding: 0;
}

.kvp--introduction time .ecl-date-block__year {
  font-size: 1em;
  padding: 0.5em;
  margin-left: 0.5em;
}

.kvp--introduction time:before, .kvp--introduction time:after {
  display: none;
}

@media (min-width: 996px) {
  #view-kvp-listing {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  #view-kvp-listing-rows {
    margin-right: 3em;
  }
}

.bg-ridays-custom-blue {
  background-color: #50b8bb;
}

.research-innovation-days .ecl-u-type-paragraph {
  font-family: "EC Square Sans Pro" !important;
}

.research-innovation-days h2.ecl-u-type-heading-2 {
  font-size: 2.5em !important;
  font-family: "EC Square Sans Pro Bold" !important;
  color: #672394;
}

.research-innovation-days h3.ecl-u-type-heading-3 {
  font-family: "EC Square Sans Pro" !important;
  font-weight: 400 !important;
}

.research-innovation-days h3.ecl-u-type-heading-3 strong {
  font-family: "EC Square Sans Pro Bold" !important;
}

.research-innovation-days .custom-box {
  position: relative;
}

.research-innovation-days .custom-triangle--left::before {
  left: 40px;
}

.research-innovation-days .custom-triangle--right::before {
  right: 40px;
}

.research-innovation-days .custom-triangle::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 19px 0 19px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  z-index: 1;
  top: 0;
}

.research-innovation-days .ecl-button {
  font-family: "EC Square Sans Pro";
}

.research-innovation-days .ecl-button:hover {
  text-decoration: underline;
}

.research-innovation-days .ecl-button--ghost {
  color: #672394;
}

.research-innovation-days .ecl-button--call {
  border: none;
  color: white;
  text-decoration: none;
  background-color: #672394;
  width: 100%;
  padding: 0.75em 1em;
}

.research-innovation-days .ecl-button--call:hover {
  background-color: #92cecf;
  color: white;
  text-decoration: none;
}

.research-innovation-days .ecl-editor blockquote {
  border: none;
}

.research-innovation-days .twitterfeed {
  max-height: 250px;
  overflow-y: scroll;
}

.research-innovation-days .twitterfeed-list {
  font-family: "ECSquareSansPro", Arial, sans-serif !important;
  margin: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #f5f5f5;
  padding: 15px;
}

#ridays-banner img {
  width: 100%;
  height: auto;
}

#ridays-intro {
  background-color: #f5f5f5;
}

#stay-updated > div {
  height: 100%;
  background-color: #f8ae21;
  box-sizing: border-box;
}

#gabriel-quote > div {
  background-color: #004494;
}

#gabriel-quote .homequote-quote-start,
#gabriel-quote .homequote-quote-end {
  width: 40px;
}

#gabriel-quote .homequote {
  background: url("../images/robot.png") no-repeat scroll bottom left #004494;
  background-size: auto;
  background-size: 16% auto;
  padding: 1rem;
  box-sizing: border-box;
}

#gabriel-quote .text-right {
  text-align: right;
}

#ridays-social article {
  margin-right: -2em;
}

#ridays-social .media-oembed-content {
  width: 100%;
  height: 375px;
}

#latest-tweets article {
  margin-right: 0;
  height: 250px;
  overflow-y: auto;
}

#latest-tweets .smk-more a {
  color: #000000;
}

#ridays-2020,
#ridays-2019 {
  background-color: #f5f5f5;
}

#views-exposed-form-ri-speakers-block-ri-speakers {
  padding: 1em 0;
}

.ri-speakers-all-speakers {
  margin-top: 3em;
}

.page-node-type-ri-speaker .ecl-u-pr-none {
  padding-inline-start: 0;
}

.page-node-type-ri-speaker .ecl-featured-item__item {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .page-node-type-ri-speaker .ecl-u-pr-none {
    padding-inline-start: 2em;
  }
  .page-node-type-ri-speaker .ecl-featured-item__item {
    flex-basis: 50%;
  }
}

#block-psfpeerreviewdenmark .ecl-editor {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

#block-psfpeerreviewdenmark .ecl-editor iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.policy-support-facility .block {
  margin: 4em 0;
}

.policy-support-facility iframe {
  width: 100%;
}

.policy-support-facility .views-row {
  padding-top: 1em;
  border-bottom: 1px solid #ebebeb;
}

.page-node-type-rio-exercise .ui-accordion .ui-accordion-header {
  border-width: 0;
  background-color: #004494;
  font-weight: 600;
  padding: 1.375rem;
  width: 100%;
}

.page-node-type-rio-exercise .ui-accordion .ui-accordion-header a {
  color: white;
}

.page-node-type-rio-exercise .ui-accordion .ui-accordion-header .ui-icon {
  background-image: url("../../../../core/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png");
}

.page-node-type-rio-exercise .ecl-list-item {
  list-style: none;
}

.page-node-type-rio-exercise .rio-event-teaser .ecl-list-item__link {
  color: #404040;
  display: flex;
  flex-direction: row;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-decoration: none;
}

.page-node-type-rio-exercise .rio-event-teaser .ecl-list-item__primary {
  margin-right: 1.5em;
}

.rio.ecl-field {
  padding: 6px;
  background: #f2f2f2;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.1;
  display: flex;
  align-items: center;
}

.rio.ecl-field .ecl-field__label,
.rio.ecl-field .ecl-field__body {
  width: 50%;
  color: #888888;
}

.rio.ecl-field .ecl-tag__item {
  display: inline-block;
  background-color: #e3e3e3;
  border-radius: 5px;
  border-width: 0;
  color: #404040;
  font-family: Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.33rem;
  margin-right: 1rem;
  padding: 0.33rem;
  white-space: nowrap;
}

.search #main-content > .ecl-container > .ecl-row {
  flex-direction: column-reverse;
}

.search #main-content > .ecl-container > .ecl-row .ecl-col-sm-9,
.search #main-content > .ecl-container > .ecl-row .ecl-col-sm-3 {
  flex: 1;
  max-width: 100%;
}

.search #main-content > .ecl-container > .ecl-row .ecl-col-sm-3 {
  margin-bottom: 4em;
}

.search #main-content > .ecl-container > .ecl-row #view-search-content {
  line-height: 1.5em;
}

.search #main-content > .ecl-container > .ecl-row #view-search-content .views-field-title {
  font-size: 1.2em;
}

@media (min-width: 996px) {
  .search #main-content > .ecl-container > .ecl-row {
    flex-direction: row-reverse;
  }
  .search #main-content > .ecl-container > .ecl-row .ecl-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .search #main-content > .ecl-container > .ecl-row .ecl-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .search #view-search-content {
    margin-top: 2em;
  }
}

.success-stories #primary {
  margin-bottom: 2em;
}

.success-stories #secondary {
  margin-bottom: 4em;
}

.success-stories #secondary .views-row {
  margin-bottom: 1em;
}

.success-stories #tertiary .views-row {
  flex: 0 1 48%;
  margin-bottom: 4%;
}

.success-stories #tertiary .ecl-content-item__description p {
  display: inline;
}

.success-stories #tertiary .ecl-content-item__description:after {
  content: " ...";
}

.success-stories #tertiary .more-link {
  width: 100%;
  text-align: right;
  margin-bottom: 2em;
}

.success-stories #other-languages {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 4em;
}

.success-stories #other-languages .ecl-dropdown-legacy__content {
  z-index: 1;
}

.success-stories #spotlight {
  margin-bottom: 4em;
}

.success-stories #more-stories .grid-container > div {
  margin-bottom: 4em;
}

.success-stories #more-stories-menus .grid-container {
  display: block;
}

.success-stories #more-stories-menus .grid-container > div:first-child,
.success-stories #more-stories-menus .grid-container > div:last-child {
  width: 100%;
}

.success-stories #more-stories-menus .grid-container > div {
  margin-bottom: 1em;
}

.success-stories .success-stories-themes div div {
  font-size: 1.1em;
  margin-bottom: 1em;
}

@media (min-width: 480px) {
  .success-stories .success-stories-themes {
    column-count: 2;
  }
}

@media (min-width: 768px) {
  .success-stories #primary {
    margin-bottom: 6em;
  }
  .success-stories #primary .ecl-hero-banner {
    height: 36rem;
  }
  .success-stories #secondary .top-stories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .success-stories #secondary .views-row {
    flex: 0 1 48%;
    margin-bottom: 4%;
  }
  .success-stories #tertiary .top-stories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .success-stories #tertiary .views-row {
    flex: 0 1 48%;
    margin-bottom: 4%;
  }
  .success-stories #tertiary .ecl-content-item__description p {
    display: inline;
  }
  .success-stories #tertiary .ecl-content-item__description:after {
    content: " ...";
  }
  .success-stories #tertiary .more-link {
    width: 100%;
    text-align: right;
  }
}