:root {
  --width-reference: 1900;
  --c-research: #E03C11;
  --c-project: #505E9C;
  --c-news: #FAB52B;
  --c-contact: #E3BFBD;
  --m-megapad: 7rem;
}

* {
  box-sizing: border-box;
}

html {
  width: 100vw;
  overflow-x: hidden;
  font-size: calc(15px + 15*(100vw - var(--width-reference) * 1px) / var(--width-reference));
}

body {
  margin: 0 auto;
  font-family: 'GeneralSans';
  font-weight: 400;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 0.0625rem;
}

* {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

body.cursorflecha * {
  cursor: url(../img/next-arrow.svg), auto !important;
}

body.cursorflecha .swiper-horizontal a {
  /*pointer-events: none;*/
}

#scrollzone {
  height: 100vh;
  overflow: hidden;
  position: relative;
  margin-top: 62px;
  max-width: 100vw;
}

.t_home #scrollzone {
  margin-top: 0px;
}

body:before {
  content: " ";
  background-color: white;
  height: 100vh;
  width: 100%;
  display: block;
  z-index: 1212121212;
  position: absolute;
  transition: height 200ms ease;
}

button,
input,
optgroup,
select,
textarea {
  font-size: initial;
}

body.ready:before {
  height: 0px;
}

body.ready {
  overflow-y: auto;
}

a {
  color: inherit;
}

a:hover {
  color: inherit;
}

.btn {
  background-color: black;
  color: white;
  border-radius: 90px;
  padding: 0.7rem 3rem;
  padding-bottom: 0.8rem;
  margin-bottom: 3.9rem;
  font-size: max(18em, 16px);
  transition: all 0.4s;
}

.btn:hover {
  padding-right: 2rem;
  text-decoration: none !important;
}

body.notready [data-aos] {
  transition: none !important;
}

.btn:after {
  content: " ";
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0rem solid black;
  bottom: -2px;
  position: relative;
  opacity: 0;
  transition: all 0.1s;
}

.btn:hover:after {
  opacity: 1;
  margin-left: 1.2rem;
  border-left: 1.23rem solid black;
  margin-right: 0.1rem;
}

.negative .btn:hover:after {
  border-left: 1.23rem solid white;
}

.blockid_1448 .btn,
.blockid_1452 .btn {
  color: #ECD4D3;
}

.blockid_1448 .btn:hover,
.blockid_1452 .btn:hover {
  color: black;
}

.text .btn {
  margin-top: 1rem;
  margin-bottom: 0px;
}

.negative .btn {
  background-color: white;
  color: black;
}

.negative .btn:hover {
  background-color: black;
  color: white;
}

.spacer {
  height: 6rem;
}

header {
  color: white;
}

nav {
  border-bottom: solid 1px black;
  height: 62px;
}

nav .nav-link {
  font-size: max(16em, 16px);
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
  color: black;
}

