:root {
--bioaraba-azul: #282182;
--bioaraba-gris: #dadee9;
--bioaraba-azul-light: #6667AB; --area-cardiovascular: #6667AB;
--area-desarrollo-farmaceutico: #EA4078;
--area-nuevos-desarrollos: #EF82BA;
--area-diagnostica: #A293A4;
--area-neurociencias: #E4786A;
--area-prevencion: #7EA1AC;
--area-reproduccion: #F5C263;
}
a:hover,
a:focus {
color: var(--bioaraba-azul-light);
}
.flex {
display: flex;
}
html body p,
html body {
font-size: 16px;
}
.elementor-3775 .elementor-element.elementor-element-02f7b6a .elementor-icon {
font-size: 150px;
line-height: .8rem;
}
@media (min-width: 1200px) {
.container {
width: 1400px;
max-width: 100%;
}
}
.flex-end {
align-items: flex-end;
}
html body h4 {
color: var(--bioaraba-azul);
}
html body {
font-family: 'Mulish', sans-serif;
background: #fff;
}
html h1,
html h2,
html h3 html h4,
html h5 {
font-family: 'Mulish', sans-serif;
}
header#header {
padding: 0px;
position: relative;
z-index: 4;
}
.page-top.clearfix,
.home-slider.clearfix { }
.language-bar {
position: absolute;
top: 0;
right: 0;
margin-right: 0;
}
header#header>.container {
max-width: 1400px;
width: 100%;
margin: auto;
}
.logo-imagen {
display: none;
max-width: 300px;
z-index: 4;
position: relative;
}
.logo-imagen-vertical {
max-width: 150px;
margin-bottom: -150px;
}
.home .logo-imagen-vertical {
max-width: 100%;
margin-bottom: -150px;
}
nav .mobile-only {
display: none !important;
}
@media screen and (max-width: 991px) {
#header nav.main-menu {
float: none;
margin-top: 0 !important;
}
}
@media screen and (max-width: 767px) {
#header .logo {
padding: 0;
}
.logo-imagen {
display: block;
max-width: 100%;
}
.logo-imagen-vertical {
display: none;
} nav .mobile-only {
display: block !important;
}
.language-bar {
display: none;
}
#header .mean-container .mean-bar a.meanmenu-reveal {
padding: 2px 12px;
padding-top: 10px;
top: 0;
}
#header .mean-container a.meanmenu-reveal span {
background-color: transparent;
}
#header .mean-container a.meanmenu-reveal span span span,
#header .mean-container a.meanmenu-reveal span span span::before,
#header .mean-container a.meanmenu-reveal span span span::after {
display: block;
background-color: #fff;
position: absolute;
height: 3px;
width: 23px;
transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
border-radius: 2px;
}
#header .mean-container a.meanmenu-reveal span span span::before {
content: '';
margin-top: -8px;
}
#header .mean-container a.meanmenu-reveal span span span::after {
content: '';
margin-top: 8px;
}
#header .mean-container .mean-bar .mean-nav {
margin-top: 40px;
}
}
.flex.logo-menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-content: center;
align-items: center;
}
#menu-top-menu {
background: var(--bioaraba-azul);
text-align: right;
padding: 7px 15px;
}
ul#menu-top-menu li {
list-style: none;
color: white;
display: inline-block;
margin-right: 20px;
}
ul#menu-top-menu li a {
color: white;
}
header nav.main-menu {
border-top: none;
}
header nav.main-menu ul#menu-principal li>a {
color: var(--bioaraba-azul);
font-weight: normal;
font-size: 1rem;
}
header nav.main-menu ul#menu-principal>li>a {
text-transform: uppercase;
}
header nav.main-menu ul#menu-principal li:hover a,
header nav.main-menu ul#menu-principal li ul.sub-menu li a {
color: white;
}
header nav.main-menu ul#menu-principal li.current-menu-item>a {
color: white;
}
nav.main-menu ul>li ul li ul {
position: absolute;
left: -290px;
top: 0;
}
.page-top.clearfix {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
.title-header {
width: 100%;
height: 100%;
display: flex;
}
.page-top .pre-header,
.page-top .header-content,
.page-top .post-header {
background: #DAD9F5;
background: #DADEE9;
min-height: 150px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.page-top.clearfix.cabecera-area {
min-height: 75px;
max-height: 75px;
padding: 0;
}
.page-top.cabecera-area .pre-header,
.page-top.cabecera-area .header-content,
.page-top.cabecera-area .post-header {
min-height: 75px;
}
.page-top .pre-header {
background-position: top right;
flex: 1;
}
.page-top .post-header {
background-position: top left;
flex: 1;
}
nav.main-menu ul > li:hover > a, nav.main-menu ul > .current-menu-item > a {
background-color: var(--bioaraba-azul);
color: #fff;
}
h1.area {
text-transform: uppercase;
color: var(--bioaraba-azul);
float: none;
}
.page-top.clearfix .container .row h1 {
text-align: center;
width: 100%;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 2.5rem;
}
html body .breadcrumb {
background-color: transparent;
font-weight: bold;
padding: 5px 0px;
}
html body .breadcrumb.bc-area,
html body .breadcrumb.bc-area a {
font-weight: normal;
}
.breadcrumb-area {
min-height: 75px;
}
.breadcrumb-area .container {
padding-left: 180px;
}
html body .bread-crumb {
margin-top: 5px;
}
html body .breadcrumb a {
font-weight: normal;
}
@media (max-width: 767px) {
.mean-push {
margin-bottom: 15px;
}
.breadcrumb-area .container {
padding-left: 15px;
}
}
html body .texto-grande p {
font-size: 1.25rem;
} a#scroll-top {
bottom: 100px;
}
footer#main-footer {
background-color: transparent;
}
footer .elementor-icon i:before,
.elementor-icon svg:before {
position: absolute;
left: 29%;
transform: none;
top: 10px;
}
footer .social-links .elementor-icon {
display: inline-flex;
}
html body.elementor-page footer .elementor-icon i:before,
.elementor-icon svg:before {
position: absolute;
left: 1px;
transform: none;
top: 0px;
}
footer .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0px;
}
footer .menu-legal-container {
display: flex;
justify-content: flex-end;
margin-right: 20px;
}
footer ul#menu-legal li {
list-style: none;
}
footer ul#menu-legal li a {
color: var(--bioaraba-azul);
font-weight: 800;
font-size: 1rem;
text-transform: uppercase;
padding: 5px
}
footer ul#menu-legal li a:hover {
background: var(--bioaraba-azul);
color: white;
}
b,
strong {
font-weight: 800;
} .bloque-ultimas-noticias {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-around;
justify-content: center;
margin-bottom: 5rem;
}
.bloque-ultimas-noticias .noticia {
border: 2px solid var(--bioaraba-azul);
max-width: 500px;
position: relative;
padding: 2rem 3rem 4rem;
margin: 1.5rem;
background: white;
}
.bloque-ultimas-noticias .noticia .post-title {
margin-top: 1rem;
}
.bloque-ultimas-noticias .noticia .excerpt {
font-weight: normal;
font-size: 1rem;
}
.bloque-ultimas-noticias .noticia .post-title a {
margin-top: 0px;
color: var(--bioaraba-azul);
}
.bloque-ultimas-noticias .noticia .fecha {
color: #7F789B;
text-transform: uppercase;
}
.bloque-ultimas-noticias .noticia .enlace-noticia {
background-color: var(--bioaraba-azul);
padding: 10px 20px;
color: #fff;
position: absolute;
bottom: -19px;
text-transform: uppercase;
letter-spacing: 2px;
left: 3rem;
}
.bloque-ultimas-noticias .noticia .enlace-noticia:hover {
border: 2px solid var(--bioaraba-azul);
color: var(--bioaraba-azul);
background-color: #fff;
}
.bloque-ultimas-noticias .noticia .enlace-noticia::after {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding: 0px 0px 0px 10px;
}
@media screen and (max-width: 479px) {
.bloque-ultimas-noticias .noticia {
padding: 1rem 2rem 2rem;
margin: 1.5rem 0.5rem;
}
.bloque-ultimas-noticias .noticia .enlace-noticia {
left: 2rem;
}
} .h2-proximos-eventos {
font-weight: 600;
font-size: 2.5rem;
color: var(--bioaraba-azul);
text-transform: none;
margin-bottom: 2rem;
}
.bloque-ultimos-eventos {
padding: 0;
margin: auto;
max-width: 600px;
}
.widget.widget_text .bloque-ultimos-eventos {
padding: 1rem 0rem;
}
.bloque-ultimos-eventos .evento {
display: flex;
margin-bottom: 1.5rem;
align-items: flex-start;
}
.bloque-ultimos-eventos .evento .list-date {
display: flex;
background: white;
border: 1px solid var(--bioaraba-azul);
padding: 0px;
min-width: 85px;
margin: 10px 17px 10px 0;
text-align: center;
flex-direction: column-reverse;
justify-content: flex-end;
flex-wrap: wrap;
align-content: stretch;
height: auto;
text-transform: uppercase;
}
.bloque-ultimos-eventos .evento .list-date .list-dayname {
background-color: var(--bioaraba-azul);
color: white;
font-size: 1.5rem;
font-weight: 100px;
display: block;
width: 100%;
}
.bloque-ultimos-eventos .evento .list-date .list-daynumber {
color: var(--bioaraba-azul);
font-size: 2rem;
font-weight: 500;
display: block;
width: 100%;
}
.bloque-ultimos-eventos .evento h3.tribe-events-title {
margin-top: 7px;
margin-bottom: 1rem;
line-height: 2rem;
max-width: 500px;
}
.bloque-ultimos-eventos .evento .tribe-events-title {
font-weight: 700;
font-size: 1.25rem;
text-transform: uppercase;
color: var(--bioaraba-azul);
}
.bloque-ultimos-eventos .evento .tribe-events-duration::before {
content: "\f017";
font-family: "Font Awesome 5 Free";
color: var(--bioaraba-azul);
}
.bloque-ultimos-eventos .evento .tribe-events-venue::before {
content: "\f22c";
font-family: "Font Awesome 5 Free";
color: var(--bioaraba-azul);
padding: 0px 6px 0px 4px;
font-weight: bolder;
}
@media screen and (max-width: 767px) {
.bloque-ultimos-eventos .evento h3.tribe-events-title {
max-width: 200px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.bloque-ultimos-eventos {
padding: 3rem;
}
}
@media screen and (max-width: 479px) {
.bloque-ultimos-eventos {
padding: 0rem;
}
.bloque-ultimos-eventos .evento {
flex-direction: column;
}
.bloque-ultimos-eventos .evento .list-date {
flex-direction: row;
min-width: 0;
height: auto;
justify-content: flex-start;
background: transparent;
border: none;
}
.bloque-ultimos-eventos .evento .list-date .list-daynumber {
background-color: var(--bioaraba-azul);
font-size: 1.5rem;
font-weight: 500;
color: white;
padding-right: 1rem;
padding-left: 0.5rem;
}
.bloque-ultimos-eventos .evento .list-date .list-dayname {
padding-right: 0.5rem;
}
.bloque-ultimos-eventos .evento h3.tribe-events-title {
white-space: normal;
max-width: 100%;
}
} h3.elementor-image-box-title {
margin-top: 0;
}
.home-slider ul.slides .slide-content {
background-color: var(--bioaraba-gris);
position: relative;
width: 40%;
padding: 3rem;
float: right;
}
.home-slider ul.slides .slide-content::before {
width: 60px;
height: 60px;
background-color: var(--bioaraba-azul);
position: absolute;
top: -30px;
left: -30px;
z-index: -1;
}
.home-slider ul.slides .slide-content::after {
width: 60px;
height: 60px;
background-color: var(--bioaraba-azul);
position: absolute;
bottom: -30px;
right: -30px;
z-index: -1;
}
.home-slider ul.slides li.li-slide {
background-size: cover;
height: 400px;
width: 100%;
}
.home-slider .flexslider {
border-radius: 0 !important;
}
.home-slider ul.slides .title-slide {
text-transform: uppercase;
color: #000;
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 10px;
}
.home-slider ul.slides p {
font-size: 1rem;
}
.mean-container .mean-bar a.meanmenu-reveal,
.mean-container .mean-bar .mean-nav {
background-color: var(--bioaraba-azul) !important;
} .page-template-page-areas .blog-page {
padding: 0;
min-height: 80vh;
margin-top: 3rem;
}
.page-template-page-areas .blog-page article.page {
margin-bottom: 10px;
}
.page-contents-area.page-contents {
border-bottom: none;
padding-bottom: 0px;
}
.page-areas-bg {
background-image: url(//www.bioaraba.org/wp-content/themes/inspiry-medicalpress-child/images/fondo-area-lineas.png);
background-size: contain;
background-repeat: no-repeat;
background-position-x: right;
background-position-y: bottom;
}
.page-areas-bg-subarea {
background-image: url(//www.bioaraba.org/wp-content/themes/inspiry-medicalpress-child/images/fondo-area-cruces.png);
background-size: 90% auto;
background-repeat: no-repeat;
background-position-x: right;
background-position-y: bottom;
}
.breadcrumb.bc-area {
padding: 0px;
margin-bottom: 0px;
}
.submenu-areas {
background-color: var(--bioaraba-gris);
padding: 1rem 2rem;
margin: 1rem 0;
}
.submenu-areas ul li {
display: block;
clear: unset;
padding: 20px 0px;
border: none;
margin-bottom: 5px;
color: #000000;
}
.submenu-areas ul li::before {
content: '';
width: 30px;
color: var(--bioaraba-azul);
background: var(--bioaraba-azul);
border: 2px solid var(--bioaraba-azul);
height: 2px;
position: relative;
float: left;
margin-top: 8px;
margin-right: 11px;
}
.submenu-areas ul li a {
color: #000;
border-left: none;
padding-left: 40px;
font-weight: bold;
text-transform: uppercase;
display: block;
text-decoration: none;
}
.submenu-areas ul li span.cargo {
float: left;
display: block;
padding-left: 40px;
}
.page-contents-area.page-contents p {
color: #000;
font-weight: 500;
font-size: 1rem;
}
.tab-content {
border: none;
padding: 0px;
}
.titulo-subarea {
background-color: var(--bioaraba-gris);
padding: 0;
}
.titulo-subarea a {
color: var(--bioaraba-azul);
text-transform: uppercase;
font-size: 1.25rem;
font-weight: bolder;
}
.tab-pane table {
border: none;
} #miembros-equipo .resto-miembros,
#miembros-equipo .responsable-grupo {
display: flex;
flex-wrap: wrap;
}
.tab-pane .miembro {
width: 48%;
min-width: 250px;
} .tab-pane .responsable-grupo p,
.tab-pane .miembro p {
margin: 0;
} #miembros-equipo {
font-size: 1rem;
}  .tab-pane .miembro {
display: flex;
flex-direction: column;
border: none;
text-align: left;
margin-bottom: 30px;
width: calc(48% - 40px);
flex: 1;
margin-right: 2%;
}   #miembros-equipo .miembro .nombre::before {
content: "\f0da";
font-family: "Font Awesome 5 Free";
color: var(--bioaraba-azul);
font-weight: 900;
font-size: 2rem;
position: absolute;
margin-left: -35px;
top: 5px;
line-height: .5em;
}
#miembros-equipo .miembro.coordinador .nombre::before {
content: "\f621";
font-size: 1.25rem;
}
#miembros-equipo .responsable-grupo, #miembros-equipo .resto-miembros {
position: relative;
width: 96%;
margin: 1rem 2% 2rem;
padding: 1rem;
} #miembros-equipo .responsable-grupo {
border: 1px solid var(--bioaraba-azul);
} #miembros-equipo .miembro {
border: none !important;
margin-left: 40px;
position: relative;
}
#miembros-equipo .miembro.coordinador {
margin-top: 15px;
margin-bottom: 15px;
} #miembros-equipo .miembro .nombre {
text-transform: uppercase;
font-weight: bolder;
font-size: 1rem;
} #miembros-equipo .miembro .centro {
font-weight: normal;
} div.tab-content>div.tab-pane>table td,
div#collapse-myTab>div.panel>div.panel-collapse>div.panel-body>table td {
padding: 1px;
} #miembros-equipo .miembro .email a {
text-overflow: ellipsis;
display: block;
overflow: hidden;
color: #6667ab;
}
.modal-content a {
color: #6667ab;
}
.single-area #miembros-equipo table tr {
height: auto !important;
}
.single-area #miembros-equipo table tr td {
width: auto !important;
height: auto !important;
}
#divulgacion .modalProyectosPatentes .modal-dialog img {
width: 100% !important;
} .page-template-faq-plataformas .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
float: inherit;
}
.page-template-faq-plataformas .elementor-accordion .elementor-tab-title br {
display: none;
background-color: var(--bioaraba-gris);
}
.page-template-faq-plataformas .elementor-accordion .elementor-tab-title {
background-color: var(--bioaraba-gris);
font-size: 1.25rem;
padding: 1rem;
text-transform: uppercase;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.menuVertical {
border-left: 1px solid var(--bioaraba-azul);
padding-left: 1rem;
}
.page-template-faq-plataformas .elementor-accordion .elementor-accordion-item {
border: none;
margin-bottom: 20px;
} #menucillo ul {
padding: 0px;
margin: 1rem 0;
}
.fechas {
margin-bottom: 1.5rem;
}
.fechas h2 {
margin-bottom: 1.5rem;
font-size: 2rem !important;
background-color: var(--bioaraba-gris);
}
.overlay {
background-color: var(--bioaraba-azul);
}
.pagination span.current {
background-color: var(--bioaraba-gris);
color: #fff;
} .jumbotron h1 {
font-size: 250px;
font-weight: 800;
color: var(--bioaraba-azul);
}
.jumbotron h1 span {
color: var(--bioaraba-gris);
}
@media (max-width: 768px) {
footer ul#menu-legal {
text-align: center;
}
footer .menu-legal-container {
justify-content: center;
margin-top: 40px;
}
footer ul#menu-legal li a {
font-size: 1rem;
}
footer ul#menu-legal li {
padding: 5px 5px;
}
.logos-footer {
width: 70% !important;
margin: auto;
}
#logo-footer {
width: auto !important;
margin: auto !important;
}
#logo-footer img {
margin: auto !important;
}
.home-slider .slide-content {
display: block !important;
}
.home-slider ul.slides .slide-content {
position: relative;
width: 95%;
padding: 2.5rem;
height: 280px;
float: inherit;
}
.home-slider .content-wrapper {
left: 16.5px;
}
.mean-container .mean-bar {
background-color: var(--bioaraba-azul) !important;
}
.contenedor-menu {
padding-right: 0px !important;
padding-left: 0px !important;
}
}
@media (max-width: 530px) {
.mean-container .mean-bar {
background-color: var(--bioaraba-azul) !important;
}
}
.marco-redondo {
width: 172px;
height: 172px !important;
border-radius: 150px !important;
filter: grayscale(1);
}
ul.sub-menu li ul.sub-menu {
top: 1px !important;
}
.iframe-convocatorias {
height: 100vh
} .elementor form a {
text-decoration: underline;
color: var(--bioaraba-azul-suave);
}
form.wpcf7-form span.wpcf7-list-item.first {
margin-top: 1rem;
} .toggle.proteccion-datos .toggle-main .toggle.current .toggle-title {
background-color: var(--bioaraba-azul);
}
.toggle.proteccion-datos .toggle-main .toggle-title i.fa {
color: white;
}
.toggle.proteccion-datos .toggle-content .entry-content table thead {
background-color: var(--bioaraba-gris);
color: black;
} .listado-documentos>.elementor-widget-wrap {
display: flex;
flex-wrap: wrap;
}
.listado-documentos .elementor-widget-image-box {
width: 23%;
margin: 1rem 1%;
max-width: 315px;
min-width: 215px;
}
.listado-documentos .elementor-widget-image-box .elementor-image-box-img {
border: 1px solid silver;
transition: transform .25s ease-in-out;
transform-origin: 50% 100%;
max-height: 280px;
overflow: hidden;
}
.listado-documentos .elementor-widget-image-box:hover .elementor-image-box-img {
transform: scale(1.1);
}
.listado-documentos .elementor-widget-image-box .elementor-image-box-img img {
width: 100%;
}
.listado-documentos .elementor-widget-image-box h3 a {
font-size: 1.15rem;
text-decoration: none;
text-align: left;
}
.listado-documentos .elementor-widget-image-box h3 a:hover {
text-decoration: underline;
}
.listado-iconos-home li>a {
width: auto !important;
}
.listado-iconos-home li>p>a span {
text-transform: uppercase;
font-size: 1.3rem;
}
.ir-a-canal-interno br {
display: none;
}
.elementor-tab-title.elementor-active .elementor-toggle-icon>br:first-child {
display: none;
}