/* ///////////////////////////////////////////////////////// \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ -------------------- GLOBAL INVESTIGATORS -------------------- 1 PAGE 2 NODE 3 PAGE VINCULATED 4 NODE VINCULATED ------- FONTS --------- .Futura-Lig { font-family: 'Futura-Lig'; font-weight: normal; font-style: normal; } .HelveticaNeueLTStd-Lt { font-family: 'HelveticaNeueLTStd-Lt'; font-weight: normal; font-style: normal; } .HelveticaNeueLTStd-Roman { font-family: 'HelveticaNeueLTStd-Roman'; font-weight: normal; font-style: normal; .HelveticaNeueLTStd-Bd { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-style: normal; } -------- COLORS -------- CYAN: #CCFFFF AZUL: #003DC4 ROJO: #FF4712 */ /* 1. PAGE ---------*/ @media (max-width: 767px) { body.path-investigacion .view-id-investigadores .section-title h2 { margin-bottom: 8%; font-size: 8vw; text-align: left; padding-left: 0; margin-top: 5%; } body.path-investigacion .view-id-investigadores .view-filters { margin-top: 30px; margin-bottom: 10px; } body.path-investigacion .view-id-investigadores .view-filters label { font-size: 4vw; } body.path-investigacion .view-id-investigadores .view-filters button.form-submit { font-size: 4vw; } body.path-investigacion .view-id-investigadores .view-filters .form-item-field-area-investigacion-target-id .select-wrapper { width: 100%; } body.path-investigacion .view-id-headers.view-display-id-investigators_vinculated .views-field-field-motto-header { font-size: 7vw; } body.path-investigacion .view-id-headers.view-display-id-investigators_vinculated .views-field-field-motto-header:before { content: ""; background: url(../../images/vinculados-big.png) no-repeat; width: 35px; height: 35px; display: block; margin: 0 auto; background-size: 100%; margin-bottom: 15px; } body.path-investigacion .view-id-proyectos .view-filters span.resultados { font-size: 7vw; padding-top: 15px; display: block; } /* Content */ body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-title { font-size: 3vw; } body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-field-nombre-directorio { font-size: 3vw; } body.path-investigacion .view-id-investigadores .view-filters span.resultados, body.path-investigacion .view-id-investigadores.view-display-id-vinculated .view-filters span.resultados { font-size: 7vw; padding-top: 15px; display: block; margin-top: 0; } body.path-investigacion .view-id-investigadores.view-display-id-vinculated .table > thead > tr > th, body.path-investigacion .view-id-investigadores.view-display-id-vinculated .table > thead > tr > th a { font-size: 6vw; line-height: 1; } body.path-investigacion .block-block-content07821edf-e92a-44d6-ae64-ead8222f72ba:hover { background-image: -webkit-linear-gradient(257deg, #fee79a 49.9%, #feda65 50%); } body.path-investigacion .block-block-content07821edf-e92a-44d6-ae64-ead8222f72ba .field--name-field-link-link-block a { font-size: 4vw; } body.path-investigacion .view-id-investigadores .view-content .row .col { margin-bottom: 5px; } body.path-investigacion .view-id-investigadores .view-content .row { margin: 0 -5px 0px -5px; } body.path-investigacion .block-block-content07821edf-e92a-44d6-ae64-ead8222f72ba { margin-bottom: 0px; } body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-title { font-size: 5vw; } body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-field-nombre-directorio { font-size: 5vw; } body.path-investigacion .block-block-content49dc6f66-0622-4f9c-9c99-f49bc2eb700f .field--name-field-link-link-block a { font-size: 4vw; } body.path-investigacion .view-id-headers.view-display-id-investigators .views-field-field-motto-header { font-size: 7vw; width: 100%; padding-left: 15px; padding-right: 15px; } body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-field-nombre-directorio ~ .views-field-view-node a, body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-title ~ .views-field-view-node a, body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-view-node a{ background-image: -webkit-linear-gradient(223.5deg, transparent 49.9%, rgba(255, 0, 0, 0.5) 50%); /*transition*/ opacity: 1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-title a, body.path-investigacion .view-id-investigadores.view-display-id-page .views-field-field-nombre-directorio a { color: #fff; font-size: 5.5vw; } body.path-investigacion .view-id-investigadores.view-display-id-page .col .views-field-title:before { background: url(../../images/flecha-dcha-white.png) no-repeat; content: ""; width: 60px; height: 10px; display: block; margin-bottom: 10%; opacity: 1; margin-left: 0; } body.path-investigacion .block-block-content49dc6f66-0622-4f9c-9c99-f49bc2eb700f { margin-bottom: 0px; } body.path-investigacion .view-id-investigadores.view-display-id-page .col .views-field-title:before, body.path-investigacion .view-id-investigadores.view-display-id-page .col-lg-2 .views-field-title:before { opacity: 1; margin-left: 0px; } } /* 2. NODE ---------*/ @media (max-width: 767px) { body.page-node-type-directorio section { padding-left: 5px; padding-right: 5px; } body.page-node-type-directorio .node-information { padding: 0; margin-top: 5%; } body.page-node-type-directorio .node-information .name { font-size: 7vw; max-width: 100%; } body.page-node-type-directorio .node-information .field--name-field-phone { position: relative; bottom: auto; margin-top: 5%; font-size: 5vw; } body.page-node-type-directorio .node-information .field--name-field-email { position: relative; bottom: auto; padding-left: 30px; font-size: 5vw; } body.page-node-type-directorio .node-information .field--name-field-phone:before { background-size: 80% !important; content: ""; background: url(../../images/flecha-dcha-60.png) no-repeat; width: 60px; height: 20px; position: absolute; bottom: 35px; } body.page-node-type-directorio .node-information .field--name-field-phone::before { position: relative; bottom: auto; display: block; } body.page-node-type-directorio .node-information .field--name-field-cargo-directorio { font-size: 8vw; margin-top: 5%; } body.page-node-type-directorio .node-information .field--name-field-unidad-investigacion, body.page-node-type-directorio .node-information .field--name-field-other-charge-directorio { font-size: 7vw; } body.page-node-type-directorio .node-information .production .production-title { font-size: 5vw; } body.page-node-type-directorio .node-information .production { margin-top: 5%; margin-bottom: 5%; } body.page-node-type-directorio .node-projects { padding: 5%; } body.page-node-type-directorio .node-projects .title { font-size: 7vw; margin-top: 5%; margin-bottom: 3%; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .owl-controls, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .owl-controls, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .owl-controls { position: initial; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .owl-controls .owl-pagination, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .owl-controls .owl-pagination, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .owl-controls .owl-pagination { display:block; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .views-field-view-node a, body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .views-field-view-node a:hover, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .views-field-view-node a, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .views-field-view-node a:hover, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .views-field-view-node a, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .views-field-view-node a:hover { font-size: 4vw; } body.page-node-type-directorio .node-projects ul.nav-tabs > li.active > a { margin-left: 15px; margin-right: 15px; } body.page-node-type-directorio .node-information { padding: 2% 0; margin-top: 10px; } body.page-node-type-directorio .node-recognitions { padding: 5% 0 0 0; } body.page-node-type-directorio .node-recognitions .field--name-field-acknowledgments-proyectos .field--item a { font-size: 5vw; } body.page-node-type-directorio .node-recognitions .title { font-size: 7vw; text-align: left; margin-top: 5%; margin-bottom: 5%; } body.page-node-type-directorio .node-recognitions { margin-top: 5px; } body.page-node-type-directorio .node-recognitions { margin-bottom: 5px; } body.page-node-type-directorio .view-id-news.view-display-id-investigators .views-field-nothing { margin-top: 6%; } body.page-node-type-directorio .node-documentation .title { font-size: 7vw; margin-bottom: 5%; margin-top: 5%; } body.page-node-type-directorio .view-id-news.view-display-id-investigators .views-field-nothing { font-size: 3vw; } body.page-node-type-directorio .node-video { margin-top: 5px; margin-bottom: 0px; } body.page-node-type-directorio .node-documentation { margin-top: -5px; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .info { left: 0; padding-left: 15px; bottom: 15px; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .field--name-field-image-video-parag:before { top: 3%; left: 3%; background-size: 50%; } body.page-node-type-directorio .node-documentation { padding: 5% 0 0 0; } body.page-node-type-directorio .node-documentation .title { font-size: 7vw; margin-bottom: 5%; } body.page-node-type-directorio .node-documentation .field--name-field-thesis-proyectos .paragraph .field--name-field-tag-documentation-parag { font-size: 5vw;; } body.page-node-type-directorio .node-projects ul.nav-tabs li a { font-size: 4vw; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .owl-controls .owl-prev, body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .owl-controls .owl-next, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .owl-controls .owl-prev, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .owl-controls .owl-next, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .owl-controls .owl-prev, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .owl-controls .owl-next { display: none; } #projects .views-field.views-field-field-img-proyectos { width: 100%; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .owl-wrapper-outer, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .owl-wrapper-outer, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .owl-wrapper-outer { padding-left: 0; padding-right: 0; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .views-field-field-corto-proyecto, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .views-field-field-corto-proyecto, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .views-field-field-corto-proyecto { text-align: center; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .views-field-field-corto-proyecto a, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .views-field-field-corto-proyecto a, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .views-field-field-corto-proyecto a { font-size: 6vw; position: relative; right: auto; width: 100%; line-height: 1; display: block; margin-bottom: 5%; padding-left: 5px; padding-right: 5px; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .views-field-view-node, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .views-field-view-node, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .views-field-view-node { float: none; margin-top: 5%; width: 100%; } body.page-node-type-directorio .node-news .owl-carousel .owl-item { min-height: 50vh; } body.page-node-type-directorio .view-id-news.view-display-id-investigators .views-field-field-image-noticias img { width: auto; height: 50vh; object-fit: cover; filter: brightness(70%); } body.page-node-type-directorio .view-id-news.view-display-id-investigators .views-field-field-fecha { display: none; } body.page-node-type-directorio .view-id-news.view-display-id-investigators .views-field-title { font-size: 7vw; opacity: 1; max-width: 70%; } body.page-node-type-directorio .view-id-news.view-display-id-investigators .views-field-nothing { font-size: 4vw; } body.page-node-type-directorio .view-id-news.view-display-id-investigators .owl-controls .owl-buttons .owl-prev { display: none; } body.page-node-type-directorio .view-id-news.view-display-id-investigators .owl-controls .owl-buttons .owl-next { display: none; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .field--name-field-image-video-parag { height: auto; height: 90vw; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .field--name-field-image-video-parag img { width: 100%; filter: brightness(0.7); height: 90vw; object-fit: cover; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .info { width: 100%; bottom: 15px; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .info:hover {display: none;} body.page-node-type-directorio .node-video .field--name-field-video-directorio .info .field--name-field-title-video-parag { font-size: 6.5vw; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .info .investigator::before { display: none; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .info .investigator { font-size: 5vw; padding-right: 15px; line-height:1; } body.page-node-type-directorio .node-video .field--name-field-video-directorio .field--name-field-cargo-directorio { font-size: 6vw; line-height: 1; } body.page-node-type-directorio .node-header .title { color: #fff; font-size: 7vw; } body.page-node-type-directorio .node-header { position: relative; display: block; overflow: hidden; height: auto !important; background-color: #f2f2f2; } body.page-node-type-directorio .node-header .title { font-size: 7vw; line-height: 1.1; width: 90%; position: absolute; height: 100%; } body.page-node-type-directorio .node-header .title span, body.page-node-type-directorio .node-header .field--name-field-nombre-directorio{display:none;} body.page-node-type-directorio .node-header .title .field--name-field-cita-directorio { font-size: 6vw; line-height: 1; position: absolute; bottom: 15px; } body.page-node-type-directorio .node-information .name span.comma { margin-left: -5px; } body.page-node-type-directorio .node-projects .view-display-id-own_projects_1_column .views-field-field-img-proyectos, body.page-node-type-directorio .node-projects .view-display-id-network_projects_1_column .views-field-field-img-proyectos, body.page-node-type-directorio .node-projects .view-display-id-rrhh_projects_1_column .views-field-field-img-proyectos { width: auto; } body.page-node-type-directorio .node-header .icon { width: 40px; } } /* 3. PAGE VINCULATED --------------------*/ @media (min-width: 768px) and (max-width: 991px) { /* Banner */ body.path-investigacion .block-block-content49dc6f66-0622-4f9c-9c99-f49bc2eb700f:hover { background-image: -webkit-linear-gradient(264deg, #fee79a 49.9%, #feda65 50%); } body.path-investigacion .block-block-content49dc6f66-0622-4f9c-9c99-f49bc2eb700f .field--name-field-link-link-block a { font-size: 2vw; } } /* 4. NODE VINCULATED --------------------*/ @media (min-width: 768px) and (max-width: 991px) { /* Header */ body.page-node-type-directorio .node-header .icon { top: 27%; } }