nav .nav-item:last-child>.nav-link {
  padding-right: 0px;
  display: flex;
  align-items: center;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link,
.navbar-nav .nav-link:hover {
  color: white;
}

.nav-link.dropdown-toggle svg path {
  transition: stroke .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  transition-property: stroke, background-color, border-color;
  transition-duration: 0.15s, 0.15s, 0.15s;
  transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
  transition-delay: 0s, 0s, 0s;
}

.nav-link.dropdown-toggle:hover svg path {
  stroke: white !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
  /* padding: 0px 35px; */
  padding: 0px 16px;
  text-wrap: nowrap;
}

.dropdown svg {
  width: 1rem;
  margin-left: 0.2rem;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-menu {
  background-color: var(--c-research);
}

header,
header nav,
.t_home header,
.t_home header nav,
.p_ongoing-research header,
.p_ongoing-research header nav,
.t_research header,
.t_research header nav,
.t_research .fixed-top.navbar,
.t_conference header,
.t_conference header nav,
.t_conference .fixed-top.navbar,
.p_ongoing-research .fixed-top.navbar,
.t_home.navoapque .dropdown-menu,
.p_ongoing-research .dropdown-menu,
.t_research .dropdown-menu,
.pid_1033 .fixed-top.navbar,
.pid_1410 .fixed-top.navbar,
.pid_1399 .fixed-top.navbar,
.t_conference .dropdown-menu,
.pid_1407 .fixed-top.navbar,
.pid_1397 .fixed-top.navbar {
  background-color: var(--c-research);
}

/* Outcomes */
.t_outcomes header,
.t_outcomes header nav,
.t_outcomes .fixed-top.navbar,
.t_outcomes .dropdown-menu {
  background-color: var(--c-project);
}

/* Outreach Activities */
.t_outreach header,
.t_outreach header nav,
.t_outreach .fixed-top.navbar,
.t_outreach .dropdown-menu {
  background-color: var(--c-news);
}

/* TODO: de momento lo vamos a dejar en este color de background */
/* Conferences */
.p_conferences header,
.p_conferences header nav,
.p_conferences .dropdown-menu,
.p_conferences .fixed-top.navbar {
  background-color: var(--c-project);
  background-color: var(--c-research);
}

/* Outcomes */
.p_outcomes header,
.p_outcomes header nav,
.p_outcomes .dropdown-menu,
.p_outcomes .fixed-top.navbar {
  background-color: var(--c-project);
}

/* Outreach Activities */
.p_outreach-activities header,
.p_outreach-activities header nav,
.p_outreach-activities .dropdown-menu,
.p_outreach-activities .fixed-top.navbar {
  background-color: var(--c-news);
}

.p_outreach-activities header .titleetc {
  border-color: black;
  color: black;
}

.p_outreach-activities header .titleetc .maintitle,
.p_outreach-activities header .titleetc h1 {
  color: black;
}

.p_outreach-activities header .bottom-cont,
.p_outreach-activities header .bottom-cont .summary,
.p_outreach-activities header .bottom-cont p {
  color: black;
}

/* Field Notes */
.p_field-notes header,
.p_field-notes header nav,
.p_field-notes .dropdown-menu,
.p_field-notes .fixed-top.navbar {
  background-color: var(--c-research);
}

.p_our-project header,
.p_our-project header nav,
.p_our-project .dropdown-menu,
.p_our-project .fixed-top.navbar {
  background-color: var(--c-project);
}

.p_events-and-news header,
.p_events-and-news header nav,
.t_news header,
.t_news header nav,
.p_events-and-news .dropdown-menu,
.t_news .dropdown-menu,
.t_home .dropdown-menu,
.p_events-and-news .fixed-top.navbar,
.t_news .fixed-top.navbar {
  background-color: var(--c-news);
}

.p_contact header,
.p_contact header nav,
.p_contact .dropdown-menu,
.p_contact .fixed-top.navbar {
  background-color: var(--c-contact);
}

.logo {
  height: 21px;
  width: 177px;
  background-image: url(../img/logos/LOGO4.svg);
  background-repeat: no-repeat;
}

.pid_1040 .logo {
  background-image: url(../img/logos/LOGO2.svg);
}

.p_events-and-news .logo,
.t_news .logo {
  background-image: url(../img/logos/LOGO3.svg);
}

.p_contact .logo {
  background-image: url(../img/logos/LOGO5.svg);
}

article a,
article a:hover,
body article a,
article .shareicon:hover i {
  color: var(--c-research);
}

.maintitle {
  padding-bottom: 3.5rem;
  font-weight: bold;
  font-size: max(72em, 35px);
  line-height: 110%;
}

.t_basic-page .maintitle {
  color: #FFFFFF;
  font-size: max(87em, 37px);
  line-height: 105%;
}

.summary {
  font-size: max(23em, 16px);
  line-height: 210%;
}

header {
  padding-top: 6rem;
}

header img {
  max-width: 100%;
}

header .summary {
  padding-top: 7.5rem;
  padding-bottom: 8rem;
}

header .titleetc {
  border-top: solid 1px;
  border-bottom: solid 1px;
  padding-bottom: 3rem;
  padding-top: 4.7rem;
  margin-bottom: 8.7rem;
}

.t_basic-page header .titleetc {
  margin-bottom: 0px;
}

header .mainimage {
  width: 100%;
}

header .swiper-slide,
header.permalink .mainimage {}

.t_research .mainimage,
.t_news .mainimage,
.t_outcomes .mainimage,
.t_conference .mainimage,
.t_outreach .mainimage,
.t_research .mainswiperwrap,
.t_news .mainswiperwrap,
.t_outcomes .mainswiperwrap,
.t_conference .mainswiperwrap,
.t_outreach .mainswiperwrap {
  max-height: 80vh;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right: 0px;

}

.t_research article,
.t_news article,
.t_outcomes article,
.t_conference article,
.t_outreach article {
  margin-top: 0px;
}

header .swiper-slide {
  max-height: 80vh;
  text-align: center;
  /*  height: 53vh; */
}

header .swiper-slide img {
  max-height: 80vh;
  height: 100%;
  object-fit: contain;
}

.mainswiperwrap {
  display: flex;
  align-items: center;
}

.mainswiper {
  flex: 1;
  width: 100%;
}

.swiper-button,
.swiper-button img {
  width: 3rem;
  height: 3rem;
  max-width: none;
}

.swiper-button img {
  transition: all 0.2s;
}

.swiper-button img:hover {
  filter: invert(1);
}

.swiper-button:after,
.swiper-rtl .swiper-button:after {
  content: "";
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  top: initial;
  left: 0px;
  right: 0px;
}

.swiper-button-prev {
  margin-right: 33px;
}

.swiper-button-next {
  margin-left: 33px;
}

.t_home header nav {
  background-color: transparent;
}

header .wraphometopswiper .titles {
  position: absolute;
  z-index: 12;
  width: 100%;
  top: 34%;
}

header .wraphometopswiper .titles h1 {
  font-size: max(87em, 47px);
  line-height: 70%;
  font-weight: 900;
  margin-bottom: 2rem;
}

.blockid_1121 a:hover {
  text-decoration: none !important;
}

header .wraphometopswiper .titles h2 {
  font-size: max(79em, 34px);
  line-height: 110%;
  font-weight: 500;
  width: 76rem;
}

header .wraphometopswiper {
  padding-top: 162px;
  position: relative;
  padding-bottom: 162px;
}

header .hometopswiper {
  mix-blend-mode: multiply;
}

header .hometopswiper .swiper-wrapper {
  transition-timing-function: cubic-bezier(1, 0, 1);
}

.swiper-wrapper img {
  pointer-events: none;
}

header .hometopswiper .swiper-slide {
  height: auto;
}

.t_home header {
  padding-top: 0px;
}

.tricolor {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  top: 0px;
  bottom: 0px;
}

.tricolor div {
  flex: 1;
}

.c1 {
  background-color: #E03C11;
}

.c2 {
  background-color: #505E9C
}

.c3 {
  background-color: #FAB52B;
}

.t_basic-page header .titleetc {
  padding-top: 2.3rem;
}

.dropdown-menu[data-bs-popper] {
  border: solid 1px;
  border-radius: 0px;
  top: 44px;
  text-align: center;
  min-width: 75px;
  left: -2px;
  padding: 11px 20px;
}

.dropdown-menu a,
.dropdown-item:focus,
.dropdown-item:hover {
  text-decoration: none;
  text-transform: uppercase;
  background-color: transparent;
}

.dropdown-item a:hover {
  color: white;
}

.dropdown-menu {
  font-size: max(16em, 16px);
}

.dropdown-item {
  padding: 6px 12px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent;
}

.dropdown-item.active {
  display: none;
}

/* Submenú de navegación (Conferences etc.) */
.nav-item-has-submenu {
  position: relative;
}

.nav-item-has-submenu>.nav-link {
  padding-right: 16px;
}

.nav-item-has-submenu::after {
  content: "";
  height: 16px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 176px;
}

.submenu-dropdown,
.submenu-dropdown[data-bs-popper] {
  background-color: white !important;
  border: none;
  border-radius: 0px;
  display: block;
  top: 100%;
  text-align: center;
  min-width: 176px;
  left: 50% !important;
  margin-top: 16px;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  right: auto;
  transform: translate(-50%, -6px) !important;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
  visibility: hidden;
}

.submenu-dropdown::before {
  background: url(../img/submenu-arrow.svg) center / contain no-repeat;
  content: "";
  height: 20px;
  left: 50%;
  position: absolute;
  top: -10px;
  transform: translateX(-50%);
  width: 16px;
}

.nav-item-has-submenu:hover>.submenu-dropdown,
.nav-item-has-submenu:focus-within>.submenu-dropdown {
  display: block;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0) !important;
  transition-delay: 0s;
  visibility: visible;
}

.submenu-dropdown li+li {
  border-top: solid 1px #8b8b8b;
}

.submenu-dropdown .dropdown-item {
  color: black;
  font-weight: 400;
  padding: 12px 16px;
  text-transform: none;
}

.submenu-dropdown .dropdown-item:hover,
.submenu-dropdown .dropdown-item:focus {
  background-color: #efefef;
  color: black;
}

.submenu-dropdown .dropdown-item.active {
  display: block;
  font-weight: 400;
}

.image-container {}

.triang {
  height: 100%;
  width: 468px;
}

.triang-h {
  background-image: url(../img/triang-h.svg);
  background-size: 52px 44px;
}

.p_contact header {
  background-image: url(../img/tri-hor.svg);
  background-size: 468px;
  background-repeat: repeat-y;
  background-position: right 14vw center;
}

.p_ongoing-research header .bottom-cont,
.block.b_8,
.block.b_12,
.block.b_13 {
  background-image: url(../img/tri-hor-osc.svg);
  background-size: 468px;
  background-repeat: repeat-y;
  background-position: 8%;
}

.pid_1040 header .bottom-cont {
  background-image: url(../img/tri-hor.svg);
  background-size: 468px;
  background-repeat: repeat-y;
  background-position: 8%;
  padding-bottom: 21rem;
}

.block.b_8,
.block.b_12,
.block.b_13 {
  background-position: right 12% center;
}

.block.b_7 {
  padding: 0px;
  padding-bottom: var(--m-megapad);
}

.p_events-and-news header {
  background-image: url(../img/tri-vert.svg);
  background-size: 3rem;
  background-repeat: repeat-x;
  background-position-y: 56%;
}

.b_1.blockid_1121,
.b_1.blockid_1121 .firstrow {
  padding-bottom: 0px;
}

.b_1.blockid_1121 .text {
  padding-bottom: 1rem;
}

.b_1.blockid_1121 .text {
  border-bottom: none;
}

.p_events-and-news header .summary {
  padding-top: 4.3rem;
  padding-bottom: 4.3rem
}

.p_events-and-news header .maintitle {
  padding-bottom: 0px;
}

#loader {
  opacity: 0;
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: opacity ease-in-out 200ms;
}

