*:root {
--bioaraba-azul-rgb: 40, 33, 130;
--bioaraba-azul-suave: #7f789b;
}
html {
font-size: 16px;
}
html body {
background-position: bottom right;
background-repeat: no-repeat;
background-size: 34% auto;
color: #111111;
}
h2 {
color: var(--bioaraba-azul);
}
.btn,
.btn-primary,
.btn.btn-info {
background: var(--bioaraba-azul);
color: white;
text-transform: uppercase;
border: 1px solid var(--bioaraba-azul);
}
.btn:hover,
.btn-primary:hover,
.btn.btn-info:hover {
background: white;
color: var(--bioaraba-azul);
}
.btn,
.read-more {
background-color: var(--bioaraba-azul);
}
.btn:active,
.btn:focus,
.btn:hover,
.read-more:active,
.read-more:focus,
.read-more:hover,
form input[type="submit"]:hover {
background-color: rgba(var(--bioaraba-azul-rgb), .7);
}
.construccion {
color: grey;
}
a#scroll-top {
background-color: var(--bioaraba-azul);
}
html body .cita-destacada p {
font-size: 1.5rem;
line-height: 1.5em;
margin: 0;
}
html body .cita-destacada p a.btn {
display: inline-block;
margin-top: 1.5rem;
}
.cita-destacada .elementor-widget-container {
position: relative;
}
.cita-destacada .elementor-widget-container:before {
content: '';
display: block;
height: 3rem;
width: 3rem;
background-color: var(--bioaraba-azul);
position: absolute;
top: -1.5rem;
z-index: -1;
left: -1.5rem;
}
a.elementor-button-link {
padding: 0.25rem 1.25rem;
border: 2px solid var(--bioaraba-azul);
background: var(--bioaraba-azul);
color: white;
}
a.elementor-button-link:hover {
background: transparent;
color: var(--bioaraba-azul);
}
span.elementor-button-text {
text-transform: uppercase;
} .square-header-wrapper {
display: flex;
margin-bottom: 3rem;
}
.pre-square-header,
.post-square-header {
flex: 1;
background: white url(https://www.bioaraba.org/wp-content/uploads/2023/06/columna-cuadros-1.png) repeat-x;
background-size: auto 100%;
}
.pre-square-header {
background-image: url(https://www.bioaraba.org/wp-content/uploads/2023/06/columna-cuadros-1.png);
background-position: bottom right;
}
.post-square-header {
background-image: url(https://www.bioaraba.org/wp-content/uploads/2023/06/columna-cuadros-2.png);
background-position: bottom left;
}
.square-header {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 0;
max-width: 1580px;
margin: 0 auto;
}
.square-header>div {
background-color: var(--bioaraba-azul);
border: none;
aspect-ratio: 1;
}
.square-header div.logo {
grid-column: 1;
background: var(--bioaraba-azul);
grid-row: 1/3;
aspect-ratio: unset;
}
.square-header div.logo img {
width: 100%;
}
.square-header div.menu {
grid-column: 3 / 10;
background: white;
grid-row: 1;
aspect-ratio: unset;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 2rem;
}
.slider-link {
display: block;
width: 100%;
height: 100%;
}
.slider-link span {
display: none;
}
.square-header div.slide-image {
grid-column: 5 / 10;
background: var(--bioaraba-gris);
grid-row: 2 / 5;
aspect-ratio: unset;
background-size: 103% 103%;
background-position: center center;
}
.square-header div.slide-text {
grid-column: 2 / 6;
background: var(--bioaraba-gris);
grid-row: 4;
aspect-ratio: unset;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 2rem .5rem;
}
.square-header div.slide-text p {
margin-bottom: .5rem;
text-align: center;
font-size: 1.5rem;
}
.square-header div.blue-square {
background: #dce0ee;
}
.square-header div.pink-square {
background: #fbe2e9;
}
.square-header div.green-square {
background: var(--bioaraba-gris);
}
.square-header div.yellow-square {
background: #fff3d7;
}
.square-header div.grey-square {
background: #e3e1e0;
}
.square-header div.white-square {
background: white;
}
.square-header div.orange-square {
background: #fce7da;
}
@media screen and (max-width: 1579px) {
.square-header {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.square-header div.logo {
grid-column: 1;
}
.square-header div.menu {
grid-column: 2 / 9;
height: 12.5vw;
}
.square-header div.slide-image {
grid-column: 4 / 9;
}
.square-header div.slide-text {
grid-column: 1 / 5;
}
.square-1-1,
.square-2-1,
.square-3-1,
.square-4-1 {
display: none;
}
}
@media screen and (max-width: 1093px) {
.square-header div.menu {
padding-top: 3.5rem;
padding-bottom: 0.5rem;
}
}
@media screen and (max-width: 1023px) {
.square-header {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.square-header div.logo {
grid-column: 1;
}
.square-header div.menu {
grid-column: 2 / 8;
height: 14.2857vw;
}
.square-header div.slide-image {
grid-column: 3 / 8;
}
.square-header div.slide-text {
grid-column: 1 / 6;
}
.square-2-3,
.square-3-3 {
display: none;
}
}
@media screen and (max-width: 767px) { .square-header {
display: flex;
flex-wrap: wrap; }
.square-header>div {
aspect-ratio: unset;
}
.square-header div.logo { width: 50%;
background: white;
margin-bottom: 1rem;
}
.square-header div.logo img,
div.logo img {
max-width: 300px;
}
.square-header div.menu { width: 50%;
align-items: flex-start;
}
.square-header div.slide-image { width: 100%;
}
.square-header div.slide-text { width: 100%;
}
.square-2-4,
.square-3-2,
.square-3-4 {
display: none;
}
}
@media screen and (max-width: 479px) {
.square-header div.logo {
width: 100%;
margin-bottom: .5rem;
}
.square-header div.logo img,
div.logo img {
margin: 0 auto;
}
.square-header div.menu {
width: 100%;
height: auto;
padding: 0.5rem;
justify-content: center;
}
.home #header .mean-container .mean-bar a.meanmenu-reveal {
left: -23px !important;
}
} .square-slider-wrapper {
display: flex;
margin-bottom: 3rem;
}
.pre-square-slider,
.post-square-slider {
flex: 1;
background: white url(https://www.bioaraba.org/wp-content/uploads/2023/04/columna-cuadros-1@3x.png) repeat-x;
background-size: auto 200%;
}
.pre-square-slider {
background-image: url(https://www.bioaraba.org/wp-content/uploads/2023/04/columna-cuadros-1@3x.png);
background-position: bottom right;
}
.post-square-slider {
background-image: url(https://www.bioaraba.org/wp-content/uploads/2023/04/columna-cuadros-2@3x.png);
background-position: bottom left;
}
.square-slider {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 0;
max-width: 1800px;
margin: 0 auto;
}
.square-slider>div {
background-color: var(--bioaraba-azul);
border: none;
aspect-ratio: 1;
}
.square-slider div.slide-text {
grid-column: 4 / 8;
background: var(--bioaraba-gris);
grid-row: 1;
aspect-ratio: unset;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 2rem .5rem;
}
.square-slider div.slide-text p {
margin-bottom: .5rem;
text-align: center;
font-size: 1.5rem;
}
.square-slider div.blue-square {
background: #dce0ee;
}
.square-slider div.pink-square {
background: #fbe2e9;
}
.square-slider div.green-square {
background: var(--bioaraba-gris);
}
.square-slider div.yellow-square {
background: #fff3d7;
}
.square-slider div.grey-square {
background: #e3e1e0;
}
.square-slider div.white-square {
background: white;
}
.square-slider div.orange-square {
background: #fce7da;
} header nav.main-menu ul#menu-principal>li:hover,
header nav.main-menu ul#menu-principal>li:hover>a,
ul#menu-principal>li.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor>ul.sub-menu>li.current-menu-item.page_item.current_page_item>a,
ul#menu-principal>li.current-menu-ancestor.current-menu-parent>ul.sub-menu>li.current-menu-item>a {
background: var(--bioaraba-azul);
}
ul#menu-principal>li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor,
ul#menu-principal>li.current-page-ancestor.menu-item-has-children>a,
ul#menu-principal>li.current-menu-ancestor.current-menu-parent.menu-item-has-children>a,
ul#menu-principal>li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor a {
background: transparent;
font-weight: bold;
color: var(--bioaraba-azul);
}
ul#menu-principal>li.current-menu-ancestor.current-menu-parent.menu-item-has-children:hover>a {
color: white;
}
nav.main-menu ul>li.menu-item-has-children {
position: relative;
padding-right: 1.5rem;
padding-left: .5rem;
}
nav.main-menu ul>li.menu-item-has-children:after {
content: "";
display: block;
width: .65rem;
height: .65rem;
border-right: 2px solid var(--bioaraba-azul);
border-bottom: 2px solid var(--bioaraba-azul);
position: absolute;
right: .5rem;
top: 1rem;
transform: rotate(45deg);
transition: transform .25s ease-in-out;
}
nav.main-menu ul>li.menu-item-has-children:hover:after {
transform: rotate(135deg);
border-color: white;
}
nav.main-menu ul>li ul.sub-menu {
background: rgba(var(--bioaraba-azul-rgb), .7);
top: 100%;
}
nav.main-menu ul>li ul.sub-menu li {
border: none;
}
nav.main-menu ul>li ul.sub-menu li:hover a {
background: var(--bioaraba-azul);
}
ul#menu-principal>li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor>ul.sub-menu>li.current-menu-item.page_item.current_page_item>a {
background: var(--bioaraba-azul);
color: white;
}
ul#menu-principal>li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor ul.sub-menu li a {
color: white;
font-weight: normal;
}
@media (max-width: 767px) {
ul#menu-principal>li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor,
ul#menu-principal>li.current-page-ancestor.menu-item-has-children>a,
ul#menu-principal>li.current-menu-ancestor.current-menu-parent.menu-item-has-children>a,
ul#menu-principal>li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor a {
color: white;
}
} .bread-crumb .breadcrumb li.active {
color: var(--bioaraba-azul-suave);
} body .entry-content .bloques-estructura h2 {
background: var(--bioaraba-azul);
border-radius: 0;
text-transform: uppercase;
} .page-id-5377 .entry-content {
margin: 0 0 25px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.page-id-5377 .entry-content .col-md-4 {
margin: 2rem 0;
}
.page-id-5377 .bloque-documentos h3 a {
font-size: 1.15rem;
} ul#menuVertical {
border-left: 1px solid var(--bioaraba-azul);
padding-left: 1rem;
}
ul#menuVertical>ul>li {
padding: 5px;
background-color: transparent;
border: none;
font-size: 15px;
color: var(--bioaraba-azul);
}
ul#menuVertical>ul>li>a {
color: #000;
text-transform: uppercase;
position: relative;
display: inline-block;
font-size: 1rem;
font-weight: 800;
padding: 0.25rem 1.5rem;
}
ul#menuVertical>ul>li.current_page_item>a {
background: rgba(var(--bioaraba-azul-rgb), .15);
}
ul#menuVertical>ul>li>a i {
position: absolute;
left: 0rem;
color: var(--bioaraba-azul) !important;
top: 0.5rem;
}
ul#menuVertical>ul>li>ul {
display: block;
background-color: transparent;
margin: 0px;
border: none;
padding-top: 10px;
margin-left: -5px;
margin-right: -5px;
margin-bottom: -5px;
padding-left: 1.5rem;
padding-bottom: 10px;
}
ul#menuVertical>ul>li>ul>li,
ul#menuVertical>ul>li>ul>li a {
background-color: transparent; color: #000;
font-size: 1rem;
list-style: none;
padding: 0px 0px 5px 0px;
}
ul#menuVertical>ul>li>ul>li a {
padding: 2px 0px 3px 5px;
}
ul#menu-areas-investigacion ul.sub-menu li a {
font-weight: normal; }
ul#menu-areas-investigacion ul.sub-menu li.current-menu-item a {
background: rgba(var(--bioaraba-azul-rgb), .15);
}
ul#menu-areas-investigacion ul.sub-menu li a:hover {
text-decoration: underline;
} .page-template-page-areas .entry-title.area,
.single-area .entry-title.area {
margin-bottom: 2rem;
} .titulo-subarea {
margin-bottom: 1.5rem;
}
.titulo-subarea p {
padding: 0;
margin: 0;
}
.titulo-subarea a {
padding: 1rem;
display: block;
position: relative;
}
.titulo-subarea a:after {
content: "+";
display: block;
position: absolute;
right: 1rem;
top: 0.25em;
font-size: 2rem;
}
.titulo-subarea a.active:after {
content: "-";
}
.page-template-page-areas .submenu-areas h2,
.single-area .submenu-areas h2 {
font-size: 1.5rem;
text-transform: uppercase;
}
.page-template-page-areas .bloque-coordinador.submenu-areas,
.single-area .bloque-coordinador.submenu-areas {
margin-top: 2rem;
padding: 0;
}
.page-template-page-areas .bloque-coordinador.submenu-areas h2,
.single-area .bloque-coordinador.submenu-areas h2 {
width: 100%;
}
.page-template-page-areas .bloque-coordinador.submenu-areas .coordinador-area,
.single-area .bloque-coordinador.submenu-areas .coordinador-area {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
.page-template-page-areas .bloque-coordinador.submenu-areas .coordinador-area .img-coordinador,
.single-area .bloque-coordinador.submenu-areas .coordinador-area .img-coordinador { margin: 0 0 0 2rem;
}
.page-template-page-areas .bloque-coordinador.submenu-areas .coordinador-area .img-coordinador img,
.single-area .bloque-coordinador.submenu-areas .coordinador-area .img-coordinador img { max-width: 200px;
}
.page-template-page-areas .bloque-coordinador.submenu-areas .coordinador-area .nombre-coordinador,
.single-area .bloque-coordinador.submenu-areas .coordinador-area .nombre-coordinador {
text-transform: uppercase;
padding: 2rem;
}
.tab-content>.tab-pane {
margin-bottom: 3rem;
} a.mail-link span {
color: var(--bioaraba-azul-suave);
}
a.mail-link:hover span {
text-decoration: underline !important;
}  #bloque-contacto .elementor-widget-icon-box .elementor-icon-box-icon br,
#bloque-contacto .elementor-widget-icon-box .elementor-icon-box-content br {
display: none;
}
#bloque-contacto .elementor-widget-icon-box p {
margin: 0;
}
#bloque-contacto .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title,
#bloque-contacto .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description {
display: inline-block;
color: #111111;
}
#bloque-contacto .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description {
margin-left: .25rem;
}
#bloque-contacto .elementor-widget-icon-box .elementor-icon-box-content a {
color: var(--bioaraba-azul-suave);
}
form.wpcf7-form {
padding: 0;
}
.wpcf7-form>p {
font-weight: normal;
letter-spacing: normal;
margin-bottom: 1rem;
}
form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"],
form input[type="date"],
form input[type="range"],
form input[type="password"],
form input[type="text"],
form select,
form textarea {
width: 100%;
height: auto;
border: 1px solid #dcdee4;
background-color: #fff;
margin-bottom: 20px;
padding: 11px 10px;
color: #3a3c41;
font-weight: 500;
} .links-ofertas.elementor-widget .elementor-icon-list-item {
display: block;
}
.links-ofertas.elementor-widget .elementor-icon-list-item p {
margin-bottom: 0;
}
#forma-parte-del-equipo .bloque-opciones .desc-opcion {
min-height: 8rem;
} .intro-destacada p {
font-size: 1.5rem;
max-width: 35em;
margin: 2rem auto 1rem;
}
.intro-destacada p strong {
color: var(--bioaraba-azul);
text-transform: uppercase;
} .wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form label {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form span.label-content {
width: 18rem;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form span.aclaracion {
width: 100%;
opacity: .7;
font-size: .8em;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form .wpcf7-form-control {
margin-bottom: 0;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form label.large-field {
display: block;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form label.large-field span.label-content {
width: auto;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form label.large-field textarea {
width: 100%;
height: 4em;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form input[type="radio"],
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form input[type="checkbox"] {
margin-right: 1rem;
}
.wpcf7#wpcf7-f6092-p1534-o1 span.wpcf7-form-control-wrap.consentimiento-bioaraba {
margin-top: 3rem;
display: block !important;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form span.wpcf7-form-control-wrap.consentimiento-bioaraba label {
flex-wrap: nowrap;
-ms-align-items: flex-start;
align-items: flex-start;
}
.wpcf7#wpcf7-f6092-p1534-o1 .wpcf7-form .wpcf7-submit {
margin: 1rem 0;
}
.wpcf7-form .texto-proteccion-datos {
padding: 2rem;
background: rgba(var(--bioaraba-azul-rgb), .15);
} .blog-container:not(.has-sidebar),
.blog-post-listing,
.category .col-lg-9 {
margin: 0 auto;
float: none;
}
.blog-page .post .left_meta {
border-top-color: var(--bioaraba-azul);
}
.blog-page .post .entry-author {
display: none;
}
.blog-page .full-width-contents,
.blog-page .page-contents,
.blog-page .right-contents {
border-bottom: none;
} html body blockquote {
position: relative;
border: none;
padding-left: 3rem;
}
html body blockquote:before {
content: '"';
display: block;
font-size: 20rem;
color: var(--bioaraba-azul);
opacity: .15;
position: absolute;
top: -0.45em;
left: 0;
z-index: -1;
}
html body blockquote p {
font-size: 2rem;
line-height: 1.5em;
max-width: 16em;
}
html body blockquote p strong {
color: var(--bioaraba-azul);
font-weight: normal;
font-style: italic;
font-size: .8em;
}