/**
 * @file
 * Subtheme specific CSS.
 */
@font-face {
    font-family: 'Trueno';
    src: url('../fonts/TruenoRg.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
      }
@font-face {
    font-family: 'Trueno Bold';
        src: url('../fonts/TruenoBd.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
      }
@font-face {
    font-family: 'Trueno light';
        src: url('../fonts/TruenoLt.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
      }
@font-face {
    font-family: 'Trueno light italic';
        src: url('../fonts/TruenoLtIt.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
      }
@font-face {
    font-family: 'Trueno semibold';
        src: url('../fonts/TruenoSBd.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
      }     
      

 body {
    color: #4D4D4D;
    background: #fff!important;
    font-family: 'Trueno', sans-serif;font-weight:300;font-size:18px;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Trueno', sans-serif;}
.slider.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.fondo-verde-area {
    background: url(../img/deco-header-publicaciones.svg)no-repeat center right #6BC75C;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;font-size:15px;    background-size: 150px;
}
#block-views-block-banners-carrusel-block-1 {position:relative;    padding-left: 0;padding-right: 0;}
#block-views-block-banners-carrusel-block-1:before {background: transparent;z-index:1;position:absolute; content:"";top:0;left:0;width:100%;height:70px;}
.cuadro-publicacion {
    border: 1px solid #A2A9AD;min-height:370px;margin-bottom: 25px;
}
#block-design-breadcrumbs {
    padding-left: 20px!important;
}
.social-sharing-buttons {
    display: flex;
    justify-content: flex-end!important;
    align-items: center;
    margin: 2em 0;
}
.social-sharing-buttons svg {
    border-radius: 50px!important;
    width: 25px;
    height: 25px;
}
ul.dropdown-menu.show {
    z-index: 100000; background: #C2D5ED;
    color: #333333;
    border: none;
}
ul.dropdown-menu.show li a {padding-bottom:5px!important;margin-bottom:5px!important;text-decoration:none;transition:0.5s;color: #333333!important;
}
ul.dropdown-menu.show li a:hover {padding-bottom:5px;margin-bottom:5px;text-decoration:underline;transition:0.5s;color: #333333;background:transparent!important;
}
.nav-link.dropdown-toggle.nav-link-.show, .nav-item a:hover, .nav-item span:hover{
    color: #7CCFDA!important;transition:0.5s;cursor:pointer;
}
.nav-link.dropdown-toggle.nav-link- {
    color: #808080;
}
a, .link {
       word-break: break-word;
}
ul.dropdown-menu.show li:hover {background:transparent!important;}
li.nav-item:nth-child(2){
    max-width: 100%;
}
li.nav-item:nth-child(3){
    max-width: 100%;
}
li.nav-item:nth-child(5){
    max-width: 100%;
}
li.nav-item:nth-child(7){
    max-width: 100%;
}
.cuadro-publicacion p {
    font-family: 'Trueno light italic', sans-serif;
    color: #3B3B3B;
    font-weight: 200;
    font-style: italic;
    font-size: 18px;margin-bottom:0;
}
strong {font-family: 'Trueno bold', sans-serif;}
.cuadro-publicacion a {font-size: 17px;
    font-weight: 200;
    font-style: normal;}
h2.page-title {
    color: #1A1A1A;
    font-size: 35px;
    font-weight: 600;
}
.fondo-celeste {
    background: #E6EDF7;
    margin-top:0px;margin-bottom:30px;
}
.page-node-type-eventos .fondo-celeste {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
}
.publi-destacada {padding-top: 30px;padding-bottom: 30px;}
.pizarra-home {
    background: #C2D5ED;
    padding: 35px 15px 20px 15px;
    min-height: 450px;
}
.more-link a {
    color: #29ABE2;
}
.view-display-id-block_3 .view-content {border-bottom:1px solid #A2A9AD;padding-bottom:20px;margin-bottom:20px;}
.item-pizarra {
 border-bottom:1px solid #A2A9AD;padding-bottom:10px;padding-top:10px;margin-bottom:10px;   
}
.item-proyecto.cuadro-publicacion {
    padding: 20px;
    margin-bottom: 30px;
}
#views-exposed-form-proyectos-de-investigacion-page-2 .form-select {background: url(../img/home-curva1.png)no-repeat center top!important;}
#edit-field-ano-target-id-all {display:none;}
#edit-field-ano-target-id li a {
    background: #E6EDF7;
    padding: 10px 15px;
    color: #333333;
    margin-bottom:10px;
        display: block;
    max-width: 85px;
    text-align: center;text-decoration:none;transition:0.5s;
}
#edit-field-ano-target-id li a:hover {
    background: #29ABE2;
    padding: 10px 15px;
    color: #333333;
         display: block;
    max-width: 100px;
    text-align: center;transition:0.5s;
}
#edit-field-ano-target-id li:before {
    background: transparent;
}
#edit-field-ano-target-id li {
padding-left:0;
}
#edit-field-ano-target-id {border:none;padding:0;}
div#edit-field-ano-target-id ul {
    padding-left: 0;padding: 0;
}

#views-exposed-form-proyectos-de-investigacion-page-2 .form-check .form-check-input {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}
.tns-outer .tns-controls {
    text-align: center;
    margin-bottom: 10px;
    display: none;
    justify-content: space-between;
    align-content: center;
    position: relative;
    top: 50%;
}
.tns-nav > [aria-controls] {
    width: 9px;
    height: 9px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #C2D5ED!important;
    border: 0;
}
.tns-outer .tns-nav > .tns-nav-active {
    background: #6BC75C!important;
}
p.texto-naranja {color:#F29800!important;font-size:18px;margin-bottom:5px!important;font-family: 'Trueno', sans-serif!important;}
.personas-proyecto {padding-top: 20px;}
.personas-proyecto p {
font-family: 'Trueno light italic', sans-serif;
    margin: 0;
    padding: 0px;
    font-weight: 200;
    text-align: left;color:#3b3b3b;
}
button[data-controls="prev"] {background:url(../img/circle-chevron-left-solid.svg)no-repeat center center!important;background-size:40px!important;width:40px;height:40px!important;font-size:0!important;}
button[data-controls="next"] {background:url(../img/circle-chevron-right-solid.svg)no-repeat center center!important;background-size:40px!important;width:40px;height:40px!important;font-size:0!important;}
.mas-flecha {background:url(../img/flecha-mas.svg)no-repeat center center!important;background-size:40px!important;width:40px;height:40px!important;font-size:0!important;transition:0.5s;
}
.mas-flecha:hover {background:url(../img/flecha-mas-hover.svg)no-repeat center center!important;background-size:40px!important;width:40px;height:40px!important;font-size:0!important;transition:0.5s;
}
.centrado {display:block; margin:0 auto;margin-top:20px;}
.view-display-id-block_2 h2 {margin-bottom:20px;}
.tipo-evento a {
    color: #CF8A00;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
}
.fila-equipo {
    margin-bottom: 20px;
    border: 1px solid #3b3b3b;
    padding: 15px;
    width:100%;
}
.page-view-personal-cientifico .fila-equipo {
    margin-bottom: 20px;
    border: 1px solid #3b3b3b;
    padding: 15px;
    width:100%;
}
.adicional {
    display: flex;
   justify-content: space-between;
    gap: 30px;
    flex-flow: row wrap;
}

.logo-ucr {background: #7CCFDA;padding: 10px;}
.logo-ucr img {
    max-width: 417px;
    height: auto;
}
.menu-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;    padding-top: 20px;
    padding-bottom: 20px;
}
.block-views-blockproyectos-de-investigacion-block-1 .view-content {margin-top:30px;}
.menu-flex .logo-item {width:330px;flex-grow:0;}
.menu-flex .logo-item img {max-width:300px;height:auto;}
.menu-flex .main-menu {flex-basis:20rem;flex-grow:1;}
#navbar-main {background-color: transparent!important;}
#navbar-main a, #navbar-main span {color:#808080;font-size:16px;font-weight:200;text-transform:uppercase;}
.page-node-type-noticias #block-design-page-title, .page-node-type-proyectos-de-investigacion #block-design-page-title, .page-node-type-eventos #block-design-page-title {display:none;}
.info-evento {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 20px;
}
.page-node-type-eventos .info-evento {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 20px;
background: url(../img/ico-eventos.svg)no-repeat left top;
    background-size: 70px;
    background-position-x: 0px;
    padding-left: 80px;
}
.redes-flex {display:flex;justify-content:flex-end;gap:15px;}
.fondo-titulo {
    margin-bottom: 30px;
}
.item-proyecto p.texto-naranja {
    color: #F29800;
    font-size: 16px;
    font-weight: 200;margin-bottom:0;
    margin-top:15px!important;
}
.block-views-blockproyectos-de-investigacion-block-1 .item-proyecto p.texto-naranja {
    color: #F29800;
    font-size: 16px;
    font-weight: 200;margin-bottom:0;
    margin-top:5px!important;
}
.block-views-blockproyectos-de-investigacion-block-1 .item-proyecto {
    padding-left: 20px;
    padding-right: 20px;
}
.block-views-blockproyectos-de-investigacion-block-1 .tns-item {
    border-right: 1px solid transparent;min-height:400px;
}
.encabezado-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}
.texto-banner {
    position: absolute;
    top: 0px;
    color: #fff;
    width: 100%;padding-top: 40px;padding-left: 15px;
}
.slider {
    margin-bottom: 30px;
}
#block-views-block-banners-carrusel-block-1 .tns-outer h2 {
    padding-top: 20px;font-size:1.4em;text-align: left!important;
}
#block-views-block-banners-carrusel-block-1 .tns-outer p {
    padding-top: 25px;
    text-align: left!important;font-weight: bold;
}
.view-id-proyectos_de_investigacion h2 {
    font-weight: bold;
    color: #1A1A1A;
}
.view-id-proyectos_de_investigacion h3 {
    color: #CF8A00;font-size:26px;
}
#tns3-ow {
    margin-top: 30px;
}
.item-proyecto h3 a, .item-proyecto h3 , .item-equipo h3 {
    color: #333;
    font-size: 18px;
    text-decoration: none;position:relative;padding-bottom:20px;margin-bottom:5px;display:block;
}
.item-proyecto h3 a:after, .item-equipo h3:after {background:#FFC629;position:absolute;content:"";width:250px;height:5px;left:0;bottom:0;}
.item-proyecto h3 {
line-height: 24px;
}
.tns-outer {
   font-family: 'Trueno', sans-serif;font-weight:300;
    margin: 0;
    padding: 0;
}
.item-proyecto p {
font-family: 'Trueno light italic', sans-serif;
    margin: 0;
    padding: 0px;
    font-weight: 200;
    text-align: left;color:#3b3b3b;
}
.row.region.region-slider:after {position:absolute;
    background: url(../img/home-curva.png)no-repeat;top:0;left:0;background-size:contain;content:"";width:100%;height:auto;
}
.row.region.region-slider {
    position:relative;
}
.texto-banner a {
    background: #29ABE2;
    color: #fff;
    padding: 10px 10px;
    text-transform: uppercase;
    text-decoration: none;display: block;
    width: fit-content;
    margin-top: 25px;font-weight: bold;font-size:15px;
}
.fuente-noticia p {
    font-size: 18px;
    font-weight: 200;font-style: italic;
}
.texto-publicacion {padding: 15px;}
.texto-publicacion span {color:#6BC75C;font-size:16px;margin-top: 10px;display: block;}
.texto-publicacion h3 a {color:#333; font-size:20px;font-weight:bold;text-decoration:none;}
.texto-publicacion h3 a:hover {color:#333; font-size:20px;font-weight:bold;text-decoration:underline;transition:0.5s;}
a.enlace-publi {
    color: #114E8F;
    text-decoration: none;
    padding-left: 30px;
    position: relative;
}
.enlace-publi:before {background: url(../img/ico-link-externo.svg)no-repeat;left:5px;top:0;width:20px;height:20px;content:"";position:absolute;}
.foto-proyecto img, .item-noticias img {
    width: 100%;
    height: auto;
}
.noticias-home, .publi-destacada {
    padding-right: 0px;margin-bottom: 30px;
}
.imagen-noticia-lista {
position:relative;
}
.imagen-noticia-lista:before {
position:absolute;content:"INFORMACIÓN";background:#FFC629;padding:7px 15px;bottom:0;right:0;width:fit-content;}
.contenedor-relacionado {
    padding-top: 30px;padding-bottom:30px;
}
.page-node-type-noticias #footer {margin-top:0;}
.page-node-type-noticias .fondo-celeste {margin-bottom: 0px;}
.path-espacio-informativo .view-content.row, .path-eventos .view-content.row, .path-publicaciones .view-content.row {margin:0;}
.foto-noticia img {
    width: 100%;
    height: auto;
}
.foto-evento img {
    width: 80%;
    height: auto;
    display:block;
    margin:0 auto;
}
.foto-evento{
     margin-bottom: 30px;
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #3b3b3b;
}
.item-pizarra a {
    color: #333;
    font-size: 20px;
    text-decoration: none;
    margin-bottom: 20px;
    display: block;
    padding-left: 50px;background: url(../img/ico-pizzara.svg)no-repeat left top;font-family: 'Trueno', sans-serif;background-size:30px;font-weight:bold;
}
.item-pizarra a:hover {
    color: #333;
    font-size: 20px;
    text-decoration: underline;
    margin-bottom: 20px;
    display: block;
    padding-left: 50px;background: url(../img/ico-pizzara.svg)no-repeat left top;font-family: 'Trueno', sans-serif;background-size:30px;
    transition:0.5s;
}
#block-views-block-noticias-block-3 h2, #block-views-block-eventos-block-1 h2 {
    color: #114E8F;
    margin-bottom: 5px;
    font-size: 26px;
}
.item-noticias p {
    color: #4d4d4d;
    font-weight: normal;font-size:17px;
}
.item-eventos-home p.texto-naranja {
    color: #F29800;
    font-size: 15px;
    font-weight: 200;margin-bottom:0;
    margin-top:5px;
    font-family: 'Trueno', sans-serif;
}
.item-eventos-home {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #A2A9AD;
}
.dia-evento {
    background: #FFC629;
    width: fit-content;
    padding: 0px 10px;
    font-size: 38px;
}
.eventos-destacados {
    padding-left: 0px;
}
.fondo-blanco {padding-bottom:30px;padding-top:30px;}
.lugar p, .hora p {font-family: 'Trueno light italic', sans-serif;}
.no-margen p {margin-bottom:0;}
.item-eventos-home .fecha-noticia {margin-top:0;}
.tipo-evento {text-transform:uppercase;margin-top: 5px!important;}
.item-eventos-home h3 a {
    font-size: 20px;
    color: #333;
    text-decoration: none;
}
.item-eventos-home h3 a:hover {
    font-size: 20px;
    color: #333;
    text-decoration: underline;
}
.item-equipo img {
    width: 210px;
    height: auto;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.item-equipo ul.list-group {
    margin-left: 2rem;
}
.item-equipo ul.list-group .list-group-item {
    background-color: #fff;
    border: none;
}
h3 {color: #114E8F;font-size: 26px;}
.fondo-footer h3 {color:#fff;}
.iconos-flex {display:flex;flex-flow:row wrap; justify-content:flex-start;gap:10px;}
.fondo-footer .fb {background:url(../img/square-facebook.svg)no-repeat center center;font-size:0;width:30px;height:30px;background-size: 30px;display: block;}
.fondo-footer .tw {background:url(../img/square-x-twitter.svg)no-repeat center center;font-size:0;width:30px;height:30px;background-size: 30px;display: block;}
.fondo-footer .ig {background:url(../img/instagram-alt.svg)no-repeat center center;font-size:0;width:30px;height:30px;background-size: 38px;display: block;}
.fondo-footer p {font-size:16px;}
#footer {background: #666666;padding: 30px 20px 0 20px;color: #fff;margin-top: 30px;}
.item-noticias h3 a {color:#333333;font-size:20px;text-decoration:none;margin-top:10px;margin-bottom:10px;margin-bottom: 20px;
    display: block;}
.item-noticias h3 {line-height:1em;font-weight:600;}
.fecha-noticia {color:#7A97AB; font-size:18px;font-style:italic;margin-top:10px;font-family: 'Trueno light', sans-serif;}
.info-evento .fecha-noticia, .info-evento .modalidad-noticia, .info-evento .hora-noticia, .info-evento .datos-noticia {color:#3B3B3B;font-size:18px;font-style:italic;margin-top:10px;}
#block-design-page-title, #titulo-seccion {background:url(../img/banner_02_nuevo.jpeg)no-repeat center center;background-size: cover!important;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
    margin-bottom: 40px;background-size: 100%;}
#block-design-page-title h1, #titulo-seccion h1 {color:#fff;text-decoration:none;display:block;margin:0 auto;width:fit-content;font-weight:600;}
.logos-flex {display: flex;flex-flow: row wrap;justify-content: flex-start;gap:30px;}
.logos-flex a.ucr {flex-basis:10rem; flex-flow:0;}
.logos-flex a.ucrea {flex-basis:25rem; flex-flow:0;}
p.copy {text-align: center;margin-top: 20px!important;}
#footer p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.info1 {
    background: #fff;
    padding: 20px;
    flex-basis: 100%;
}
.info2 {
    background: #fff;
    padding: 20px;
    flex-basis: 100%;
}
.content ul li {list-style:none;position:relative;padding-left:20px;}
.content ul li:before {position:absolute;left:0;top:7px;width:15px;height:15px;background: url(../img/bullet-txt.svg)no-repeat;content:"";}
ul.pagination li {padding-left:0px;}
ul.pagination li:before {background: transparent;}
.datos-noticia a {
    text-decoration: none;
}
.descripcion-evento {
    margin-bottom: 30px;
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #3b3b3b;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
div#edit-field-ano-target-id ul {
    padding-left: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
}


    .tns-outer img {
    height: 500px;
    overflow: hidden;
    width: 300%;
    max-width: 300%;
}
.texto-banner p {
    display: none;
}
#block-views-block-banners-carrusel-block-1 .row {
    --bs-gutter-x: 0rem;
}
div#block-design-content {
    padding-left: 15px;
    padding-right: 15px;
}


@media (min-width: 768px) {
.eventos-destacados {
    padding-left: 15px;
}
.fila-equipo {
    margin-bottom: 20px;
    border: 1px solid #3b3b3b;
    padding: 15px;
    width:47%;
}
.encabezado-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}
#block-views-block-noticias-block-3 h2, #block-views-block-eventos-block-1 h2 {
    color: #114E8F;
    margin-bottom: 30px;
    font-size: 26px;
}
.item-proyecto h3 a, .item-proyecto h3 , .item-equipo h3 {
    color: #333;
    font-size: 18px;
    text-decoration: none;position:relative;padding-bottom:20px;margin-bottom:20px;display:block;
}
.block-views-blockproyectos-de-investigacion-block-1 .tns-item {
    border-right: 1px solid #808080;min-height:400px;
}
#block-views-block-banners-carrusel-block-1:before {background: url(../img/home-curva.png)no-repeat center top!important;z-index:1;position:absolute; content:"";top:0;left:0;width:100%;height:70px;}
#block-views-block-banners-carrusel-block-1 .row {
    --bs-gutter-x: 1.5rem;
}
.tns-outer img {
    height: auto;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}
.texto-banner p {
    display: block;
}
.texto-banner a {
    background: #29ABE2;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    text-decoration: none;display: block;
    width: fit-content;
    margin-top: 25px;font-weight: bold;font-size:18px;
}
#block-design-page-title, #titulo-seccion {background:url(../img/banner_02_nuevo.jpeg)no-repeat;background-size: contain!important;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
    margin-bottom: 40px;background-size: 100%;}
.info1 {
    background: #fff;
    padding: 20px;
    flex-basis: 48%;
}
.info2 {
    background: #fff;
    padding: 20px;
    flex-basis: 48%;
}
.item-equipo img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
}

@media (min-width: 992px) {
.tns-outer .tns-controls {
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    position: relative;
    top: 50%;
}
.noticias-home, .publi-destacada {
    padding-right: 30px;
}
#block-views-block-banners-carrusel-block-1 .tns-outer h2 {
    padding-top: 40px;font-size:1.8em;text-align: left!important;
}
.texto-banner {
    position: absolute;
    top: 0px;
    color: #fff;
    width: 450px;padding-top: 60px;padding-left: 15px;
}
    li.nav-item:nth-child(2){
    max-width: 150px;
}
li.nav-item:nth-child(3){
    max-width: 110px;
}
li.nav-item:nth-child(5){
    max-width: 135px;
}
li.nav-item:nth-child(7){
    max-width: 135px;
}
    div#edit-field-ano-target-id ul {
    display: block;
  
}
}