.post {
  margin-bottom: 3rem;
}

.publications-list {
  margin-bottom: 2rem;
  margin-top: 5rem;
}

.publications-list .publication-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top: solid 1px black;
  padding: 1.5rem 0;
  cursor: pointer;
}

.publications-list .publication-item .pub-main {
  flex: 1;
  padding-right: 2rem;
}

.publications-list .publication-item .title {
  font-size: max(20em, 20px);
  line-height: 120%;
  font-weight: bold;
  margin-bottom: .9rem;
}

.publications-list .publication-item .title a {
  text-decoration: none;
  color: black;
}

.publications-list .publication-item .body,
.publications-list .publication-item .body p {
  font-size: 18px;
  line-height: 30px;
  text-align: left;
  margin-bottom: 0;
}

.publications-list .publication-item .body a {
  color: red;
}

.publications-list .publication-item .pub-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  flex-shrink: 0;
  justify-content: space-between;
  align-self: stretch;
}

.publications-list .publication-item .view-icon,
.publications-list .publication-item .link-icon {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}

.publications-list .publication-item .view-icon img,
.publications-list .publication-item .link-icon img {
  opacity: 0.5;
  transition: opacity 200ms;
  margin: 0;
  display: block;
}

.publications-list .publication-item .view-icon:hover img,
.publications-list .publication-item .view-icon:focus-visible img,
.publications-list .publication-item .link-icon:hover img,
.publications-list .publication-item .link-icon:focus-visible img {
  opacity: 1;
}

