/********************************** LOGO DIBENIS *************************************/

.text-link-dibenis a, .text-link-dibenis a:visited, .text-link-dibenis a:active{ font-size: 12px; color: rgba(255,255,255,0.7); text-decoration: none; }
.text-link-dibenis a:hover { color: #ffffff; text-decoration: none; }
.text-link-dibenis a i, .text-link-dibenis a:hover i{ color: #ffffff; text-decoration: none; }
/* @@este sitio no cuenta con animaciones .text-link-dibenis a:hover i{ animation: rubberBand 1.0s 1; -webkit-animation: rubberBand 1.0s 1; } */
@media (max-width: 767px){
  .text-link-dibenis{ margin-top:20px; }
}

/* alineación de texto responsive */
@media (max-width: 767px) {
    /*text-alignment*/
    .xs-text-center {text-align: center;}
    .xs-text-left {text-align: left;}
    .xs-text-right {text-align: right;}
}

/************************************************************************************/

/* consultar colores en colors.css */

.color-primario{ color:var(--color-primario) }
.color-secundario{ color:var(--color-secundario) }
.color-gris-osc{ color:var(--color-gris-osc) }

/*
var(--color-primario)
var(--color-secundario)
var(--color-gris-osc)
var(--color-overlay)
*/

.seccion-galeria{
  /* esta clase se usa como selector para activar LightGallery */
}

.thumb-galeria, .foto-principal, .proyectos-index, .foto-slider{
  position: relative !important;
  width: 100% !important; /**/
	/* height:100% !important; /**/
  overflow: hidden !important;
	padding:0px !important;
	margin:0px !important;
}
.thumb-galeria, .foto-principal, .foto-slider{
  z-index: -1; /* parar mostrar overlay de color sobre la imagen */
}
.thumb-galeria:after, .foto-principal:after, .proyectos-index:after, .foto-slider:after{
  display: block;
  content: '';
}
.thumb-galeria img, .foto-principal img, .proyectos-index img, .foto-slider img{
  width:100%; /**/
  /* height:100%; /**/
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%,-50%) !important;
      -ms-transform: translate(-50%,-50%) !important;
          transform: translate(-50%,-50%) !important;
	max-width:none !important;
	max-height:none !important;
}
.proyectos-index img{
  height:100%; /**/
}
.proyectos-index:after{
  padding-top: 85%;
}
.foto-principal:after{
  padding-top: 50%;
}
.foto-slider:after{
  padding-top: 36%;
}
@media (max-width: 768px) {
  .foto-slider:after{
    padding-top: 50%;
  }
}
.video-slider {
  position: relative;
  padding-bottom: 36%;
  padding-top: 25px;
  height: 0;
  min-height: 350px;
}
.video-slider iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 350px;
}
@media (max-width: 768px) {
  .video-slider:after{
    padding-top: 50%;
  }
}

.thumb-galeria.thumb-40:after{
  padding-top: 40%;
}
.thumb-galeria.thumb-45:after{
  padding-top: 45%;
}
.thumb-galeria.thumb-50:after{
  padding-top: 50%;
}
.thumb-galeria.thumb-55:after{
  padding-top: 55%;
}
.thumb-galeria.thumb-60:after{
  padding-top: 60%;
}
.thumb-galeria.thumb-65:after{
  padding-top: 65%;
}
.thumb-galeria.thumb-75:after{
  padding-top: 75%;
}
.thumb-galeria.thumb-100:after{
  padding-top: 100%;
}

.lista-comunicados-prensa.environment-event > ul > li {
  padding: 0px;
  border: 1px solid #ececec;
}
.lista-comunicados-prensa .environment-modren-event-text {
  border: 0px !important;
}
@media (max-width: 767px) {
  .lista-comunicados-prensa.environment-event > ul > li {
    padding: 0px 15px;
    border: 0px !important;
  }
  .lista-comunicados-prensa .environment-modren-event-text {
    border: 1px solid #ececec !important;
  }
}

.etiquetas-usuario{
  margin-bottom:50px;
}
.etiquetas-usuario.environment-post-tags a,
.etiquetas-usuario.environment-post-tags span{
  text-transform: none;
}

.etiquetas-articulos-relacionados{
  padding: 0px 0px 5px 0px;
}
.etiquetas-articulos-relacionados.prensa{
  padding: 10px 0px 5px 0px;
}
.etiquetas-articulos-relacionados a{
  padding: 0px 10px 0px 10px;
  margin: 0px 15px 10px 0px;
}


.environment-cause-list-wrap.proyectos {
    border: 1px solid #ececec;
    padding: 30px 30px 40px 30px;
    margin: 0px 0px 33px;
    position: relative;
}
.environment-cause-list-wrap.proyectos:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height: 9px;
    background: url("../images/donate-bottom-border.png");
}

.environment-cause-list-wrap.proyectos h5{
  padding: 0px 0px 0px 0px;
}
.environment-cause-list-wrap.proyectos i.fa-circle-o{
  color:var(--color-primario);
  padding: 0px 10px 0px 0px;
}
.environment-cause-list-wrap.proyectos .environment-plan-btn{
  margin: 25px 0px 0px 0px;
}

.environment-rich-editor.proyectos .environment-list-style-one li{
  font-weight: normal !important;
  color: #979ca4;
}
.environment-rich-editor.proyectos .environment-list-style-one span{
  display:inline-block;
  min-width: 160px;
}

.widget_twitter.datos_interes ul li p{
  font-size: 13px;
  line-height: 23px;
}

.canales-botones-social {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 30px 0px;
    position: relative;
}
.canales-botones-social:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -2px;
    height: 2px;
    width: 30px;
    margin: 0px 0px 0px -16px;
}
.canales-botones-social > li {
    list-style: none;
    display: inline-block;
    margin: 0px 6px;
}
.canales-botones-social li span {
    font-size: 20px;
    position: relative;
    top: -3px;
}
.canales-botones-social li a {
    color: var(--color-primario);
    font-size: 36px;
}
.canales-botones-social li .fa-facebook:hover { color: #3b5998;}
.canales-botones-social li .fa-twitter:hover { color: #00aced;}
.canales-botones-social li .fa-instagram:hover { color: #ca1800;}

.articulo-cientifico{
  display: flex;
}
.articulo-cientifico .icono{
  font-size: 48px;
  color: #EE0000;
  padding-right: 20px;
}
.articulo-cientifico .detalle span{
  margin-top: 20px;
  margin-bottom: 5px;
}



.gap-70 { clear: both; height: 70px; }
.gap-60 { clear: both; height: 60px; }
.gap-50 { clear: both; height: 50px; }
.gap-40 { clear: both; height: 40px; }
.gap-30 { clear: both; height: 30px; }
.gap-20 { clear: both; height: 20px; }
.gap-10 { clear: both; height: 10px; }
.gap-5 { clear: both; height: 5px; }

#mapa{
	height:400px;
	width:100%;
}