/* ///////////////////////////////////////////////////////// \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ------------------------ TABLET HOME ------------------------ 1 TRIANGULAR 2 EVENTS OR CALLS 3 PROYECTOS 4 BLOQUE INVESTIGADOR 5 SOCIAL 6. 2 BLOQUES INFERIORES ------- 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 GRIS CLARO: #F0F4F6 */ /* 1. TRIANGULAR ----------------*/ @media (min-width: 768px) and (max-width: 991px) { .triangular-jobs-section .triangular-home .field--name-field-featured-triangular, .triangular-jobs-section .triangular-home .field--name-field-second-featured-triangular { font-size: 6vw; } .triangular-jobs-section .triangular-home .field--name-field-link-triangular a { font-size: 17px; line-height: 1.2; } .triangular-jobs-section .triangular-home .field--name-field-body-triangular, .triangular-jobs-section .triangular-home .field--name-field-second-body-triangular { font-size: 15px; } .triangular-jobs-section .view-id-empleo.view-display-id-home .views-field-nothing, .triangular-jobs-section .view-id-empleo.view-display-id-home .view-empty .field--name-field-subtitle-image-link-block { font-size: 3vw; } .triangular-jobs-section .view-id-empleo.view-display-id-home .views-field-nothing-1 a, .triangular-jobs-section .view-id-empleo.view-display-id-home .view-empty .field--name-field-link-image-link-block a { font-size: 2vw; } .triangular-jobs-section .view-id-empleo.view-display-id-home .views-field-nothing-1 a:hover, .triangular-jobs-section .view-id-empleo.view-display-id-home .view-empty .field--name-field-link-image-link-block a:hover { font-size: 2vw; } .triangular-jobs-section .view-id-empleo.view-display-id-home .views-field-title, .triangular-jobs-section .view-id-empleo.view-display-id-home .view-empty .field--name-field-title-image-link-block { font-size: 6.5vw; } } /* 2. EVENTS OR CALLS ---------------------*/ @media (min-width: 768px) and (max-width: 991px) { section.calls-events-news-section .block-calls-notices-events-block-1 .views-field-nothing, section.calls-events-news-section .block-calls-notices-events-block-2 .views-field-nothing { font-size: 3vw; } section.calls-events-news-section .block-calls-notices-events-block-1 .views-field-view-node a, section.calls-events-news-section .block-calls-notices-events-block-2 .views-field-view-node a { font-size: 2vw; } section.calls-events-news-section .block-calls-notices-events-block-1 .views-field-view-node a:hover, section.calls-events-news-section .block-calls-notices-events-block-2 .views-field-view-node a:hover { font-size: 2vw; } section.calls-events-news-section .block-calls-notices-events-block-1 .views-field-title, section.calls-events-news-section .block-calls-notices-events-block-1 .views-field-body, section.calls-events-news-section .block-calls-notices-events-block-2 .views-field-title, section.calls-events-news-section .block-calls-notices-events-block-2 .views-field-body { font-size: 5.5vw; } } /* 3. PROYECTOS ---------------*/ @media (min-width: 768px) and (max-width: 991px) { section#investigator_random_view .block-title, section.block-views-blockproyectos-proyectos-home .block-title { font-size: 3vw; } section#investigator_random_view .views-field-nothing a, section.block-views-blockproyectos-proyectos-home .views-field-view-node a, section#investigator_random_view .views-field-nothing a, section.block-views-blockproyectos-proyectos-home .views-field-view-node a:hover { font-size: 2vw; } section.block-views-blockproyectos-proyectos-home .views-field-field-corto-proyecto a { right: 20%; } } /* 4. BLOQUE INVESTIGADOR -------------------------*/ @media (min-width: 768px) and (max-width: 991px) { section#investigator_random_view .views-field-nothing a, section.block-views-blockproyectos-proyectos-home .views-field-view-node a { font-size: 2vw; } section#investigator_random_view .views-field-nothing a:hover, section.block-views-blockproyectos-proyectos-home .views-field-view-node a:hover { font-size: 2vw; } section#investigator_random_view .views-field-field-nombre-directorio a, section#investigator_random_view .views-field-title a { font-size: 2.2vw; } section#investigator_random_view .views-field-field-area-investigacion { font-size: 2.2vw; } } /* 5. SOCIAL ------------*/ @media (min-width: 768px) and (max-width: 991px) { body.path-frontpage .social-blocks-home .block-twitter-block { padding-right: 10px; margin-bottom: 10px; } body.path-frontpage .social-blocks-home .block-instagram-block { padding-left: 10px; } body.path-frontpage .social-blocks-home .block-biomed-social .twitter-block .link a { font-size: 2vw; } body.path-frontpage .social-blocks-home .block-biomed-social .instagram-block .link a, body.path-frontpage .social-blocks-home .block-biomed-social .instagram-block .link a:hover { font-size: 2vw; } body.path-frontpage .social-blocks-home .block-biomed-social .twitter-block .tweet { font-size: 4vw; } } /* 6. " 2 BLOQUES INFERIORES" -------------------------------------*/ @media (max-width: 991px) { .field--name-field-bloque-a .field--name-field-link-image-link-block a, .field--name-field-bloque-b .field--name-field-link-image-link-block a { font-size: 2vw; } .field--name-field-bloque-a .field--name-field-link-image-link-block a:hover, .field--name-field-bloque-b .field--name-field-link-image-link-block a:hover { font-size: 2vw; } .field--name-field-bloque-a .field--name-field-title-image-link-block, .field--name-field-bloque-b .field--name-field-title-image-link-block { font-size: 7.5vw; } .triangular-jobs-section .view-id-empleo.view-display-id-home .views-field-nothing-1 a, .triangular-jobs-section .view-id-empleo.view-display-id-home .view-empty .field--name-field-link-image-link-block a { font-size: 3vw; } .block-views-blocklist-block-link-bloques .views-field-field-link-image-link-block-1 .field-content .titulo { font-size: 7.5vw; } .block-views-blocklist-block-link-bloques .views-field-field-link-image-link-block-2 a { font-size: 4vw; } }