.publications-list .publication-item .category {
  font-size: max(12em, 12px);
  font-weight: 500;
  text-transform: uppercase;
  color: red;
}

.post img {
  object-fit: contain;
  width: 100%;
  clip-path: polygon(-400% 0%, 400% 0%, 50% 400%);
  transform: scale(1);
  transition: clip-path 200ms, transform 300ms;
  transition-duration: 0.5s, 0.5s, 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0s, 0s, 0s;
}

.post .image a {
  display: block;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.post .image .format-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: opacity 200ms;
}

.post .image .format-overlay .format-icon {
  width: auto;
  max-width: 40%;
  max-height: 40%;
  margin: 0;
  clip-path: none;
  transform: none;
  object-fit: contain;
}

.post .image a:hover .format-overlay {
  opacity: 0;
}

.post .image a:hover>img {
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.post a {
  text-decoration: none;
  color: black;
}

.post .text {
  border-top: solid 1px black;
  /* margin-top: 3rem; */
  padding-top: 2rem;
}

.post .title {
  font-size: max(20em, 20px);
  line-height: 120%;
  font-weight: 500;
  margin-bottom: .9rem;
}

.catsandformats {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

}

.pid_1033 .post .title {
  margin-bottom: 0.8rem;
}

.t_research article h3,
.t_news article h3,
.t_outcomes article h3,
.t_conference article h3,
.t_outreach article h3 {
  font-size: max(31em, 19px);
  margin-bottom: 3rem;
}

.catsandformats .arrow {
  margin-top: -0.4rem;

  /* De momento, según diseño nuevo, no se visualiza */
  display: none;
}

.formats a {
  text-decoration: none;
}

.formats a:hover {
  text-decoration: underline;
}

.catsandformats {
  font-size: max(12em, 12px);
  line-height: 115%;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.catsandformats .format {}

.post .date {
  font-size: max(12em, 12px);
  margin-top: 0.5rem;
  display: block;

  /* De momento, según diseño nuevo, no se visualiza */
  display: none;
}

.catsandformats .format {
  color: var(--c-research);
}

.post.pt_outcomes .catsandformats .format {
  color: var(--c-project);
}

.post.pt_outreach .catsandformats .format,
.post.pt_news .catsandformats .format {
  color: var(--c-news);
}

.date {
  color: #1A59A5;
  text-transform: uppercase;
}

.arrow {
  width: 0px;
  height: 2px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 24px solid black;
  margin-top: -24px;
  display: inline-block;
  transform: scale(0.7);
}

.arrow-h {
  width: 0px;
  height: 2px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 18px solid black;
  margin-left: 0px;
  display: inline-block;
  margin-right: 10px;
}

.authorbar .arrow {
  float: right;
  display: block;
  margin-top: 0px;
  transform: scale(0.9);
}

article .arrow-h {
  border-right-color: var(--c-research);
}

.arrow.cat_religious {
  border-bottom-color: var(--c-news);
}

.arrow.cat_social {
  border-bottom-color: var(--c-research);
}

.arrow.cat_scientific {
  border-bottom-color: var(--c-project);
}

.arrow.cat_intersectional {
  border-bottom-color: var(--c-contact);
}

/* TODO: Este color hay que ver cual se usa para cada filtro en concreto */
.arrow.cat_filter-1,
.arrow.cat_filter-2 {
  border-bottom-color: teal;
}

.targetresults {
  transition: opacity 200ms;
}

.targetresults.loading {
  opacity: 0;
}

.filters {
  border-top: solid 1px;
  border-bottom: solid 1px;
  padding: 1rem 0px;
  padding-bottom: 0.6rem;
  margin-bottom: 2rem;
}

.filters .allfilters {
  display: flex;
  justify-content: space-between;
}

.filters .formats {
  display: flex;
  justify-content: space-between;
  flex: 1;
  padding-right: 0.8rem;
  align-items: center;
}

.filter-description {
  text-align: center;
}

.filter-description h1,
.filter-description h2,
.filter-description h3,
.filter-description h4,
.filter-description h5,
.filter-description h6 {
  font-family: 'GeneralSans';
  font-weight: 700;
  font-size: 57px;
  line-height: 77px;
  text-align: center;
  margin-bottom: 10px;
}

.filter-description p {
  font-family: 'GeneralSans';
  font-weight: 400;
  font-size: 23px;
  line-height: 40px;
  text-align: center;
  margin-inline: auto;
  width: min(100%, 1100px);
}

.filters .filter-format {
  text-decoration: none;
  text-transform: uppercase;
  font-size: max(18em, 12px);
  color: black;
}

.filters .filter-format.active,
.filters .filter-format:hover {
  color: var(--c-research);
}

.relative {
  position: relative;
}

#select-cat option:after {
  content: " ";
  height: 0.5rem;
  width: 0.5rem;
  ;
  background: #c00;
  border-radius: 5px;
  display: inline-block;
}

.custom-select {
  position: relative;
  width: 18%;
  margin-left: 2rem;
  margin-right: 2rem;
  z-index: 2;
}

.outcomes-subtype-filter.is-hidden {
  display: none;
}

.custom-select select {
  display: none;
}

body .select-selected {
  background-color: transparent;
  border: solid 1px var(--c-research);
  padding-top: 6px;
  padding-bottom: 8px;
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 36%;
  right: 4%;
  width: 20px;
  height: 23px;
  background-image: url(../img/desplegable.svg);
  background-repeat: no-repeat;
}

.select-selected.select-arrow-active {
  border-bottom: 0px;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
}

.select-items div,
.select-selected {
  padding: 2% 2%;
  cursor: pointer;
  user-select: none;
}

.select-items {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  border: solid 1px var(--c-research);
  border-top: 0px;
  background-color: white;
}

.select-hide {
  display: none;
}

.select-items [value].is-hidden {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.same-as-selected {
  display: none !important;
}

.select-items .square-box {
  height: 18px;
  width: 18px;
  float: right;
  background-color: white;
}

.select-selected .square-box {
  height: 18px;
  width: 18px;
  right: 30px;
}

.custom-select .optionw,
.select-selected,
.same-as-selected {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  line-height: 200%;
}

.custom-select .optiontext {
  font-size: max(18em, 15px);
  line-height: 100%;
  display: flex;
  align-items: center;
  align-items: center;
}

.custom-select .arrow {

  margin-right: 1rem;
  margin-top: 2px;
  margin-bottom: 3px;
}

form.search {
  width: 18%;
}

.pid_1033 .filters form.search,
.pid_1407 .filters form.search,
.pid_1397 .filters form.search,
.pid_1410 .filters.without-subtype-filter form.search,
.pid_1399 .filters.without-subtype-filter form.search,
.pid_1426 .filters form.search,
.pid_1401 .filters form.search {
  margin-left: calc(18% + 4rem);
}

.pid_1033 #searchinput,
.pid_1407 #searchinput,
.pid_1397 #searchinput,
.pid_1410 #searchinput,
.pid_1399 #searchinput,
.pid_1426 #searchinput,
.pid_1401 #searchinput {
  min-height: 45px;
}

#searchinput {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 1.5rem;
  border: none;
  background-color: #ECD4D3;
}

#searchinput::placeholder {
  color: black;
  font-size: 90%;
}

.search button[type=submit] {
  text-indent: -999px;
  overflow: hidden;
  width: 4.1rem;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent url(../img/buscador.svg) no-repeat center;
  cursor: pointer;
  opacity: 0.7;
  margin-left: -4.2rem;
  position: relative;
  background-size: 85% 70%;
}

.ht_research .titleetc img,
.ht_outcomes .titleetc img,
.ht_conference .titleetc img,
.ht_outreach .titleetc img,
.ht_news .titleetc img,
.p_events-and-news header img {
  mix-blend-mode: initial;
}

header .formats {
  font-size: max(17em, 12px);
  line-height: 110%;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: black;
  font-weight: 500;
}

article {
  padding-top: 9rem;
  margin-top: 6rem;
  padding-bottom: 18rem;
}

.pid_1033 article,
.pid_1407 article,
.pid_1397 article,
.pid_1410 article,
.pid_1399 article {
  margin-top: 4rem;
}

.pid_1033.hideheadercont article,
.pid_1407.hideheadercont article,
.pid_1397.hideheadercont article,
.pid_1410.hideheadercont article,
.pid_1399.hideheadercont article {
  margin-top: 2rem;
}

article p {
  margin-bottom: 2rem;
}

article a {
  text-decoration: none;
}

article a:hover {
  text-decoration: underline;
}

article img,
.post img {
  max-width: 100%;
}

article h2 {
  font-size: max(40em, 24px);
  line-height: 100%;
  font-weight: 600;
  margin-bottom: 30px;
}

article ul,
article ol {
  padding-left: 5rem;
  margin-bottom: 2rem;
}

article li {
  margin-bottom: 15px;
}

article strong,
article b {
  font-weight: 600;
}

.t_basic-page article {
  padding-top: 0px;
}

.authorbar {
  font-size: max(22em, 14px);
  line-height: 120%;
  border-bottom: solid 1px;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.authorbar .formats {
  display: inline-block;
}

.authorbar .username,
.authorbar .format,
.articlebottom .format {
  color: var(--c-research);
  font-weight: 500;
}

.articlebottom .format {}

.datebar {
  font-size: max(20em, 12px);
  line-height: 140%;
  margin-bottom: 3rem;
}

body article p,
body article li {
  font-size: max(20em, 16px);
  line-height: 200%;
}

body article .backbutton,
body article .shareword,
article .articlebottom .formats {
  font-size: max(22em, 18px);
  line-height: 200%;
}

body article .shareicon {
  margin-right: 2rem;
}

body article .shareicon i {
  color: black;
  font-size: 20px;
}

.post .text {
  border-top: solid 1px #808080;
  padding-top: 1.8rem;
}

.articlebottom {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px;
  padding-bottom: 42px;
  margin-bottom: 42px;
}

.shareicons .shareword {
  margin-right: 2rem;
  text-transform: uppercase;
}

.wrapimages {
  position: relative;
}

.wrapimages .mainimage,
.wrapimages .mainswiperwrap {
  position: absolute;
  height: auto;

}

.related {
  margin-top: -10rem;
  padding-block: 4rem;
}

.related .post {
  margin-bottom: 0rem;
}

.related .post a {
  color: black;
}

.related .post>div {
  overflow: hidden;
}

.related .post .image img {
  margin-block: 0px;
  margin-top: 0px;
}

.related .post .image a:hover>img {
  /* clip-path: polygon(0% 0%, 100% 0%, 50% 100%); */
  clip-path: polygon(-400% 0%, 400% 0%, 50% 400%);
  transform: scale(1.05);
}

/* Scoped overrides for outcomes related swiper */
.related-swiper-wrap .post .image a {
  margin-block: 0;
}

.related-swiper-wrap .post .image .format-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: opacity 200ms;
}

.related-swiper-wrap .post .image .format-overlay .format-icon {
  width: auto;
  max-width: 40%;
  max-height: 40%;
  margin: 0;
  clip-path: none;
  transform: none;
  object-fit: contain;
}

.related-swiper-wrap .post .image a:hover .format-overlay {
  opacity: 0;
}

.related-swiper-wrap .post .image a:hover>img {
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  transform: scale(1);
}

.related .container {
  border-top: solid 2px black;
}

.related h3 {
  font-size: max(64em, 36px);
  font-weight: 900;
  line-height: 100%;
  margin-block: 4rem;
  text-align: left;
  padding-left: var(--m-megapad);
  padding-right: var(--m-megapad);
}

.related h5 {
  color: black;
}

.related .catsandformats {
  display: none;
}

.related .post .text {
  border-top-color: black;
  margin-top: 1.5rem;
}

.related .post .text .date {
  color: var(--c-project);
}

.related-swiper-wrap {
  margin-top: 34px;
  padding-left: var(--m-megapad);
  padding-right: var(--m-megapad);
}

.related .outcomes-related-swiper {
  overflow: hidden;
}

.t_outcomes .related {
  background-color: var(--c-project);
  margin-top: 0;
  border-top: solid 2px #fff;
}

.t_outcomes .related h3 {
  color: #fff;
}

.t_outreach .related {
  background-color: rgba(250, 181, 43, 0.5);
  margin-top: 0;
  border-top: solid 2px #fff;
}

.t_outreach .related h3 {
  color: #000;
}

.t_outreach header .titleetc .maintitle {
  color: #000;
}

.t_outreach .related-swiper-wrap .post .text .date {
  color: #fff;
}

.publications-list .publication-item.seminar-item,
.publications-list .publication-item.seminar-item:hover {
  text-decoration: none;
  color: black;
  cursor: default;
}

.seminar-group {
  display: contents;
}

.seminar-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
}

.seminar-modal.is-open {
  display: flex;
}

.seminar-modal-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background-color: var(--c-project);
  opacity: 0.92;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.seminar-modal-dialog {
  position: relative;
  z-index: 1;
  background: #fff;
  width: 90%;
  max-width: 960px;
  max-height: 90vh;
  overflow: auto;
  padding: 64px 32px;
}

.publications-list .publication-item .link-text {
  display: block;
  margin-top: 0.5rem;
  word-break: break-all;
  color: red;
}

.seminar-modal-content a.link {
  display: inline-block;
  margin-top: 1rem;
  color: var(--c-project) !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
  word-break: break-all;
}

.seminar-modal-close {
  position: absolute;
  top: 1.75rem;
  right: 2rem;
  text-decoration: none;
  display: block;
  line-height: 0;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.seminar-modal-close img {
  width: 24px;
  height: 24px;
  display: block;
}

.seminar-modal-image img {
  width: 100%;
  height: auto;
}

.seminar-modal-content h4 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.seminar-modal-content .body,
.seminar-modal-content .body p {
  font-size: 15px;
  line-height: 1.5;
}

footer {
  background-color: #F4B64A;
  background-image: url(../img/footertriangle.svg);
  padding-bottom: 67px;
  padding-top: 100px;
  background-size: 44px;
}

footer a {
  font-weight: 500;
}

footer .bottom {
  padding-top: 30px;
}

body footer .navbar-brand .logo {
  background-image: url(../img/logos/LOGO3.svg);
}

footer .navbar {
  padding-bottom: 36px;
}

footer .footertext,
footer .footertext p {
  font-size: 13px;
  line-height: 19px;
}

footer .footertext {
  display: flex;
  align-items: center;
}

footer .footerextra {
  display: flex;
  align-items: center;
}

footer .footerlogos {
  display: flex;
  align-items: center;
}

footer .footerlogos img {
  margin: 0px 10px;
}

footer .navbar-toggler {
  display: none !important;
}

.newshome {}

.newshome .datebar {
  margin-bottom: 1.8rem;
  font-size: max(14em, 12px);
  line-height: 120%;
}

.newshome p {
  color: black;
}

.newshome .destacadatitulo {
  text-decoration: none;
  display: block;
  border-bottom: solid 1px black;
  padding-bottom: 2rem;
}

.newshome .destacadatitulo h1 {
  font-size: max(45em, 20px);
  line-height: 130%;
  font-weight: 900;
  color: black;
  margin-bottom: 1.2rem;
}

.newshome .destacadatitulo h3 {
  font-size: max(30em, 16px);
  line-height: 130%;
  font-weight: 500;
  color: black;
}

.t_news .maintitle {
  color: black;
}

.flex-v-c {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.destacada {
  height: 44rem;
}

.t_news .summary {
  padding-top: 73px;
  padding-bottom: 50px;
}

.p_events-and-news article {
  padding-top: 10rem;
}

.post.pt_news .text {
  margin-top: 0px;
}

.infiniteslide {
  height: 15rem;
  padding-bottom: 2.6rem;
}

.slideinf {
  font-size: max(150em, 56px);
  line-height: 100%;
  font-weight: 300;
  color: #000000;
  margin-right: 6rem;
}

.block {
  padding: var(--m-megapad);
  padding-bottom: var(--m-megapad);
  max-width: 100vw;
}

.padnuller {
  margin-left: calc(- var(--m-megapad));
  margin-right: calc(- var(--m-megapad));
}

.block a {
  text-decoration: none;
  cursor: pointer;
}

.negative {
  color: white;
}

.block svg {
  height: 23px;
  width: auto;
  margin-right: 27px;
}

.block svg {
  transition: 0.2s;
}

.block svg:hover {
  fill: #E03C11;
}

.blockid_1121.block svg:hover,
.b_10 svg:hover {
  fill: white;
}

.block a:hover {
  text-decoration: underline;
}

.block h3 {
  font-size: max(64em, 36px);
  line-height: 100%;
  font-weight: 900;
}

.block.b_10 a:hover {
  text-decoration: none;
}

.block.b_11 h3 {
  font-size: max(30em, 20px);
  line-height: 130%;
  margin-bottom: 2rem;

}

.block.b_11 p {
  line-height: 147%;
  margin-bottom: 2rem;
}

.block.b_11 p strong {
  font-weight: 500;
}

.block.b_11 .text {
  border-bottom: none;
}

.block h5 {
  font-size: max(30em, 19px);
  line-height: 110%;
}

.block.b_11 h5 {
  font-size: max(20em, 16px);
}

.block h5>p {
  font-size: 100%;
  font-weight: 500;
}

.block p {
  font-size: max(20em, 16px);
  line-height: 200%;
}

.block.b_11 h5 p {
  line-height: 150%;
  margin-bottom: 1.3rem;
}

.block.b_11 a {
  color: var(--c-research);
}

.block p a {
  font-size: 95%;
}

.block .text {
  border-bottom: solid 1px;
}

.block img,
.block video {
  max-width: 100%;
}

.block.b_7 video {
  object-fit: cover;
  height: 100%;
}

.block.b_2 .text {
  border-bottom: none;
}

.block.b_7 .row {
  height: calc(100vw / 5.08);
}

.block.b_7 .row a {
  display: block;
  position: relative;
  height: 100%;
}

.block.b_7 .row .col {
  height: 100%;
}

.text strong {
  font-weight: 500;
}

.block.b_2 .text strong {
  font-weight: 500;
}

.person {
  text-decoration: none;
}

.person p {
  font-size: max(18em, 16px);
  line-height: 200%;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.person h6 {
  font-size: 130%;
}

.person h6 p {
  line-height: 133%;
}

.person .totoggle p {
  font-weight: 400;
}

.person p strong,
.material p strong {
  font-size: 105%;
}

.person h5,
.material h5 {
  margin-bottom: 1.4rem;
}

.b_2 .links {
  margin-top: 4rem;
}

.b_2 .links a {
  color: #D9AAA7;
  text-decoration: none;
  font-size: max(18em, 16px);
  line-height: 106%;
  font-weight: 600;
  margin-bottom: 2rem;
  display: block;
}

.links a:hover {
  text-decoration: underline;
}

.minipeople {
  margin-top: 9.4rem;
}

.minipeople .person h5,
.material h5 {
  margin-top: 2.7rem;
  font-weight: 500;
}

.minipeople .person,
.material {
  margin-bottom: 8rem;
}

.videothumb {
  position: relative;
  display: block;
}

.videothumb::before {
  content: " ";
  background-image: url(../img/play.svg);
  width: 31px;
  height: 26px;
  display: block;
  position: absolute;
  z-index: 2;
  background-size: 100%;
  bottom: 25px;
  left: 28px;
  background-repeat: no-repeat;
}

.bigperson .videothumb::before {
  width: 45px;
  height: 37px;
  bottom: 22px;
  left: 39px;
}

.files {
  margin-top: 40px;
}

.file a {
  color: #E03C11;
  font-weight: 600;
  text-decoration: none;
  font-size: max(18em, 16px);
}

.subject img {
  padding-bottom: 3.5rem;
  border-bottom: solid 1px black;
  margin-bottom: 1.3rem;
}

.b_1 .firstrow {
  padding-bottom: 5.5rem;
}

.b_12 .firstrow,
.b_13 .firstrow {
  padding-bottom: 5.5rem;
}

.b_4 .firstrow {
  padding-bottom: 10.7rem;
}

.b_4 .text {
  border-bottom: none;
}

.lg-counter,
.lg-download {
  display: none !important;
}

.b_3 .text,
.b_1 .text,
.b_5 .text,
.b_12 .text,
.b_13 .text {
  border-bottom: solid 1px;
  padding-bottom: 3.3rem;
  margin-bottom: 6.4rem;
}

.b_12 .type12-head .wholetitle,
.b_13 .type13-head .wholetitle {
  margin-bottom: 2rem;
}

.b_12 .type12-content .text,
.b_13 .type13-content .text {
  margin-bottom: 0;
}

.b_1 .text {
  margin-bottom: 0rem;
}

.block video,
.blockid_1102 img {
  width: 100%;
  height: auto;
}

.block.b_8 {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

header .infiniteslide_wrap {
  position: absolute;
  left: 0px;
  width: 100%;
}

.b_8 .infiniteslide_wrap {
  margin-bottom: 10rem;
}

div .rightimg {
  display: flex;
  align-items: flex-end;
}

div .rightimg img {
  margin-bottom: -22%;
}

div .leftimage img {
  margin-top: -22%;
}

.b_6 .text {
  border-bottom: none;
}

.b_6 .post {
  width: 25%;
}

.b_6 .padnuller {
  margin-top: 34px;
}

.b_6 .post .date {
  color: #E0B8B5;
}

.navoapque .fixed-top {
  background-color: var(--c-research);
}

.b_9 {
  padding: 0px;
}

.hideheadercont header {
  padding-top: 0px;
}

.hideheadercont .headercont {
  display: none;
}

.hideheadercont main {
  padding-top: 83px;
}

.videowrap {
  position: relative;
  width: 100%;
  height: 56.25vw;
  text-align: center;
  max-height: 80vh;
}

.fullvideo {
  width: 20vw;
}

.videotrick:before,
.videotrick:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.videotrick:after {
  clear: both;
}

.videotrick video {
  object-fit: cover !important;
  width: 100%;
  height: 100%;
}

.t_home .blockid_1121 {
  background-image: url(../img/triangulosingle.svg);
  background-repeat: no-repeat;
  background-position: 13% 56%;
  background-size: 13%;
  padding-bottom: 4rem;
}

#scrolltotop {
  position: fixed;
  bottom: 13px;
  right: 13px;
  width: 3.4rem;
  min-width: 41px;
  min-height: 41px;
  z-index: 23;
  opacity: 0;
  transition: opacity .5s;
}

.pastinit #scrolltotop {
  opacity: 1;
}

#scrolltotop:hover .nohover {
  display: none;
}

#scrolltotop .hover {
  display: none;
}

#scrolltotop:hover .hover {
  display: block;
}

#scrolltotop img {
  width: 100%;
  height: auto;
}

#scrolltotop:hover img {
  animation-name: rotate3d;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
}

body .block.b_9 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

body .block.b_5 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

body .block.b_6 .post a {
  color: white;
}

.pid_1042 header .titleetc {
  margin-bottom: 7rem;
}

.people2 {
  display: flex;
  position: relative;
  align-items: flex-start;
  width: 53vw;
}

.b_11 .wholetitle {
  width: 70%;
}

.persontriimg {
  background-image: url(../img/triperson1.svg);
  background-repeat: no-repeat;
  background-position: right;
}

.persontri:nth-child(even) .persontriimg {
  background-image: url(../img/triperson2.svg);
}

.persontriimg img {
  width: 53%;
}

.persontriafter {
  margin-left: -4%;
  margin-right: -5%;
}

.persontriafter img {
  height: auto;
  width: 100%;
  position: absolute;
}

.persontri {
  margin-left: -3%;
}

.persontri:first-of-type {
  margin-left: 0px;
}

.persontri .txt {
  width: 53%;
  margin-top: 3rem;
}

.persontri .txt h5 {
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.persontri .txt p {
  line-height: 100%;
}

.hidden {
  display: none;
}

.pagination {
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
}

.pagination a:hover,
.pagination .MarkupPagerNavOn a {
  color: #D9AAA7;
  text-decoration: none;
}

.MarkupPagerNavPrevious a:hover,
.MarkupPagerNavNext a:hover,
.firstpag a:hover,
.lastpag a:hover {
  filter: grayscale(1) contrast(0.000001) brightness(0);
}

.pagination li {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.pagination a {
  color: black;
  display: flex;
  background-position: center;
  align-items: center;
  width: 18px;
}

.MarkupPagerNavPrevious a {
  background-image: url(../img/pag_prev.svg);
  font-size: 0px;
  background-repeat: no-repeat;
}

.MarkupPagerNavNext a {
  background-image: url(../img/pag_next.svg);
  font-size: 0px;
  background-repeat: no-repeat;
}

.firstpag a {
  background-image: url(../img/pag_first.svg);
  font-size: 0px;
  background-repeat: no-repeat;
  width: 24px;
}

.lastpag a {
  background-image: url(../img/pag_last.svg);
  font-size: 0px;
  background-repeat: no-repeat;
  width: 24px;
}

h2 {}

.t_home header h1 {
  transition: all 0.3s;
}

.t_home header h2 {
  transition: all 0.5s;
}

.text strong {
  display: inline-block;
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 6px;
}

@keyframes rotate3d {
  0% {
    transform: rotate3d(0, 0, 0, 0);
  }

  25% {
    transform: rotate3d(0, -1, 0, 360deg);
  }

  100% {
    transform: rotate3d(0, -1, 0, 360deg);
  }
}

body [data-aos] {}

body.ready [data-aos] {
  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1.5) !important;
}

.privacywire-header {
  font-size: 16px;
}

.privacywire-text {
  font-size: 12px;
}

.privacywire-buttons button {
  margin-right: 10px;
  background-color: black;
  color: white;
  border-radius: 90px;
  padding: 0.7rem 3rem;
  padding-bottom: 0.8rem;

  font-size: 12px;
  transition: all 0.4s;
}

/* safari video hack */
*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

article a.linkblock {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}